@semcore/card 2.2.2 → 2.3.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.3.0] - 2022-01-18
+
+### Changed
+
+- Up version icons and use new icon.
+- Rewrite code from TS to JS 🧑‍💻
+
 ## [2.2.2] - 2021-9-20
 
 ### Fixed

package/lib/cjs/Card.js

@@ -31,7 +31,7 @@ var _typography = require("@semcore/typography");
 
 var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
 
-var _xs = _interopRequireDefault(require("@semcore/icon/lib/Info/xs"));
+var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,15 +46,15 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCard_30o7x_gg_{border:1px solid #ccc;border-radius:2px;padding:20px 24px 24px}.___STitle_30o7x_gg_{font-size:19px;font-weight:500}.___SIcon_30o7x_gg_{margin-left:4px;color:#a6b0b3;cursor:help}.___SDescription_30o7x_gg_{margin-bottom:12px;font-size:14px;color:#757575}"
+".___SCard_19clt_gg_{border:1px solid #ccc;border-radius:2px;padding:20px 24px 24px}.___STitle_19clt_gg_{font-size:19px;font-weight:500}.___SIcon_19clt_gg_{margin-left:4px;color:#a6b0b3;cursor:help}.___SDescription_19clt_gg_{margin-bottom:12px;font-size:14px;color:#757575}"
 /*__inner_css_end__*/
 , "3hx1s_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCard": "___SCard_30o7x_gg_",
-  "__STitle": "___STitle_30o7x_gg_",
-  "__SIcon": "___SIcon_30o7x_gg_",
-  "__SDescription": "___SDescription_30o7x_gg_"
+  "__SCard": "___SCard_19clt_gg_",
+  "__STitle": "___STitle_19clt_gg_",
+  "__SIcon": "___SIcon_19clt_gg_",
+  "__SDescription": "___SDescription_19clt_gg_"
 });
 
 var Card = /*#__PURE__*/function (_Component) {
@@ -91,7 +91,7 @@ function Title(props) {
   var styles = props.styles,
       hint = props.hint;
   var STitle = _typography.Text;
-  var SIcon = _xs["default"];
+  var SIcon = _m["default"];
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref5.cn("STitle", _objectSpread({}, (0, _core.assignProps)({}, _ref2)))), hint && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], _ref5.cn("Tooltip", {
     "title": hint
   }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref5.cn("SIcon", {}))));

