@semcore/typography 16.4.0-prerelease.3 → 16.4.0

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.
Files changed (59) hide show
  1. package/lib/cjs/{Blockquote.js → components/Blockquote/Blockquote.js} +13 -12
  2. package/lib/cjs/components/Blockquote/Blockquote.js.map +1 -0
  3. package/lib/cjs/components/Blockquote/Blockquote.type.js +2 -0
  4. package/lib/cjs/components/Blockquote/Blockquote.type.js.map +1 -0
  5. package/lib/cjs/{List.js → components/List/List.js} +10 -11
  6. package/lib/cjs/components/List/List.js.map +1 -0
  7. package/lib/cjs/components/List/List.type.js +2 -0
  8. package/lib/cjs/components/List/List.type.js.map +1 -0
  9. package/lib/cjs/components/Text/Text.js +185 -0
  10. package/lib/cjs/components/Text/Text.js.map +1 -0
  11. package/lib/cjs/components/Text/Text.type.js +2 -0
  12. package/lib/cjs/components/Text/Text.type.js.map +1 -0
  13. package/lib/cjs/index.js +44 -3
  14. package/lib/cjs/index.js.map +1 -1
  15. package/lib/cjs/style/text.shadow.css +33 -3
  16. package/lib/es6/{Blockquote.js → components/Blockquote/Blockquote.js} +12 -11
  17. package/lib/es6/components/Blockquote/Blockquote.js.map +1 -0
  18. package/lib/es6/components/Blockquote/Blockquote.type.js +2 -0
  19. package/lib/es6/components/Blockquote/Blockquote.type.js.map +1 -0
  20. package/lib/es6/{List.js → components/List/List.js} +9 -10
  21. package/lib/es6/components/List/List.js.map +1 -0
  22. package/lib/es6/components/List/List.type.js +2 -0
  23. package/lib/es6/components/List/List.type.js.map +1 -0
  24. package/lib/es6/components/Text/Text.js +180 -0
  25. package/lib/es6/components/Text/Text.js.map +1 -0
  26. package/lib/es6/components/Text/Text.type.js +2 -0
  27. package/lib/es6/components/Text/Text.type.js.map +1 -0
  28. package/lib/es6/index.js +6 -3
  29. package/lib/es6/index.js.map +1 -1
  30. package/lib/es6/style/text.shadow.css +33 -3
  31. package/lib/esm/{Blockquote.mjs → components/Blockquote/Blockquote.mjs} +13 -13
  32. package/lib/esm/components/Blockquote/Blockquote.type.mjs +1 -0
  33. package/lib/esm/{List.mjs → components/List/List.mjs} +12 -12
  34. package/lib/esm/components/List/List.type.mjs +1 -0
  35. package/lib/esm/components/Text/Text.mjs +172 -0
  36. package/lib/esm/components/Text/Text.type.mjs +1 -0
  37. package/lib/esm/index.mjs +6 -3
  38. package/lib/esm/style/text.shadow.css +33 -3
  39. package/lib/types/components/Blockquote/Blockquote.d.ts +3 -0
  40. package/lib/types/components/Blockquote/Blockquote.type.d.ts +12 -0
  41. package/lib/types/components/List/List.d.ts +3 -0
  42. package/lib/types/components/List/List.type.d.ts +34 -0
  43. package/lib/types/components/Text/Text.d.ts +3 -0
  44. package/lib/types/components/Text/Text.type.d.ts +82 -0
  45. package/lib/types/index.d.ts +6 -93
  46. package/package.json +6 -6
  47. package/lib/cjs/Blockquote.js.map +0 -1
  48. package/lib/cjs/List.js.map +0 -1
  49. package/lib/cjs/Text.js +0 -79
  50. package/lib/cjs/Text.js.map +0 -1
  51. package/lib/cjs/index.d.js +0 -2
  52. package/lib/cjs/index.d.js.map +0 -1
  53. package/lib/es6/Blockquote.js.map +0 -1
  54. package/lib/es6/List.js.map +0 -1
  55. package/lib/es6/Text.js +0 -74
  56. package/lib/es6/Text.js.map +0 -1
  57. package/lib/es6/index.d.js +0 -2
  58. package/lib/es6/index.d.js.map +0 -1
  59. package/lib/esm/Text.mjs +0 -78
@@ -7,30 +7,31 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports["default"] = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
9
  var _core = require("@semcore/core");
10
+ var _baseComponents = require("@semcore/base-components");
10
11
  var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
11
- var _flexBox = require("@semcore/flex-box");
12
12
  var _react = _interopRequireDefault(require("react"));
13
- /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
14
- var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBlockquote_190ry_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_190ry_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_190ry_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_190ry_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_190ry_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_190ry_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_190ry_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"190ry_gg_"),
13
+ /*!__reshadow-styles__:"../../style/blockquote.shadow.css"*/
14
+ var styles = (/*__reshadow_css_start__*/_core.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_"),
15
15
  /*__reshadow_css_end__*/
16
16
  {
17
- "__SBlockquote": "___SBlockquote_190ry_gg_",
18
- "__SDoubleQuotation": "___SDoubleQuotation_190ry_gg_",
19
- "__SAuthor": "___SAuthor_190ry_gg_"
17
+ "__SBlockquote": "___SBlockquote_18p09_gg_",
18
+ "__SDoubleQuotation": "___SDoubleQuotation_18p09_gg_",
19
+ "__SAuthor": "___SAuthor_18p09_gg_"
20
20
  });
