@semcore/typography 16.3.2 → 16.3.3-prerelease.8

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.3.3] - 2026-02-16
+
+### Fixed
+
+- margins for native `p` and lists.
+
+## [17.0.0] - 2026-02-02
+
+### Added
+
+- `ellipsis` property to crop the text out of the box.
+
 ## [16.3.2] - 2025-11-17
 
 ### Changed

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/typography.svg)](https://www.npmjs.com/@semcore/typography)
 [![downloads](https://img.shields.io/npm/dt/@semcore/typography.svg)](https://www.npmjs.com/package/@semcore/typography)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -20,13 +20,13 @@ npm install @semcore/typography
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
 
 Contributions, issues and feature requests are welcome!
 
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/cjs/Blockquote.js

@@ -1,36 +1,39 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports.default = void 0;
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBlockquote_1ysfd_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_1ysfd_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_1ysfd_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"1ysfd_gg_"),
+const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBlockquote_hkf9e_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_hkf9e_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_hkf9e_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}", /*__inner_css_end__*/"hkf9e_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBlockquote": "___SBlockquote_1ysfd_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_1ysfd_gg_",
-  "__SAuthor": "___SAuthor_1ysfd_gg_"
+  "__SBlockquote": "___SBlockquote_hkf9e_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_hkf9e_gg_",
+  "__SAuthor": "___SAuthor_hkf9e_gg_"
 });
 function Blockquote(props, ref) {
   var _ref = arguments[0],
     _ref2;
-  var SBlockquote = _flexBox.Box;
-  var SDoubleQuotation = 'span';
-  var SAuthor = 'cite';
-  var children = props.children,
-    author = props.author;
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBlockquote, _ref2.cn("SBlockquote", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'blockquote',
-    "ref": ref
-  }, _ref))), /*#__PURE__*/_react["default"].createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/_react["default"].createElement("span", _ref2.cn("span", {}), children, (0, _isNode["default"])(author) && /*#__PURE__*/_react["default"].createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
+  const SBlockquote = _baseComponents.Box;
+  const SDoubleQuotation = 'span';
+  const SAuthor = 'cite';
+  const {
+    children,
+    author
+  } = props;
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBlockquote, _ref2.cn("SBlockquote", {
+    ...(0, _core.assignProps)({
+      "tag": 'blockquote',
+      "ref": ref
+    }, _ref)
+  }), /*#__PURE__*/_react.default.createElement(SDoubleQuotation, _ref2.cn("SDoubleQuotation", {}), "\u201C"), /*#__PURE__*/_react.default.createElement("span", _ref2.cn("span", {}), children, (0, _isNode.default)(author) && /*#__PURE__*/_react.default.createElement(SAuthor, _ref2.cn("SAuthor", {}), author)));
 }
 Blockquote.displayName = 'Blockquote';
-var _default = exports["default"] = (0, _core.createBaseComponent)(Blockquote);
+var _default = exports.default = (0, _core.createBaseComponent)(Blockquote);
 //# sourceMappingURL=Blockquote.js.map