package/lib/cjs/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Card.tsx"],"names":["Card","SCard","Box","styles","asProps","Component","style","Title","props","hint","STitle","Text","SIcon","InfoXS","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,I;;;;;;;;;;;;WAKJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,KAAK,GAG2BC,YAHtC;AADO,UAECC,MAFD,GAEY,KAAKC,OAFjB,CAECD,MAFD;AAIP,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,KAAD,yEAAvB;AACD;;;EAVgBE,e;;iCAAbL,I,iBACiB,M;iCADjBA,I,WAGWM,K;;AAUjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;AAAA;AAAA;;AAAA,MACZL,MADY,GACKK,KADL,CACZL,MADY;AAAA,MACJM,IADI,GACKD,KADL,CACJC,IADI;AAEpB,MAAMC,MAAM,GAIQC,gBAJpB;AACA,MAAMC,KAAK,GAAGC,cAAd;AACA,iBAAO,mBAAQV,MAAR,CAAP,eACE,+EACE,gCAAC,MAAD,2EADF,EAEGM,IAAI,iBACH,gCAAC,mBAAD;AAAA,aAAgBA;AAAhB,mBACE,gCAAC,KAAD,wBADF,CAHJ,CADF;AAUD;;AAED,SAASK,WAAT,CAAqBN,KAArB,EAA4B;AAAA;AAAA;;AAAA,MAClBL,MADkB,GACPK,KADO,CAClBL,MADkB;AAE1B,MAAMY,YAAY,GAC2BJ,gBAD7C;AACA,iBAAO,mBAAQR,MAAR,CAAP,eAAuB,gCAAC,YAAD;AAAA,WAAgC;AAAhC,cAAvB;AACD;;eAEc,sBAMbH,IANa,EAMP;AACNO,EAAAA,KAAK,EAALA,KADM;AAENO,EAAAA,WAAW,EAAXA;AAFM,CANO,C","sourcesContent":["import React, { ComponentProps, HTMLAttributes } from 'react';\nimport createComponent, { Component, Merge, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { ITextProps, Text } from '@semcore/typography';\n// eslint-disable-next-line import/no-named-as-default\nimport Tooltip from '@semcore/tooltip';\nimport InfoXS from '@semcore/icon/lib/Info/xs';\n\nimport style from './style/card.shadow.css';\n\nexport interface ITitleProps extends ITextProps {\n  /**\n   * Tooltip text\n   */\n  hint?: React.ReactNode;\n}\n\nclass Card extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<SCard render={Box} />);\n  }\n}\n\nfunction Title(props) {\n  const { styles, hint } = props;\n  const STitle = Root;\n  const SIcon = InfoXS;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text} />\n      {hint && (\n        <Tooltip title={hint}>\n          <SIcon />\n        </Tooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nexport default createComponent<\n  ComponentProps<typeof Box>,\n  {\n    Title: Merge<ITitleProps, HTMLAttributes<HTMLSpanElement>>;\n    Description: ComponentProps<typeof Text>;\n  }\n>(Card, {\n  Title,\n  Description,\n});\n"],"file":"Card.js"}
+{"version":3,"sources":["../../src/Card.js"],"names":["Card","SCard","Box","styles","asProps","Component","style","Title","props","hint","STitle","Text","SIcon","Info","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,I;;;;;;;;;;;;WAKJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,KAAK,GAG2BC,YAHtC;AADO,UAECC,MAFD,GAEY,KAAKC,OAFjB,CAECD,MAFD;AAIP,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,KAAD,yEAAvB;AACD;;;EAVgBE,e;;iCAAbL,I,iBACiB,M;iCADjBA,I,WAGWM,K;;AAUjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;AAAA;AAAA;;AAAA,MACZL,MADY,GACKK,KADL,CACZL,MADY;AAAA,MACJM,IADI,GACKD,KADL,CACJC,IADI;AAEpB,MAAMC,MAAM,GAIQC,gBAJpB;AACA,MAAMC,KAAK,GAAGC,aAAd;AACA,iBAAO,mBAAQV,MAAR,CAAP,eACE,+EACE,gCAAC,MAAD,2EADF,EAEGM,IAAI,iBACH,gCAAC,mBAAD;AAAA,aAAgBA;AAAhB,mBACE,gCAAC,KAAD,wBADF,CAHJ,CADF;AAUD;;AAED,SAASK,WAAT,CAAqBN,KAArB,EAA4B;AAAA;AAAA;;AAAA,MAClBL,MADkB,GACPK,KADO,CAClBL,MADkB;AAE1B,MAAMY,YAAY,GAC2BJ,gBAD7C;AACA,iBAAO,mBAAQR,MAAR,CAAP,eAAuB,gCAAC,YAAD;AAAA,WAAgC;AAAhC,cAAvB;AACD;;eAEc,sBAAgBH,IAAhB,EAAsB;AACnCO,EAAAA,KAAK,EAALA,KADmC;AAEnCO,EAAAA,WAAW,EAAXA;AAFmC,CAAtB,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Tooltip from '@semcore/tooltip';\nimport Info from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\n\nclass Card extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<SCard render={Box} />);\n  }\n}\n\nfunction Title(props) {\n  const { styles, hint } = props;\n  const STitle = Root;\n  const SIcon = Info;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text} />\n      {hint && (\n        <Tooltip title={hint}>\n          <SIcon />\n        </Tooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nexport default createComponent(Card, {\n  Title,\n  Description,\n});\n"],"file":"Card.js"}

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Card';\nexport * from './Card';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Card';\nexport * from './Card';\n"],"file":"index.js"}

package/lib/es6/Card.js

@@ -20,25 +20,24 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-import { Text } from '@semcore/typography'; // eslint-disable-next-line import/no-named-as-default
-
+import { Text } from '@semcore/typography';
 import Tooltip from '@semcore/tooltip';
-import InfoXS from '@semcore/icon/lib/Info/xs';
+import Info from '@semcore/icon/Info/m';
 
 /*__reshadow-styles__:"./style/card.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCard_30o7x_gg_{border:1px solid #ccc;border-radius:2px;padding:20px 24px 24px}.___STitle_30o7x_gg_{font-size:19px;font-weight:500}.___SIcon_30o7x_gg_{margin-left:4px;color:#a6b0b3;cursor:help}.___SDescription_30o7x_gg_{margin-bottom:12px;font-size:14px;color:#757575}"
+".___SCard_19clt_gg_{border:1px solid #ccc;border-radius:2px;padding:20px 24px 24px}.___STitle_19clt_gg_{font-size:19px;font-weight:500}.___SIcon_19clt_gg_{margin-left:4px;color:#a6b0b3;cursor:help}.___SDescription_19clt_gg_{margin-bottom:12px;font-size:14px;color:#757575}"
 /*__inner_css_end__*/
 , "3hx1s_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCard": "___SCard_30o7x_gg_",
-  "__STitle": "___STitle_30o7x_gg_",
-  "__SIcon": "___SIcon_30o7x_gg_",
-  "__SDescription": "___SDescription_30o7x_gg_"
+  "__SCard": "___SCard_19clt_gg_",
+  "__STitle": "___STitle_19clt_gg_",
+  "__SIcon": "___SIcon_19clt_gg_",
+  "__SDescription": "___SDescription_19clt_gg_"
 });
 
 var Card = /*#__PURE__*/function (_Component) {
@@ -78,7 +77,7 @@ function Title(props) {
   var styles = props.styles,
       hint = props.hint;
   var STitle = Text;
-  var SIcon = InfoXS;
+  var SIcon = Info;
   return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2)))), hint && /*#__PURE__*/React.createElement(Tooltip, _ref5.cn("Tooltip", {
     "title": hint
   }), /*#__PURE__*/React.createElement(SIcon, _ref5.cn("SIcon", {}))));