21
- function Blockquote(props, ref) {
21
+ function BlockquoteRoot(props, ref) {
22
22
  var _ref = arguments[0],
23
23
  _ref2;
24
- var SBlockquote = _flexBox.Box;
24
+ var SBlockquote = _baseComponents.Box;
25
25
  var SDoubleQuotation = 'span';
26
26
  var SAuthor = 'cite';
27
- var children = props.children,
28
- author = props.author;
27
+ var author = props.author,
28
+ children = props.children;
29
29
  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBlockquote, _ref2.cn("SBlockquote", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
30
30
  "tag": 'blockquote',
31
31
  "ref": ref
32
32
  }, _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)));
33
33
  }
34
- Blockquote.displayName = 'Blockquote';
35
- var _default = exports["default"] = (0, _core.createBaseComponent)(Blockquote);
34
+ BlockquoteRoot.displayName = 'Blockquote';
35
+ var Blockquote = (0, _core.createBaseComponent)(BlockquoteRoot);
36
+ var _default = exports["default"] = Blockquote;
36
37
  //# sourceMappingURL=Blockquote.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Blockquote.js","names":["_core","require","_baseComponents","_isNode","_interopRequireDefault","_react","styles","sstyled","insert","BlockquoteRoot","props","ref","_ref","arguments[0]","_ref2","SBlockquote","Box","SDoubleQuotation","SAuthor","author","children","createElement","cn","_objectSpread2","assignProps","isNode","displayName","Blockquote","createBaseComponent","_default","exports"],"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":";;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,IAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,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,GAMMC,mBAAG;EAL1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,OAAO,GAAG,MAAM;EACtB,IAAQC,MAAM,GAAeT,KAAK,CAA1BS,MAAM;IAAEC,QAAQ,GAAKV,KAAK,CAAlBU,QAAQ;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,cACGF,QAAQ,EACR,IAAAK,kBAAM,EAACN,MAAM,CAAC,iBAAId,MAAA,YAAAgB,aAAA,CAACH,OAAO,EAAAJ,KAAA,CAAAQ,EAAA,iBAAEH,MAAgB,CACzC,CACK,CAAC;AAElB;AAEAV,cAAc,CAACiB,WAAW,GAAG,YAAY;AAEzC,IAAMC,UAAU,GAAG,IAAAC,yBAAmB,EAACnB,cAAc,CAA2B;AAAC,IAAAoB,QAAA,GAAAC,OAAA,cAElEH,UAAU","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Blockquote.type.js.map
@@ -0,0 +1 @@
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":[]}
@@ -12,19 +12,19 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _core = require("@semcore/core");
15
+ var _baseComponents = require("@semcore/base-components");
15
16
  var _findComponent = require("@semcore/core/lib/utils/findComponent");
16
17
  var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
17
- var _flexBox = require("@semcore/flex-box");
18
18
  var _react = _interopRequireDefault(require("react"));
19
- var _Text = _interopRequireDefault(require("./Text"));
20
- /*!__reshadow-styles__:"./style/list.shadow.css"*/
21
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SList_fm8lq_gg_{padding:0;margin:0;list-style-type:none}.___SContent_fm8lq_gg_{overflow:inherit;text-overflow:inherit}.___SItem_fm8lq_gg_+.___SItem_fm8lq_gg_,.___SList_fm8lq_gg_ .___SList_fm8lq_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_fm8lq_gg_{display:flex}.___SMarker_fm8lq_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_fm8lq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SMarker_fm8lq_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"fm8lq_gg_"),
19
+ var _Text = _interopRequireDefault(require("../Text/Text"));
20
+ /*!__reshadow-styles__:"../../style/list.shadow.css"*/
21
+ var style = (/*__reshadow_css_start__*/_core.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_"),
22
22
  /*__reshadow_css_end__*/
23
23
  {
24
- "__SList": "___SList_fm8lq_gg_",
25
- "__SContent": "___SContent_fm8lq_gg_",
26
- "__SItem": "___SItem_fm8lq_gg_",
27
- "__SMarker": "___SMarker_fm8lq_gg_"
24
+ "__SList": "___SList_13mha_gg_",
25
+ "__SContent": "___SContent_13mha_gg_",
26
+ "__SItem": "___SItem_13mha_gg_",
27
+ "__SMarker": "___SMarker_13mha_gg_"
28
28
  });
29
29
  var ListRoot = /*#__PURE__*/function (_Component) {
30
30
  function ListRoot() {
@@ -72,7 +72,6 @@ var ItemRoot = /*#__PURE__*/function (_Component2) {
72
72
  var SItem = _Text["default"];
73
73
  var _this$asProps = this.asProps,
74
74
  styles = _this$asProps.styles,
75
- children = _this$asProps.children,
76
75
  markerNode = _this$asProps.marker,
77
76
  Children = _this$asProps.Children;
78
77
  var SMarker = 'span';
@@ -82,7 +81,7 @@ var ItemRoot = /*#__PURE__*/function (_Component2) {
82
81
  "tag": 'li'
83
82
  }, _ref2))), (0, _isNode["default"])(markerNode) && /*#__PURE__*/_react["default"].createElement(SMarker, _ref5.cn("SMarker", {
84
83
  "aria-hidden": 'true'
85
- }), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), children));
84
+ }), markerNode), isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SContent, _ref5.cn("SContent", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))));
86
85
  }
87
86
  }]);
88
87
  }(_core.Component);
@@ -93,7 +92,7 @@ function Content(props) {
93
92
  _ref6;
94
93
  var styles = props.styles,
95
94
  children = props.children;
96
- var SContent = _flexBox.Flex;
95
+ var SContent = _baseComponents.Flex;
97
96
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))), children);
98
97
  }