package/lib/cjs/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","names":["_core","require","_isNode","_interopRequireDefault","_flexBox","_react","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","createElement","cn","_objectSpread2","assignProps","isNode","displayName","_default","exports","createBaseComponent"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\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,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,WAAW,GAMMC,YAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,QAAQ,GAAaT,KAAK,CAA1BS,QAAQ;IAAEC,MAAM,GAAKV,KAAK,CAAhBU,MAAM;EAExB,OAAAN,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,YAAAgB,aAAA,CAACN,WAAW,EAAAD,KAAA,CAAAQ,EAAA,oBAAAC,cAAA,qBAAAvB,KAAA,CAAAwB,WAAA;IAAA,OAAkB,YAAY;IAAA,OAAMb;EAAG,GAAAC,IAAA,kBACjDP,MAAA,YAAAgB,aAAA,CAACJ,gBAAgB,EAAAH,KAAA,CAAAQ,EAAA,0BAAC,QAAmB,CAAC,eACtCjB,MAAA,YAAAgB,aAAA,SAAAP,KAAA,CAAAQ,EAAA,cACGH,QAAQ,EACR,IAAAM,kBAAM,EAACL,MAAM,CAAC,iBAAIf,MAAA,YAAAgB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEF,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEvB,IAAAC,yBAAmB,EAACpB,UAAU,CAAC","ignoreList":[]}
+{"version":3,"file":"Blockquote.js","names":["_core","require","_baseComponents","_isNode","_interopRequireDefault","_react","styles","sstyled","insert","Blockquote","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","children","author","default","createElement","cn","assignProps","isNode","displayName","_default","exports","createBaseComponent"],"sources":["../../src/Blockquote.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport React from 'react';\n\nimport styles from './style/blockquote.shadow.css';\n\nfunction Blockquote(props, ref) {\n  const SBlockquote = Root;\n  const SDoubleQuotation = 'span';\n  const SAuthor = 'cite';\n  const { children, author } = props;\n\n  return sstyled(styles)(\n    <SBlockquote render={Box} tag='blockquote' ref={ref}>\n      <SDoubleQuotation>“</SDoubleQuotation>\n      <span>\n        {children}\n        {isNode(author) && <SAuthor>{author}</SAuthor>}\n      </span>\n    </SBlockquote>,\n  );\n}\n\nBlockquote.displayName = 'Blockquote';\n\nexport default createBaseComponent(Blockquote);\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,MAAMC,WAAW,GAMMC,mBAAG;EAL1B,MAAMC,gBAAgB,GAAG,MAAM;EAC/B,MAAMC,OAAO,GAAG,MAAM;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGV,KAAK;EAElC,OAAAI,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBD,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACP,WAAW,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,OAAkB,YAAY;MAAA,OAAMb;IAAG,GAAAC,IAAA;EAAA,iBACjDP,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACL,gBAAgB,EAAAH,KAAA,CAAAS,EAAA,0BAAC,QAAmB,CAAC,eACtClB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,SAAAR,KAAA,CAAAS,EAAA,cACGJ,QAAQ,EACR,IAAAM,eAAM,EAACL,MAAM,CAAC,iBAAIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,OAAO,EAAAJ,KAAA,CAAAS,EAAA,iBAAEH,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAX,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEvB,IAAAQ,yBAAmB,EAACpB,UAAU,CAAC","ignoreList":[]}

package/lib/cjs/List.js

@@ -1,109 +1,97 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _findComponent = require("@semcore/core/lib/utils/findComponent");
 var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _Text = _interopRequireDefault(require("./Text"));
 /*!__reshadow-styles__:"./style/list.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SList_1t6um_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1t6um_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1t6um_gg_+.___SItem_1t6um_gg_,.___SList_1t6um_gg_ .___SList_1t6um_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1t6um_gg_{display:flex}.___SMarker_1t6um_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"1t6um_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SList_1i2n2_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1i2n2_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1i2n2_gg_+.___SItem_1i2n2_gg_,.___SList_1i2n2_gg_ .___SList_1i2n2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1i2n2_gg_{display:flex}.___SMarker_1i2n2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}", /*__inner_css_end__*/"1i2n2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SList": "___SList_1t6um_gg_",
-  "__SContent": "___SContent_1t6um_gg_",
-  "__SItem": "___SItem_1t6um_gg_",
-  "__SMarker": "___SMarker_1t6um_gg_"
+  "__SList": "___SList_1i2n2_gg_",
+  "__SContent": "___SContent_1i2n2_gg_",
+  "__SItem": "___SItem_1i2n2_gg_",
+  "__SMarker": "___SMarker_1i2n2_gg_"
 });