package/lib/es6/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Card.tsx"],"names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","InfoXS","Card","SCard","styles","asProps","style","Title","props","hint","STitle","SIcon","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAsD,OAAtD;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAA4CC,OAA5C,EAAqDC,IAArD,QAAiE,eAAjE;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAAqBC,IAArB,QAAiC,qBAAjC,C,CACA;;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;IAWMC,I;;;;;;;;;;;;;WAKJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,KAAK,GAG2BL,GAHtC;AADO,UAECM,MAFD,GAEY,KAAKC,OAFjB,CAECD,MAFD;AAIP,qBAAOR,OAAO,CAACQ,MAAD,CAAd,eAAuB,oBAAC,KAAD,+DAAvB;AACD;;;;EAVgBT,S;;gBAAbO,I,iBACiB,M;;gBADjBA,I,WAGWI,K;;AAUjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;AAAA;AAAA;;AAAA,MACZJ,MADY,GACKI,KADL,CACZJ,MADY;AAAA,MACJK,IADI,GACKD,KADL,CACJC,IADI;AAEpB,MAAMC,MAAM,GAIQX,IAJpB;AACA,MAAMY,KAAK,GAAGV,MAAd;AACA,iBAAOL,OAAO,CAACQ,MAAD,CAAd,eACE,uDACE,oBAAC,MAAD,kEADF,EAEGK,IAAI,iBACH,oBAAC,OAAD;AAAA,aAAgBA;AAAhB,mBACE,oBAAC,KAAD,wBADF,CAHJ,CADF;AAUD;;AAED,SAASG,WAAT,CAAqBJ,KAArB,EAA4B;AAAA;AAAA;;AAAA,MAClBJ,MADkB,GACPI,KADO,CAClBJ,MADkB;AAE1B,MAAMS,YAAY,GAC2Bd,IAD7C;AACA,iBAAOH,OAAO,CAACQ,MAAD,CAAd,eAAuB,oBAAC,YAAD;AAAA,WAAgC;AAAhC,cAAvB;AACD;;AAED,eAAeV,eAAe,CAM5BQ,IAN4B,EAMtB;AACNK,EAAAA,KAAK,EAALA,KADM;AAENK,EAAAA,WAAW,EAAXA;AAFM,CANsB,CAA9B","sourcesContent":["import React, { ComponentProps, HTMLAttributes } from 'react';\nimport createComponent, { Component, Merge, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { ITextProps, Text } from '@semcore/typography';\n// eslint-disable-next-line import/no-named-as-default\nimport Tooltip from '@semcore/tooltip';\nimport InfoXS from '@semcore/icon/lib/Info/xs';\n\nimport style from './style/card.shadow.css';\n\nexport interface ITitleProps extends ITextProps {\n  /**\n   * Tooltip text\n   */\n  hint?: React.ReactNode;\n}\n\nclass Card extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<SCard render={Box} />);\n  }\n}\n\nfunction Title(props) {\n  const { styles, hint } = props;\n  const STitle = Root;\n  const SIcon = InfoXS;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text} />\n      {hint && (\n        <Tooltip title={hint}>\n          <SIcon />\n        </Tooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nexport default createComponent<\n  ComponentProps<typeof Box>,\n  {\n    Title: Merge<ITitleProps, HTMLAttributes<HTMLSpanElement>>;\n    Description: ComponentProps<typeof Text>;\n  }\n>(Card, {\n  Title,\n  Description,\n});\n"],"file":"Card.js"}
+{"version":3,"sources":["../../src/Card.js"],"names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","Info","Card","SCard","styles","asProps","style","Title","props","hint","STitle","SIcon","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,IAAT,QAAqB,qBAArB;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,IAAP,MAAiB,sBAAjB;;;;;;;;;;;;;;;;;;IAIMC,I;;;;;;;;;;;;;WAKJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,KAAK,GAG2BL,GAHtC;AADO,UAECM,MAFD,GAEY,KAAKC,OAFjB,CAECD,MAFD;AAIP,qBAAOR,OAAO,CAACQ,MAAD,CAAd,eAAuB,oBAAC,KAAD,+DAAvB;AACD;;;;EAVgBT,S;;gBAAbO,I,iBACiB,M;;gBADjBA,I,WAGWI,K;;AAUjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;AAAA;AAAA;;AAAA,MACZJ,MADY,GACKI,KADL,CACZJ,MADY;AAAA,MACJK,IADI,GACKD,KADL,CACJC,IADI;AAEpB,MAAMC,MAAM,GAIQX,IAJpB;AACA,MAAMY,KAAK,GAAGV,IAAd;AACA,iBAAOL,OAAO,CAACQ,MAAD,CAAd,eACE,uDACE,oBAAC,MAAD,kEADF,EAEGK,IAAI,iBACH,oBAAC,OAAD;AAAA,aAAgBA;AAAhB,mBACE,oBAAC,KAAD,wBADF,CAHJ,CADF;AAUD;;AAED,SAASG,WAAT,CAAqBJ,KAArB,EAA4B;AAAA;AAAA;;AAAA,MAClBJ,MADkB,GACPI,KADO,CAClBJ,MADkB;AAE1B,MAAMS,YAAY,GAC2Bd,IAD7C;AACA,iBAAOH,OAAO,CAACQ,MAAD,CAAd,eAAuB,oBAAC,YAAD;AAAA,WAAgC;AAAhC,cAAvB;AACD;;AAED,eAAeV,eAAe,CAACQ,IAAD,EAAO;AACnCK,EAAAA,KAAK,EAALA,KADmC;AAEnCK,EAAAA,WAAW,EAAXA;AAFmC,CAAP,CAA9B","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Tooltip from '@semcore/tooltip';\nimport Info from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\n\nclass Card extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<SCard render={Box} />);\n  }\n}\n\nfunction Title(props) {\n  const { styles, hint } = props;\n  const STitle = Root;\n  const SIcon = Info;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text} />\n      {hint && (\n        <Tooltip title={hint}>\n          <SIcon />\n        </Tooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nexport default createComponent(Card, {\n  Title,\n  Description,\n});\n"],"file":"Card.js"}

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB;AACA,cAAc,QAAd","sourcesContent":["export { default } from './Card';\nexport * from './Card';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB;AACA,cAAc,QAAd","sourcesContent":["export { default } from './Card';\nexport * from './Card';\n"],"file":"index.js"}

