@semcore/typography 16.3.2-prerelease.1 → 16.3.3-prerelease.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/README.md +4 -4
- package/lib/cjs/Blockquote.js +21 -18
- package/lib/cjs/Blockquote.js.map +1 -1
- package/lib/cjs/List.js +70 -82
- package/lib/cjs/List.js.map +1 -1
- package/lib/cjs/Text.js +137 -64
- package/lib/cjs/Text.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +7 -7
- package/lib/cjs/style/text.shadow.css +31 -3
- package/lib/es6/Blockquote.js +18 -15
- package/lib/es6/Blockquote.js.map +1 -1
- package/lib/es6/List.js +62 -74
- package/lib/es6/List.js.map +1 -1
- package/lib/es6/Text.js +136 -63
- package/lib/es6/Text.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/text.shadow.css +31 -3
- package/lib/esm/Blockquote.mjs +22 -18
- package/lib/esm/List.mjs +61 -68
- package/lib/esm/Text.mjs +139 -63
- package/lib/esm/style/text.shadow.css +31 -3
- package/lib/types/Text.d.ts +2 -0
- package/lib/types/index.d.ts +10 -13
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.3.3] - 2026-02-16
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- margins for native `p` and lists.
|
|
10
|
+
|
|
11
|
+
## [17.0.0] - 2026-02-02
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- `ellipsis` property to crop the text out of the box.
|
|
16
|
+
|
|
5
17
|
## [16.3.2] - 2025-11-17
|
|
6
18
|
|
|
7
19
|
### Changed
|
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/@semcore/typography)
|
|
4
4
|
[](https://www.npmjs.com/package/@semcore/typography)
|
|
5
|
-
[](https://github.com/semrush/intergalactic/blob/
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
|
|
6
6
|
|
|
7
7
|
> This component is part of the Intergalactic Design System
|
|
8
8
|
|
|
@@ -20,13 +20,13 @@ npm install @semcore/typography
|
|
|
20
20
|
|
|
21
21
|
## 👤 Author
|
|
22
22
|
|
|
23
|
-
[UI-kit team](https://github.com/semrush/intergalactic/blob/
|
|
23
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
24
24
|
|
|
25
25
|
## 🤝 Contributing
|
|
26
26
|
|
|
27
27
|
Contributions, issues and feature requests are welcome!
|
|
28
28
|
|
|
29
|
-
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/
|
|
29
|
+
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).
|
|
30
30
|
|
|
31
31
|
## Show your support
|
|
32
32
|
|
|
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
|
|
|
34
34
|
|
|
35
35
|
## 📝 License
|
|
36
36
|
|
|
37
|
-
This project is [MIT](https://github.com/semrush/intergalactic/blob/
|
|
37
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
|
package/lib/cjs/Blockquote.js
CHANGED
|
@@ -1,36 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _core = require("@semcore/core");
|
|
9
|
+
var _baseComponents = require("@semcore/base-components");
|
|
10
10
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
11
|
-
var _flexBox = require("@semcore/flex-box");
|
|
12
11
|
var _react = _interopRequireDefault(require("react"));
|
|
13
12
|
/*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
14
|
-
|
|
13
|
+
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_"),
|
|
15
14
|
/*__reshadow_css_end__*/
|
|
16
15
|
{
|
|
17
|
-
"__SBlockquote": "
|
|
18
|
-
"__SDoubleQuotation": "
|
|
19
|
-
"__SAuthor": "
|
|
16
|
+
"__SBlockquote": "___SBlockquote_hkf9e_gg_",
|
|
17
|
+
"__SDoubleQuotation": "___SDoubleQuotation_hkf9e_gg_",
|
|
18
|
+
"__SAuthor": "___SAuthor_hkf9e_gg_"
|
|
20
19
|
});
|
|
21
20
|
function Blockquote(props, ref) {
|
|
22
21
|
var _ref = arguments[0],
|
|
23
22
|
_ref2;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
const SBlockquote = _baseComponents.Box;
|
|
24
|
+
const SDoubleQuotation = 'span';
|
|
25
|
+
const SAuthor = 'cite';
|
|
26
|
+
const {
|
|
27
|
+
children,
|
|
28
|
+
author
|
|
29
|
+
} = props;
|
|
30
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBlockquote, _ref2.cn("SBlockquote", {
|
|
31
|
+
...(0, _core.assignProps)({
|
|
32
|
+
"tag": 'blockquote',
|
|
33
|
+
"ref": ref
|
|
34
|
+
}, _ref)
|
|
35
|
+
}), /*#__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)));
|
|
33
36
|
}
|
|
34
37
|
Blockquote.displayName = 'Blockquote';
|
|
35
|
-
var _default = exports
|
|
38
|
+
var _default = exports.default = (0, _core.createBaseComponent)(Blockquote);
|
|
36
39
|
//# sourceMappingURL=Blockquote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","names":["_core","require","
|
|
1
|
+
{"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
CHANGED
|
@@ -1,109 +1,97 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
7
|
+
exports.default = void 0;
|
|
13
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
9
|
var _core = require("@semcore/core");
|
|
10
|
+
var _baseComponents = require("@semcore/base-components");
|
|
15
11
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
16
12
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
17
|
-
var _flexBox = require("@semcore/flex-box");
|
|
18
13
|
var _react = _interopRequireDefault(require("react"));
|
|
19
14
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
20
15
|
/*!__reshadow-styles__:"./style/list.shadow.css"*/
|
|
21
|
-
|
|
16
|
+
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_"),
|
|
22
17
|
/*__reshadow_css_end__*/
|
|
23
18
|
{
|
|
24
|
-
"__SList": "
|
|
25
|
-
"__SContent": "
|
|
26
|
-
"__SItem": "
|
|
27
|
-
"__SMarker": "
|
|
19
|
+
"__SList": "___SList_1i2n2_gg_",
|
|
20
|
+
"__SContent": "___SContent_1i2n2_gg_",
|
|
21
|
+
"__SItem": "___SItem_1i2n2_gg_",
|
|
22
|
+
"__SMarker": "___SMarker_1i2n2_gg_"
|
|
28
23
|
});
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
class ListRoot extends _core.Component {
|
|
25
|
+
getItemProps() {
|
|
26
|
+
const {
|
|
27
|
+
marker
|
|
28
|
+
} = this.asProps;
|
|
29
|
+
return {
|
|
30
|
+
marker
|
|
31
|
+
};
|
|
33
32
|
}
|
|
34
|
-
(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"tag": 'ul',
|
|
52
|
-
"role": 'list'
|
|
53
|
-
}, _ref))));
|
|
54
|
-
}
|
|
55
|
-
}]);
|
|
56
|
-
}(_core.Component);
|
|
57
|
-
(0, _defineProperty2["default"])(ListRoot, "displayName", 'List');
|
|
58
|
-
(0, _defineProperty2["default"])(ListRoot, "style", style);
|
|
59
|
-
(0, _defineProperty2["default"])(ListRoot, "defaultProps", {
|
|
33
|
+
render() {
|
|
34
|
+
var _ref = this.asProps,
|
|
35
|
+
_ref4;
|
|
36
|
+
const SList = _Text.default;
|
|
37
|
+
const {
|
|
38
|
+
styles
|
|
39
|
+
} = this.asProps;
|
|
40
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SList, _ref4.cn("SList", {
|
|
41
|
+
...(0, _core.assignProps)({
|
|
42
|
+
"tag": 'ul'
|
|
43
|
+
}, _ref)
|
|
44
|
+
}));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
(0, _defineProperty2.default)(ListRoot, "displayName", 'List');
|
|
48
|
+
(0, _defineProperty2.default)(ListRoot, "style", style);
|
|
49
|
+
(0, _defineProperty2.default)(ListRoot, "defaultProps", {
|
|
60
50
|
marker: '•'
|
|
61
51
|
});
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
52
|
+
class ItemRoot extends _core.Component {
|
|
53
|
+
render() {
|
|
54
|
+
var _ref2 = this.asProps,
|
|
55
|
+
_ref5;
|
|
56
|
+
const SItem = _Text.default;
|
|
57
|
+
const {
|
|
58
|
+
styles,
|
|
59
|
+
children,
|
|
60
|
+
marker: markerNode,
|
|
61
|
+
Children
|
|
62
|
+
} = this.asProps;
|
|
63
|
+
const SMarker = 'span';
|
|
64
|
+
const SContent = 'div';
|
|
65
|
+
const isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
|
|
66
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SItem, _ref5.cn("SItem", {
|
|
67
|
+
...(0, _core.assignProps)({
|
|
68
|
+
"tag": 'li'
|
|
69
|
+
}, _ref2)
|
|
70
|
+
}), (0, _isNode.default)(markerNode) && /*#__PURE__*/_react.default.createElement(SMarker, _ref5.cn("SMarker", {
|
|
71
|
+
"aria-hidden": 'true'
|
|
72
|
+
}), markerNode), isAdvancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(SContent, _ref5.cn("SContent", {}), children));
|
|
66
73
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
value: function render() {
|
|
71
|
-
var _ref2 = this.asProps,
|
|
72
|
-
_ref5;
|
|
73
|
-
var SItem = _Text["default"];
|
|
74
|
-
var _this$asProps = this.asProps,
|
|
75
|
-
styles = _this$asProps.styles,
|
|
76
|
-
children = _this$asProps.children,
|
|
77
|
-
markerNode = _this$asProps.marker,
|
|
78
|
-
Children = _this$asProps.Children;
|
|
79
|
-
var SMarker = 'span';
|
|
80
|
-
var SContent = 'div';
|
|
81
|
-
var isAdvancedMode = (0, _findComponent.isAdvanceMode)(Children, [List.Item.Content.displayName]);
|
|
82
|
-
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref5.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
83
|
-
"tag": 'li',
|
|
84
|
-
"role": 'listitem'
|
|
85
|
-
}, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref5.cn("SMarker", {
|
|
86
|
-
"aria-hidden": 'true'
|
|
87
|
-
}), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), children));
|
|
88
|
-
}
|
|
89
|
-
}]);
|
|
90
|
-
}(_core.Component);
|
|
91
|
-
(0, _defineProperty2["default"])(ItemRoot, "style", style);
|
|
92
|
-
(0, _defineProperty2["default"])(ItemRoot, "displayName", 'Item');
|
|
74
|
+
}
|
|
75
|
+
(0, _defineProperty2.default)(ItemRoot, "style", style);
|
|
76
|
+
(0, _defineProperty2.default)(ItemRoot, "displayName", 'Item');
|
|
93
77
|
function Content(props) {
|
|
94
78
|
var _ref3 = arguments[0],
|
|
95
79
|
_ref6;
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
80
|
+
const {
|
|
81
|
+
styles,
|
|
82
|
+
children
|
|
83
|
+
} = props;
|
|
84
|
+
const SContent = _baseComponents.Flex;
|
|
85
|
+
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SContent, _ref6.cn("SContent", {
|
|
86
|
+
...(0, _core.assignProps)({}, _ref3)
|
|
87
|
+
}), children);
|
|
100
88
|
}
|
|
101
89
|
Content.displayName = 'Content';
|
|
102
|
-
|
|
103
|
-
Content
|
|
90
|
+
const Item = (0, _core.createComponent)(ItemRoot, {
|
|
91
|
+
Content
|
|
104
92
|
});
|
|
105
|
-
|
|
106
|
-
Item
|
|
93
|
+
const List = (0, _core.createComponent)(ListRoot, {
|
|
94
|
+
Item
|
|
107
95
|
});
|
|
108
|
-
var _default = exports
|
|
96
|
+
var _default = exports.default = List;
|
|
109
97
|
//# sourceMappingURL=List.js.map
|
package/lib/cjs/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","names":["_core","require","_findComponent","_isNode","_interopRequireDefault","
|
|
1
|
+
{"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":[]}
|