-var ListRoot = /*#__PURE__*/function (_Component) {
-  function ListRoot() {
-    (0, _classCallCheck2["default"])(this, ListRoot);
-    return (0, _callSuper2["default"])(this, ListRoot, arguments);
+class ListRoot extends _core.Component {
+  getItemProps() {
+    const {
+      marker
+    } = this.asProps;
+    return {
+      marker
+    };
   }
-  (0, _inherits2["default"])(ListRoot, _Component);
-  return (0, _createClass2["default"])(ListRoot, [{
-    key: "getItemProps",
-    value: function getItemProps() {
-      var marker = this.asProps.marker;
-      return {
-        marker: marker
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var SList = _Text["default"];
-      var styles = this.asProps.styles;
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SList, _ref4.cn("SList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'ul',
-        "role": 'list'
-      }, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(ListRoot, "displayName", 'List');
-(0, _defineProperty2["default"])(ListRoot, "style", style);
-(0, _defineProperty2["default"])(ListRoot, "defaultProps", {
+  render() {
+    var _ref = this.asProps,
+      _ref4;
+    const SList = _Text.default;
+    const {
+      styles
+    } = this.asProps;
+    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SList, _ref4.cn("SList", {
+      ...(0, _core.assignProps)({
+        "tag": 'ul'
+      }, _ref)
+    }));
+  }
+}
+(0, _defineProperty2.default)(ListRoot, "displayName", 'List');
+(0, _defineProperty2.default)(ListRoot, "style", style);
+(0, _defineProperty2.default)(ListRoot, "defaultProps", {
   marker: '•'
 });
-var ItemRoot = /*#__PURE__*/function (_Component2) {
-  function ItemRoot() {
-    (0, _classCallCheck2["default"])(this, ItemRoot);
-    return (0, _callSuper2["default"])(this, ItemRoot, arguments);
+class ItemRoot extends _core.Component {
+  render() {
+    var _ref2 = this.asProps,
+      _ref5;
+    const SItem = _Text.default;
+    const {
+      styles,
+      children,
+      marker: markerNode,
+      Children
+    } = this.asProps;
+    const SMarker = 'span';
+    const SContent = 'div';
+    const isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
+    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SItem, _ref5.cn("SItem", {
+      ...(0, _core.assignProps)({
+        "tag": 'li'
+      }, _ref2)
+    }), (0, _isNode.default)(markerNode) && /*#__PURE__*/_react.default.createElement(SMarker, _ref5.cn("SMarker", {
+      "aria-hidden": 'true'
+    }), markerNode), isAdvancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(SContent, _ref5.cn("SContent", {}), children));
   }
-  (0, _inherits2["default"])(ItemRoot, _Component2);
-  return (0, _createClass2["default"])(ItemRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref5;
-      var SItem = _Text["default"];
-      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 = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
-      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref5.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'li',
-        "role": 'listitem'
-      }, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref5.cn("SMarker", {
-        "aria-hidden": 'true'
-      }), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), children));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(ItemRoot, "style", style);
-(0, _defineProperty2["default"])(ItemRoot, "displayName", 'Item');
+}
+(0, _defineProperty2.default)(ItemRoot, "style", style);
+(0, _defineProperty2.default)(ItemRoot, "displayName", 'Item');
 function Content(props) {
   var _ref3 = arguments[0],
     _ref6;
-  var styles = props.styles,
-    children = props.children;
-  var SContent = _flexBox.Flex;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))), children);
+  const {
+    styles,
+    children
+  } = props;
+  const SContent = _baseComponents.Flex;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SContent, _ref6.cn("SContent", {
+    ...(0, _core.assignProps)({}, _ref3)
+  }), children);
 }
 Content.displayName = 'Content';
-var Item = (0, _core.createComponent)(ItemRoot, {
-  Content: Content
+const Item = (0, _core.createComponent)(ItemRoot, {
+  Content
 });
-var List = (0, _core.createComponent)(ListRoot, {
-  Item: Item
+const List = (0, _core.createComponent)(ListRoot, {
+  Item
 });
-var _default = exports["default"] = List;
+var _default = exports.default = List;
 //# sourceMappingURL=List.js.map

package/lib/cjs/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","_flexBox","_react","_Text","style","sstyled","insert","ListRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","ItemRoot","_Component2","_ref2","_ref5","SItem","_this$asProps","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './style/list.shadow.css';\nimport Text from './Text';\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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","ignoreList":[]}
+{"version":3,"file":"List.js","names":["_core","require","_baseComponents","_findComponent","_isNode","_interopRequireDefault","_react","_Text","style","sstyled","insert","ListRoot","Component","getItemProps","marker","asProps","render","_ref","_ref4","SList","Text","styles","default","createElement","cn","assignProps","_defineProperty2","ItemRoot","_ref2","_ref5","SItem","children","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","Flex","createComponent","_default","exports"],"sources":["../../src/List.jsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\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 style from './style/list.shadow.css';\nimport Text from './Text';\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' />);\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'>\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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","ignoreList":[]}