package/lib/types/index.d.ts

@@ -1,2 +1,18 @@
-export { default } from './Card';
-export * from './Card';
+import React from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+import { Text, ITextProps } from '@semcore/typography';
+
+export interface ITitleProps extends ITextProps {
+  /**
+   * Tooltip text
+   */
+  hint?: React.ReactNode;
+}
+
+declare const Card: (<T>(props: CProps<IBoxProps & T>) => ReturnEl) & {
+  Title: <T>(props: ITitleProps & T) => ReturnEl;
+  Description: typeof Text;
+};
+
+export default Card;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/card",
   "description": "SEMRush Card Component",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "Roman Lysov <r.lysov@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build",
+    "build": "build --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -17,7 +17,7 @@
     "@semcore/flex-box": "^4",
     "@semcore/typography": "^3",
     "@semcore/tooltip": "^4",
-    "@semcore/icon": "^2"
+    "@semcore/icon": "^2.16"
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",

package/src/{Card.tsx → Card.js}

@@ -1,20 +1,12 @@
-import React, { ComponentProps, HTMLAttributes } from 'react';
-import createComponent, { Component, Merge, sstyled, Root } from '@semcore/core';
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-import { ITextProps, Text } from '@semcore/typography';
-// eslint-disable-next-line import/no-named-as-default
+import { Text } from '@semcore/typography';
 import Tooltip from '@semcore/tooltip';