99
98
  Content.displayName = 'Content';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.js","names":["_core","require","_baseComponents","_findComponent","_isNode","_interopRequireDefault","_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","markerNode","Children","SMarker","SContent","isAdvancedMode","isAdvanceMode","List","Item","Content","displayName","isNode","props","_ref3","arguments[0]","_ref6","children","Flex","createComponent","_default","exports"],"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":[]}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=List.type.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,185 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
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"));
13
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
+ var _core = require("@semcore/core");
15
+ var _baseComponents = require("@semcore/base-components");
16
+ var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
17
+ var _react = _interopRequireDefault(require("react"));
18
+ /*!__reshadow-styles__:"../../style/text.shadow.css"*/
19
+ var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SText_18ujc_gg_{padding:0;margin:0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ abbr{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ abbr{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));-webkit-text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));text-decoration:underline dashed var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ abbr:active,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ abbr:focus{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ abbr:hover{outline:0;color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));-webkit-text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605));text-decoration:underline dashed var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a{display:inline;background:0 0;outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link, rgb(35, 95, 226));border-bottom-width:1px;border-bottom-style:solid;border-color:transparent}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:active{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215));border-color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ a:focus{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ code,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ pre{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote{position:relative;padding-left:51px;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-style:italic}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI3IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguODI0MjIgMC45NDcyNjZWMi4zMDg1OUM2Ljg3NjMgMy4zMjY4MiA1LjQ4MTc3IDQuMzg5MzIgNC42NDA2MiA1LjQ5NjA5QzMuNzk5NDggNi42MDI4NiAzLjM3ODkxIDcuODA5MjQgMy4zNzg5MSA5LjExNTIzQzMuMzc4OTEgOS44ODk5NyAzLjQ4OTU4IDEwLjQyMTIgMy43MTA5NCAxMC43MDlDMy45MTAxNiAxMS4wMTg5IDQuMTUzNjUgMTEuMTczOCA0LjQ0MTQxIDExLjE3MzhDNC43MjkxNyAxMS4xNzM4IDUuMTE2NTQgMTEuMDk2NCA1LjYwMzUyIDEwLjk0MTRDNi4wOTA0OSAxMC43NjQzIDYuNTMzMiAxMC42NzU4IDYuOTMxNjQgMTAuNjc1OEM3LjgzOTE5IDEwLjY3NTggOC42MjUgMTEuMDE4OSA5LjI4OTA2IDExLjcwNTFDOS45NzUyNiAxMi4zNjkxIDEwLjMxODQgMTMuMTg4MiAxMC4zMTg0IDE0LjE2MjFDMTAuMzE4NCAxNS4yMjQ2IDkuOTA4ODUgMTYuMTQzMiA5LjA4OTg0IDE2LjkxOEM4LjI3MDgzIDE3LjY3MDYgNy4yNTI2IDE4LjA0NjkgNi4wMzUxNiAxOC4wNDY5QzQuNTUyMDggMTguMDQ2OSAzLjIxMjg5IDE3LjQwNDkgMi4wMTc1OCAxNi4xMjExQzAuODIyMjY2IDE0LjgzNzIgMC4yMjQ2MDkgMTMuMjU0NiAwLjIyNDYwOSAxMS4zNzNDMC4yMjQ2MDkgOS4xNTk1MSAwLjk1NTA3OCA3LjEwMDkxIDIuNDE2MDIgNS4xOTcyN0MzLjg5OTA5IDMuMjcxNDggNi4wMzUxNiAxLjg1NDgyIDguODI0MjIgMC45NDcyNjZaTTI0LjY2MjEgMS4wNDY4OFYyLjMwODU5QzIyLjQyNjQgMy41OTI0NSAyMC45NTQ0IDQuNzQzNDkgMjAuMjQ2MSA1Ljc2MTcyQzE5LjUzNzggNi43Nzk5NSAxOS4xODM2IDcuOTc1MjYgMTkuMTgzNiA5LjM0NzY2QzE5LjE4MzYgOS45Njc0NSAxOS4zMDUzIDEwLjQzMjMgMTkuNTQ4OCAxMC43NDIyQzE5Ljc5MjMgMTEuMDUyMSAyMC4wNDY5IDExLjIwNyAyMC4zMTI1IDExLjIwN0MyMC41NTYgMTEuMjA3IDIwLjkyMTIgMTEuMTE4NSAyMS40MDgyIDEwLjk0MTRDMjEuODk1MiAxMC43NjQzIDIyLjM4MjIgMTAuNjc1OCAyMi44NjkxIDEwLjY3NThDMjMuNzc2NyAxMC42NzU4IDI0LjU2MjUgMTEuMDA3OCAyNS4yMjY2IDExLjY3MTlDMjUuOTEyOCAxMi4zMTM4IDI2LjI1NTkgMTMuMTEwNyAyNi4yNTU5IDE0LjA2MjVDMjYuMjU1OSAxNS4xNDcxIDI1LjgyNDIgMTYuMDg3OSAyNC45NjA5IDE2Ljg4NDhDMjQuMTE5OCAxNy42ODE2IDIzLjA3OTQgMTguMDgwMSAyMS44Mzk4IDE4LjA4MDFDMjAuMzc4OSAxOC4wODAxIDE5LjA2MTggMTcuNDQ5MiAxNy44ODg3IDE2LjE4NzVDMTYuNzE1NSAxNC45MjU4IDE2LjEyODkgMTMuMzU0MiAxNi4xMjg5IDExLjQ3MjdDMTYuMTI4OSA5LjE0ODQ0IDE2Ljg3MDQgNy4wMzQ1MSAxOC4zNTM1IDUuMTMwODZDMTkuODM2NiAzLjIwNTA4IDIxLjkzOTUgMS44NDM3NSAyNC42NjIxIDEuMDQ2ODhaIiBmaWxsPSIjQTlBQkI2Ii8+Cjwvc3ZnPg==);display:inline-block;position:absolute;left:0;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));font-family:Georgia,Times,\"Times New Roman\",serif}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote:before{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote cite{display:block;font-style:normal;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote cite{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ blockquote cite{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]),.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]){margin:var(--intergalactic-spacing-2x, 8px)0;padding:0;list-style:none;position:relative}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{position:absolute;left:0;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_)+li:not(.___SText_18ujc_gg_),.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_)+li:not(.___SText_18ujc_gg_){margin:var(--intergalactic-spacing-2x, 8px)0 0 0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]){counter-reset:item 0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]) li:not(.___SText_18ujc_gg_):before{counter-increment:item;content:counters(item,\".\")}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]) li:not(.___SText_18ujc_gg_):before{content:\"\";background-color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol:not(ol[start]):not(ol[reversed]):not(ol[type]):has(+p),.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul:not(ul[start]):not(ul[reversed]):not(ul[type]):has(+p){margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ 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}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h1:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5:only-child,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6:only-child{margin-bottom:0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3{font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ 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}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ 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}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ 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}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h1 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-weight:300;font-size:100%}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h1 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6 small{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h1 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h2 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h3 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h4 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h5 small,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ h6 small{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ p:last-child{margin-bottom:0}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ ol ol ol li{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_.__formatTags_18ujc_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:inline-block;line-height:inherit;vertical-align:top}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_._trim_end_18ujc_gg_.__isEllipsized_18ujc_gg_::after{content:\"\";display:block}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_.__maxLine_18ujc_gg_{-webkit-line-clamp:var(--maxLine_18ujc);display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.___SText_18ujc_gg_.__ellipsis_18ujc_gg_._trim_middle_18ujc_gg_{text-overflow:initial}.___SText_18ujc_gg_._size_100_18ujc_gg_,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_100_18ujc_gg_.__formatTags_18ujc_gg_ 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_18ujc_gg_._size_200_18ujc_gg_,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 var(--intergalactic-spacing-3x, 12px)0}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_200_18ujc_gg_.__formatTags_18ujc_gg_ ul li:before{width:4px;height:4px;border-radius:50%;margin-top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-left:var(--intergalactic-spacing-05x, 2px)}.___SText_18ujc_gg_._size_300_18ujc_gg_,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ li,.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ p{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ p{margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ li{padding-left:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ ol ol li{padding-left:calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-05x, 2px))}.___SText_18ujc_gg_._size_300_18ujc_gg_.__formatTags_18ujc_gg_ 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_18ujc_gg_._size_400_18ujc_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_18ujc_gg_._size_500_18ujc_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_18ujc_gg_._size_600_18ujc_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_18ujc_gg_._size_700_18ujc_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_18ujc_gg_._size_800_18ujc_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_18ujc_gg_.__noWrap_18ujc_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_18ujc_gg_.__medium_18ujc_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_18ujc_gg_.__semibold_18ujc_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_18ujc_gg_.__bold_18ujc_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_18ujc_gg_.__italic_18ujc_gg_{font-style:italic}.___SText_18ujc_gg_.__monospace_18ujc_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_18ujc_gg_.__uppercase_18ujc_gg_{text-transform:uppercase}.___SText_18ujc_gg_.__lowercase_18ujc_gg_{text-transform:lowercase}.___SText_18ujc_gg_.__capitalize_18ujc_gg_{text-transform:capitalize}.___SText_18ujc_gg_.__decoration_18ujc_gg_{-webkit-text-decoration:var(--decoration_18ujc);text-decoration:var(--decoration_18ujc)}.___SText_18ujc_gg_.__color_18ujc_gg_{color:var(--color_18ujc)}.___SText_18ujc_gg_.__fontSize_18ujc_gg_{font-size:var(--fontSize_18ujc)}.___SText_18ujc_gg_.__lineHeight_18ujc_gg_{line-height:var(--lineHeight_18ujc)}.___SText_18ujc_gg_.__fontWeight_18ujc_gg_{font-weight:var(--fontWeight_18ujc)}.___SText_18ujc_gg_.__textAlign_18ujc_gg_{text-align:var(--textAlign_18ujc)}.___SText_18ujc_gg_._use_primary_18ujc_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SText_18ujc_gg_._use_secondary_18ujc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SText_18ujc_gg_._use_secondary_18ujc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SText_18ujc_gg_._use_secondary_18ujc_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SText_18ujc_gg_.__disabled_18ujc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}@media (prefers-reduced-motion){.___SText_18ujc_gg_ a{transition:none}}", /*__inner_css_end__*/"18ujc_gg_"),
20
+ /*__reshadow_css_end__*/
21
+ {
22
+ "__SText": "___SText_18ujc_gg_",
23
+ "_size_400": "_size_400_18ujc_gg_",
24
+ "_size_500": "_size_500_18ujc_gg_",
25
+ "_size_600": "_size_600_18ujc_gg_",
26
+ "_size_700": "_size_700_18ujc_gg_",
27
+ "_size_800": "_size_800_18ujc_gg_",
28
+ "_noWrap": "__noWrap_18ujc_gg_",
29
+ "_medium": "__medium_18ujc_gg_",
30
+ "_semibold": "__semibold_18ujc_gg_",
31
+ "_bold": "__bold_18ujc_gg_",
32
+ "_italic": "__italic_18ujc_gg_",
33
+ "_monospace": "__monospace_18ujc_gg_",
34
+ "_uppercase": "__uppercase_18ujc_gg_",
35
+ "_lowercase": "__lowercase_18ujc_gg_",
36
+ "_capitalize": "__capitalize_18ujc_gg_",
37
+ "_decoration": "__decoration_18ujc_gg_",
38
+ "--decoration": "--decoration_18ujc",
39
+ "_color": "__color_18ujc_gg_",
40
+ "--color": "--color_18ujc",
41
+ "_fontSize": "__fontSize_18ujc_gg_",
42
+ "--fontSize": "--fontSize_18ujc",
43
+ "_lineHeight": "__lineHeight_18ujc_gg_",
44
+ "--lineHeight": "--lineHeight_18ujc",
45
+ "_fontWeight": "__fontWeight_18ujc_gg_",
46
+ "--fontWeight": "--fontWeight_18ujc",
47
+ "_textAlign": "__textAlign_18ujc_gg_",
48
+ "--textAlign": "--textAlign_18ujc",
49
+ "_use_primary": "_use_primary_18ujc_gg_",
50
+ "_use_secondary": "_use_secondary_18ujc_gg_",
51
+ "_disabled": "__disabled_18ujc_gg_",
52
+ "_formatTags": "__formatTags_18ujc_gg_",
53
+ "_ellipsis": "__ellipsis_18ujc_gg_",
54
+ "_trim_end": "_trim_end_18ujc_gg_",
55
+ "_isEllipsized": "__isEllipsized_18ujc_gg_",
56
+ "_maxLine": "__maxLine_18ujc_gg_",
57
+ "--maxLine": "--maxLine_18ujc",
58
+ "_trim_middle": "_trim_middle_18ujc_gg_",
59
+ "_size_100": "_size_100_18ujc_gg_",
60
+ "_size_200": "_size_200_18ujc_gg_",
61
+ "_size_300": "_size_300_18ujc_gg_"
62
+ });
63
+ var TextRoot = /*#__PURE__*/function (_Component) {
64
+ function TextRoot(props) {
65
+ var _this;
66
+ (0, _classCallCheck2["default"])(this, TextRoot);
67
+ _this = (0, _callSuper2["default"])(this, TextRoot, [props]);
68
+ (0, _defineProperty2["default"])(_this, "ellipsis", null);
69
+ (0, _defineProperty2["default"])(_this, "innerRef", /*#__PURE__*/_react["default"].createRef());
70
+ (0, _defineProperty2["default"])(_this, "state", {
71
+ isEllipsized: false
72
+ });
73
+ _this.handleEllipsized = _this.handleEllipsized.bind(_this);
74
+ return _this;
75
+ }
76
+ (0, _inherits2["default"])(TextRoot, _Component);
77
+ return (0, _createClass2["default"])(TextRoot, [{
78
+ key: "componentDidMount",
79
+ value: function componentDidMount() {
80
+ this.initEllipsis();
81
+ }
82
+ }, {
83
+ key: "componentDidUpdate",
84
+ value: function componentDidUpdate(prevProps) {
85
+ var _this2 = this;
86
+ var ellipsisKeys = ['cropPosition', 'maxLine', 'lastRequiredSymbols', 'containerElement', 'recalculateContainerWidth', 'observeChildrenMutations'];
87
+ var hasChanges = ellipsisKeys.some(function (key) {
88
+ return prevProps["ellipsis:".concat(key)] !== _this2.asProps["ellipsis:".concat(key)];
89
+ });
90
+ if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {
91
+ this.cleanUpEllipsis();
92
+ this.initEllipsis();
93
+ }
94
+ }
95
+ }, {
96
+ key: "componentWillUnmount",
97
+ value: function componentWillUnmount() {
98
+ this.cleanUpEllipsis();
99
+ }
100
+ }, {
101
+ key: "render",
102
+ value: function render() {
103
+ var _ref = this.asProps,
104
+ _ref2,
105
+ _ellipsisProps$cropPo;
106
+ var SText = _baseComponents.Box;
107
+ var _this$asProps = this.asProps,
108
+ color = _this$asProps.color,
109
+ underline = _this$asProps.underline,
110
+ lineThrough = _this$asProps.lineThrough,
111
+ hint = _this$asProps.hint,
112
+ hintProps = _this$asProps.hintProps,
113
+ children = _this$asProps.children,
114
+ ellipsis = _this$asProps.ellipsis,
115
+ ellipsisProps = _this$asProps.ellipsisProps,
116
+ resolveColor = _this$asProps.resolveColor;
117
+ var isEllipsized = this.state.isEllipsized;
118
+ var cropPosition = (_ellipsisProps$cropPo = ellipsisProps === null || ellipsisProps === void 0 ? void 0 : ellipsisProps.cropPosition) !== null && _ellipsisProps$cropPo !== void 0 ? _ellipsisProps$cropPo : 'end';
119
+ var withHint = hint !== false;
120
+ var maxLineValue = ellipsisProps === null || ellipsisProps === void 0 ? void 0 : ellipsisProps.maxLine;
121
+ if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {
122
+ withHint = false;
123
+ }
124
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SText, _ref2.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
125
+ "tag": 'span',
126
+ "data-ui-name": 'Text',
127
+ "ref": this.innerRef,
128
+ "use:decoration": this.getTextDecoration(underline, lineThrough),
129
+ "use:color": resolveColor(color),
130
+ "use:ellipsis": ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps),
131
+ "isEllipsized": isEllipsized,
132
+ "maxLine": maxLineValue,
133
+ "trim": cropPosition
134
+ }, _ref)))), isEllipsized && withHint && /*#__PURE__*/_react["default"].createElement(_baseComponents.Hint, _ref2.cn("Hint", (0, _objectSpread2["default"])({
135
+ "triggerRef": this.innerRef
136
+ }, hintProps)), children));
137
+ }
138
+ }, {
139
+ key: "handleEllipsized",
140
+ value: function handleEllipsized(isEllipsized) {
141
+ this.setState({
142
+ isEllipsized: isEllipsized
143
+ });
144
+ }
145
+ }, {
146
+ key: "initEllipsis",
147
+ value: function initEllipsis() {
148
+ var _this$asProps2 = this.asProps,
149
+ ellipsis = _this$asProps2.ellipsis,
150
+ ellipsisProps = _this$asProps2.ellipsisProps,
151
+ hint = _this$asProps2.hint;
152
+ var shouldInit = hint !== false || (ellipsisProps === null || ellipsisProps === void 0 ? void 0 : ellipsisProps.cropPosition) === 'middle';
153
+ if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {
154
+ this.ellipsis = ellipsis instanceof _baseComponents.Ellipsis ? ellipsis : new _baseComponents.Ellipsis(this.innerRef.current, ellipsisProps !== null && ellipsisProps !== void 0 ? ellipsisProps : {});
155
+ this.ellipsis.on('isEllipsized', this.handleEllipsized);
156
+ }
157
+ }
158
+ }, {
159
+ key: "cleanUpEllipsis",
160
+ value: function cleanUpEllipsis() {
161
+ var _this$ellipsis, _this$ellipsis2;
162
+ (_this$ellipsis = this.ellipsis) === null || _this$ellipsis === void 0 || _this$ellipsis.off('isEllipsized', this.handleEllipsized);
163
+ (_this$ellipsis2 = this.ellipsis) === null || _this$ellipsis2 === void 0 || _this$ellipsis2.cleanUp();
164
+ this.setState({
165
+ isEllipsized: false
166
+ });
167
+ }
168
+ }, {
169
+ key: "getTextDecoration",
170
+ value: function getTextDecoration(underline, lineThrough) {
171
+ if (underline) {
172
+ return 'underline';
173
+ }
174
+ if (lineThrough) {
175
+ return 'line-through';
176
+ }
177
+ }
178
+ }]);
179
+ }(_core.Component);
180
+ (0, _defineProperty2["default"])(TextRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
181
+ (0, _defineProperty2["default"])(TextRoot, "styles", styles);
182
+ (0, _defineProperty2["default"])(TextRoot, "displayName", 'Text');
183
+ var Text = (0, _core.createComponent)(TextRoot);
184
+ var _default = exports["default"] = Text;
185
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","styles","sstyled","insert","TextRoot","_Component","props","_this","_classCallCheck2","_callSuper2","_defineProperty2","React","createRef","isEllipsized","handleEllipsized","bind","_inherits2","_createClass2","key","value","componentDidMount","initEllipsis","componentDidUpdate","prevProps","_this2","ellipsisKeys","hasChanges","some","concat","asProps","ellipsis","cleanUpEllipsis","componentWillUnmount","render","_ref","_ref2","_ellipsisProps$cropPo","SText","Box","_this$asProps","color","underline","lineThrough","hint","hintProps","children","ellipsisProps","resolveColor","state","cropPosition","withHint","maxLineValue","maxLine","undefined","createElement","Fragment","cn","_objectSpread2","assignProps","innerRef","getTextDecoration","Boolean","Hint","setState","_this$asProps2","shouldInit","current","Ellipsis","on","_this$ellipsis","_this$ellipsis2","off","cleanUp","Component","resolveColorEnhance","Text","createComponent","_default","exports"],"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { Ellipsis, Hint, Box, type EllipsisSettings } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Root, sstyled, Component, createComponent } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { NSText } from './Text.type';\nimport styles from '../../style/text.shadow.css';\n\ntype State = {\n isEllipsized: boolean;\n};\n\nclass TextRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSText.Component>,\n typeof TextRoot.enhance,\n {},\n {},\n State\n> {\n private ellipsis: Ellipsis | null = null;\n private innerRef = React.createRef<HTMLElement | null>();\n\n static enhance = [resolveColorEnhance()] as const;\n static styles = styles;\n static displayName = 'Text';\n\n state = {\n isEllipsized: false,\n };\n\n constructor(props: NSText.Props) {\n super(props);\n\n this.handleEllipsized = this.handleEllipsized.bind(this);\n }\n\n componentDidMount(): void {\n this.initEllipsis();\n }\n\n componentDidUpdate(prevProps: NSText.EllipsisProps) {\n const ellipsisKeys: Array<keyof EllipsisSettings> = [\n 'cropPosition',\n 'maxLine',\n 'lastRequiredSymbols',\n 'containerElement',\n 'recalculateContainerWidth',\n 'observeChildrenMutations',\n ];\n\n const hasChanges = ellipsisKeys.some((key) => {\n return prevProps[`ellipsis:${key}`] !== this.asProps[`ellipsis:${key}`];\n });\n\n if (prevProps.ellipsis !== this.asProps.ellipsis || hasChanges) {\n this.cleanUpEllipsis();\n\n this.initEllipsis();\n }\n }\n\n componentWillUnmount() {\n this.cleanUpEllipsis();\n }\n\n render(): React.ReactNode {\n const SText = Root;\n const { color, underline, lineThrough, hint, hintProps, children, ellipsis, ellipsisProps, resolveColor } =\n this.asProps;\n const { isEllipsized } = this.state;\n\n const cropPosition = ellipsisProps?.cropPosition ?? 'end';\n let withHint = hint !== false;\n\n const maxLineValue = ellipsisProps?.maxLine;\n if (hint !== true && hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) {\n withHint = false;\n }\n\n return sstyled(styles)(\n <>\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={this.innerRef}\n use:decoration={this.getTextDecoration(underline, lineThrough)}\n use:color={resolveColor(color)}\n use:ellipsis={ellipsis !== undefined ? ellipsis : Boolean(ellipsisProps)}\n isEllipsized={isEllipsized}\n maxLine={maxLineValue}\n trim={cropPosition}\n />\n {isEllipsized && withHint && (\n <Hint triggerRef={this.innerRef} {...hintProps}>\n {children}\n </Hint>\n )}\n </>,\n );\n }\n\n private handleEllipsized(isEllipsized: boolean) {\n this.setState({ isEllipsized: isEllipsized });\n }\n\n private initEllipsis() {\n const { ellipsis, ellipsisProps, hint } = this.asProps;\n const shouldInit = hint !== false || ellipsisProps?.cropPosition === 'middle';\n\n if (shouldInit && (ellipsis || ellipsisProps) && this.innerRef.current) {\n this.ellipsis =\n ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsisProps ?? {});\n\n this.ellipsis.on('isEllipsized', this.handleEllipsized);\n }\n }\n\n private cleanUpEllipsis() {\n this.ellipsis?.off('isEllipsized', this.handleEllipsized);\n this.ellipsis?.cleanUp();\n this.setState({ isEllipsized: false });\n }\n\n private getTextDecoration(underline?: boolean, lineThrough?: boolean) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n }\n}\n\nconst Text = createComponent(TextRoot) as NSText.Component;\n\nexport default Text;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Text.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.type.js","names":[],"sources":["../../../../src/components/Text/Text.type.ts"],"sourcesContent":["import type {\n BoxProps,\n EllipsisSettings,\n SimpleHintPopperProps,\n Ellipsis as EllipsisInstance,\n} from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { Property } from 'csstype';\n\ndeclare namespace NSText {\n type BaseProps = {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /**\n * The text will not be wrapped on a new line and will be cut off with ellipsis\n * @deprecated use ellipsis prop instead\n **/\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 type HintProps = {\n /** Manually enabled/disabled Hint */\n hint?: boolean;\n } & {\n /** Settings for a hint with full text (cropped by ellipsis) */\n [K in keyof SimpleHintPopperProps as `hint:${string & K}`]?: SimpleHintPopperProps[K];\n };\n\n type EllipsisProps = {\n /** Manually enabled/disabled Ellipsis or provide an instance of it. */\n ellipsis?: boolean | EllipsisInstance;\n } & {\n /** Settings for an Ellipsis */\n [K in keyof EllipsisSettings as `ellipsis:${string & K}`]?: EllipsisSettings[K];\n };\n\n type Props = BoxProps & NSText.BaseProps &\n (\n | {\n /** Enable formatting/styling for all nested HTML tags with our default styles for them */\n formatTags?: boolean;\n ellipsis?: never;\n ellipsisProps?: never;\n hint?: never;\n hintProps?: never;\n }\n | ({\n formatTags?: never;\n } & NSText.HintProps & NSText.EllipsisProps)\n );\n\n type Component = Intergalactic.Component<'span', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type TextHintProps = NSText.HintProps;\n/** @deprecated It will be removed in v18. */\nexport type TextEllipsisProps = NSText.EllipsisProps;\n/** @deprecated It will be removed in v18. */\nexport type BaseTextProps = NSText.BaseProps;\n/** @deprecated It will be removed in v18. */\nexport type TextProps = NSText.Props;\n/** @deprecated It will be removed in v18. */\nexport type TextComponent = NSText.Component;\n\nexport type { NSText };\n"],"mappings":"","ignoreList":[]}
package/lib/cjs/index.js CHANGED
@@ -4,6 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ var _exportNames = {
8
+ Text: true,
9
+ Blockquote: true,
10
+ List: true
11
+ };
7
12
  Object.defineProperty(exports, "Blockquote", {
8
13
  enumerable: true,
9
14
  get: function get() {
@@ -22,7 +27,43 @@ Object.defineProperty(exports, "Text", {
22
27
  return _Text["default"];
23
28
  }
24
29
  });
25
- var _Text = _interopRequireDefault(require("./Text"));
26
- var _Blockquote = _interopRequireDefault(require("./Blockquote"));
27
- var _List = _interopRequireDefault(require("./List"));
30
+ var _Text = _interopRequireDefault(require("./components/Text/Text"));
31
+ var _Blockquote = _interopRequireDefault(require("./components/Blockquote/Blockquote"));
32
+ var _List = _interopRequireDefault(require("./components/List/List"));
33
+ var _Text2 = require("./components/Text/Text.type");
34
+ Object.keys(_Text2).forEach(function (key) {
35
+ if (key === "default" || key === "__esModule") return;
36
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
37
+ if (key in exports && exports[key] === _Text2[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _Text2[key];
42
+ }
43
+ });
44
+ });
45
+ var _Blockquote2 = require("./components/Blockquote/Blockquote.type");
46
+ Object.keys(_Blockquote2).forEach(function (key) {
47
+ if (key === "default" || key === "__esModule") return;
48
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
49
+ if (key in exports && exports[key] === _Blockquote2[key]) return;
50
+ Object.defineProperty(exports, key, {
51
+ enumerable: true,
52
+ get: function get() {
53
+ return _Blockquote2[key];
54
+ }
55
+ });
56
+ });
57
+ var _List2 = require("./components/List/List.type");
58
+ Object.keys(_List2).forEach(function (key) {
59
+ if (key === "default" || key === "__esModule") return;
60
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
61
+ if (key in exports && exports[key] === _List2[key]) return;
62
+ Object.defineProperty(exports, key, {
63
+ enumerable: true,
64
+ get: function get() {
65
+ return _List2[key];
66
+ }
67
+ });
68
+ });
28
69
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_Text","_interopRequireDefault","require","_Blockquote","_List"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Text } from './Text';\nexport { default as Blockquote } from './Blockquote';\nexport { default as List } from './List';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_Text","_interopRequireDefault","require","_Blockquote","_List","_Text2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Blockquote2","_List2"],"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,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAhB,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAjB,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAY,MAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,MAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,MAAA,CAAAV,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -106,6 +106,11 @@ SText {
106
106
  background-color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
107
107
  }
108
108
 
109
+ & ol:not(ol[start], ol[reversed], ol[type]):has(+ p),
110
+ & ul:not(ul[start], ul[reversed], ul[type]):has(+ p) {
111
+ margin-bottom: var(--intergalactic-spacing-4x, 16px);
112
+ }
113
+
109
114
  & h1 {
110
115
  font-size: var(--intergalactic-fs-800, 48px);
111
116
  line-height: var(--intergalactic-lh-800, 117%);
@@ -192,7 +197,7 @@ SText {
192
197
  }
193
198
 
194
199
  & p {
195
- margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
200
+ margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
196
201
 
197
202
  &:last-child {
198
203
  margin-bottom: 0;
@@ -222,6 +227,31 @@ SText {
222
227
  }
223
228
  }
224
229
 
230
+ SText[ellipsis] {
231
+ overflow: hidden;
232
+ text-overflow: ellipsis;
233
+ white-space: pre;
234
+ display: inline-block;
235
+ line-height: unset;
236
+ vertical-align: top;
237
+
238
+ &[trim='end'][isEllipsized]::after {
239
+ content: '';
240
+ display: block;
241
+ }
242
+
243
+ &[maxLine] {
244
+ -webkit-line-clamp: var(--maxLine);
245
+ display: -webkit-box;
246
+ -webkit-box-orient: vertical;
247
+ white-space: normal;
248
+ overflow-wrap: break-word;
249
+ }
250
+ &[trim='middle'] {
251
+ text-overflow: unset;
252
+ }
253
+ }
254
+
225
255
  SText[size='100'] {
226
256
  font-size: var(--intergalactic-fs-100, 12px);
227
257
  line-height: var(--intergalactic-lh-100, 133%);
@@ -275,7 +305,7 @@ SText[size='200'] {
275
305
  }
276
306
 
277
307
  & p {
278
- margin: 0 0 var(--intergalactic-spacing-5x, 20px) 0;
308
+ margin: 0 0 var(--intergalactic-spacing-3x, 12px) 0;
279
309
 
280
310
  &:last-child {
281
311
  margin-bottom: 0;
@@ -317,7 +347,7 @@ SText[size='300'] {
317
347
  }
318
348
 
319
349
  & p {
320
- margin: 0 0 var(--intergalactic-spacing-6x, 24px) 0;
350
+ margin: 0 0 var(--intergalactic-spacing-4x, 16px) 0;
321
351
 
322
352
  &:last-child {
323
353
  margin-bottom: 0;
@@ -1,31 +1,32 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
2
  import { sstyled as _sstyled } from "@semcore/core";
3
3
  import { assignProps as _assignProps } from "@semcore/core";
4
+ import { Box } from '@semcore/base-components';
4
5
  import { createBaseComponent, Root, sstyled } from '@semcore/core';
5
6
  import isNode from '@semcore/core/lib/utils/isNode';
6
- import { Box } from '@semcore/flex-box';
7
7
  import React from 'react';
8
- /*!__reshadow-styles__:"./style/blockquote.shadow.css"*/
9
- var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBlockquote_190ry_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_190ry_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_190ry_gg_{color:var(--intergalactic-text-large-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDoubleQuotation_190ry_gg_{color:var(--intergalactic-text-large-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAuthor_190ry_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_190ry_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAuthor_190ry_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"190ry_gg_"),
8
+ /*!__reshadow-styles__:"../../style/blockquote.shadow.css"*/
9
+ 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_"),
10
10
  /*__reshadow_css_end__*/
11
11
  {
12
- "__SBlockquote": "___SBlockquote_190ry_gg_",
13
- "__SDoubleQuotation": "___SDoubleQuotation_190ry_gg_",
14
- "__SAuthor": "___SAuthor_190ry_gg_"
12
+ "__SBlockquote": "___SBlockquote_18p09_gg_",
13
+ "__SDoubleQuotation": "___SDoubleQuotation_18p09_gg_",
14
+ "__SAuthor": "___SAuthor_18p09_gg_"
15
15
  });
16
- function Blockquote(props, ref) {
16
+ function BlockquoteRoot(props, ref) {
17
17
  var _ref = arguments[0],
18
18
  _ref2;
19
19
  var SBlockquote = Box;
20
20
  var SDoubleQuotation = 'span';
21
21
  var SAuthor = 'cite';
22
- var children = props.children,
23
- author = props.author;
22
+ var author = props.author,
23
+ children = props.children;
24
24
  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBlockquote, _ref2.cn("SBlockquote", _objectSpread({}, _assignProps({
25
25
  "tag": 'blockquote',
26
26
  "ref": ref
27
27
  }, _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)));
28
28
  }
29
- Blockquote.displayName = 'Blockquote';
30
- export default createBaseComponent(Blockquote);
29
+ BlockquoteRoot.displayName = 'Blockquote';
30
+ var Blockquote = createBaseComponent(BlockquoteRoot);
31
+ export default Blockquote;
31
32
  //# sourceMappingURL=Blockquote.js.map
@@ -0,0 +1 @@
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":[]}