-import InfoXS from '@semcore/icon/lib/Info/xs';
+import Info from '@semcore/icon/Info/m';
 
 import style from './style/card.shadow.css';
 
-export interface ITitleProps extends ITextProps {
-  /**
-   * Tooltip text
-   */
-  hint?: React.ReactNode;
-}
-
 class Card extends Component {
   static displayName = 'Card';
 
@@ -31,7 +23,7 @@ class Card extends Component {
 function Title(props) {
   const { styles, hint } = props;
   const STitle = Root;
-  const SIcon = InfoXS;
+  const SIcon = Info;
   return sstyled(styles)(
     <>
       <STitle render={Text} />
@@ -50,13 +42,7 @@ function Description(props) {
   return sstyled(styles)(<SDescription render={Text} tag="p" />);
 }
 
-export default createComponent<
-  ComponentProps<typeof Box>,
-  {
-    Title: Merge<ITitleProps, HTMLAttributes<HTMLSpanElement>>;
-    Description: ComponentProps<typeof Text>;
-  }
->(Card, {
+export default createComponent(Card, {
   Title,
   Description,
 });

package/src/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+import { Text, ITextProps } from '@semcore/typography';
+
+export interface ITitleProps extends ITextProps {
+  /**
+   * Tooltip text
+   */
+  hint?: React.ReactNode;
+}
+
+declare const Card: (<T>(props: CProps<IBoxProps & T>) => ReturnEl) & {
+  Title: <T>(props: ITitleProps & T) => ReturnEl;
+  Description: typeof Text;
+};
+
+export default Card;

package/lib/types/Card.d.ts

@@ -1,16 +0,0 @@
-import React, { ComponentProps, HTMLAttributes } from 'react';
-import { Merge } from '@semcore/core';
-import { ITextProps, Text } from '@semcore/typography';
-export interface ITitleProps extends ITextProps {
-    /**
-     * Tooltip text
-     */
-    hint?: React.ReactNode;
-}
-declare const _default: import("@semcore/core").ComponentType<import("@semcore/core").PropsAndRef<Merge<import("@semcore/flex-box").IBoxProps, React.HTMLAttributes<HTMLDivElement>>, {}, {}>, {
-    Title: Merge<ITitleProps, HTMLAttributes<HTMLSpanElement>>;
-    Description: ComponentProps<typeof Text>;
-}, {}, {
-    [key: string]: (arg: unknown) => void;
-}, null>;
-export default _default;