@semcore/card 4.3.9 → 4.3.10

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 (9) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/lib/cjs/Card.js +18 -59
  3. package/lib/cjs/Card.js.map +1 -1
  4. package/lib/cjs/index.js +0 -2
  5. package/lib/cjs/index.js.map +1 -1
  6. package/lib/es6/Card.js +18 -46
  7. package/lib/es6/Card.js.map +1 -1
  8. package/lib/es6/index.js.map +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.3.9] - 2023-03-28
5
+ ## [4.3.10] - 2023-04-03
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/tooltip` [5.3.23 ~> 5.3.24]).
9
+ - Version patch update due to children dependencies update (`@semcore/tooltip` [5.3.24 ~> 5.4.0]).
10
10
 
11
11
  ## [4.3.4] - 2023-03-23
12
12
 
package/lib/cjs/Card.js CHANGED
@@ -1,134 +1,93 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
13
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
21
-
22
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
15
  var _core = _interopRequireWildcard(require("@semcore/core"));
25
-
26
16
  var _react = _interopRequireDefault(require("react"));
27
-
28
17
  var _flexBox = require("@semcore/flex-box");
29
-
30
18
  var _typography = require("@semcore/typography");
31
-
32
19
  var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
33
-
34
20
  var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
35
-
36
- var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
37
-
38
21
  var _findComponent = require("@semcore/utils/lib/findComponent");
39
-
40
22
  /*__reshadow-styles__:"./style/card.shadow.css"*/
41
- var style = (
42
- /*__reshadow_css_start__*/
43
- _core.sstyled.insert(
44
- /*__inner_css_start__*/
45
- ".___SCard_1xmhu_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16),\n 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SIcon_1xmhu_gg_,.___STitle_1xmhu_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1xmhu_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_1xmhu_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1xmhu_gg_{vertical-align:middle}.___SDescription_1xmhu_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1xmhu_gg_,.___SHeader_1xmhu_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1xmhu_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1xmhu_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}"
46
- /*__inner_css_end__*/
47
- , "1xmhu_gg_")
48
- /*__reshadow_css_end__*/
49
- , {
50
- "__SCard": "___SCard_1xmhu_gg_",
51
- "__STitle": "___STitle_1xmhu_gg_",
52
- "__SIcon": "___SIcon_1xmhu_gg_",
53
- "__STooltip": "___STooltip_1xmhu_gg_",
54
- "__SDescription": "___SDescription_1xmhu_gg_",
55
- "__SHeader": "___SHeader_1xmhu_gg_",
56
- "__SBody": "___SBody_1xmhu_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCard_1ddap_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16),\n 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SIcon_1ddap_gg_,.___STitle_1ddap_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1ddap_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_1ddap_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1ddap_gg_{vertical-align:middle}.___SDescription_1ddap_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1ddap_gg_,.___SHeader_1ddap_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1ddap_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1ddap_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1ddap_gg_") /*__reshadow_css_end__*/, {
24
+ "__SCard": "___SCard_1ddap_gg_",
25
+ "__STitle": "___STitle_1ddap_gg_",
26
+ "__SIcon": "___SIcon_1ddap_gg_",
27
+ "__STooltip": "___STooltip_1ddap_gg_",
28
+ "__SDescription": "___SDescription_1ddap_gg_",
29
+ "__SHeader": "___SHeader_1ddap_gg_",
30
+ "__SBody": "___SBody_1ddap_gg_"
57
31
  });
58
-
59
32
  var CardRoot = /*#__PURE__*/function (_Component) {
60
33
  (0, _inherits2["default"])(CardRoot, _Component);
61
-
62
34
  var _super = (0, _createSuper2["default"])(CardRoot);
63
-
64
35
  function CardRoot() {
65
36
  (0, _classCallCheck2["default"])(this, CardRoot);
66
37
  return _super.apply(this, arguments);
67
38
  }
68
-
69
39
  (0, _createClass2["default"])(CardRoot, [{
70
40
  key: "render",
71
41
  value: function render() {
72
42
  var _ref = this.asProps,
73
- _ref6;
74
-
43
+ _ref6;
75
44
  var SCard = _flexBox.Box;
76
45
  var _this$asProps = this.asProps,
77
- Children = _this$asProps.Children,
78
- styles = _this$asProps.styles;
46
+ Children = _this$asProps.Children,
47
+ styles = _this$asProps.styles;
79
48
  var advanceMode = (0, _findComponent.isAdvanceMode)(Children, [Card.Header.displayName, Card.Body.displayName]);
80
49
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCard, _ref6.cn("SCard", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(Card.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {}))));
81
50
  }
82
51
  }]);
83
52
  return CardRoot;
84
53
  }(_core.Component);
85
-
86
54
  (0, _defineProperty2["default"])(CardRoot, "displayName", 'Card');
87
55
  (0, _defineProperty2["default"])(CardRoot, "style", style);
88
-
89
56
  function Title(props) {
90
57
  var _ref2 = arguments[0],
91
- _ref7;
92
-
58
+ _ref7;
93
59
  var styles = props.styles,
94
- hint = props.hint;
60
+ hint = props.hint;
95
61
  var STitle = _typography.Text;
96
62
  var SIcon = _m["default"];
97
63
  var STooltip = _tooltip["default"];
98
- return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2)))), hint && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref7.cn("ScreenReaderOnly", {}), hint), /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
64
+ return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2)))), hint && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
99
65
  "title": hint
100
- }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {})))));
66
+ }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {}))));
101
67
  }
102
-
103
68
  function Description(props) {
104
69
  var _ref3 = arguments[0],
105
- _ref8;
106
-
70
+ _ref8;
107
71
  var styles = props.styles;
108
72
  var SDescription = _typography.Text;
109
73
  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref8.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
110
74
  "tag": "p"
111
75
  }, _ref3))));
112
76
  }
113
-
114
77
  function Header(props) {
115
78
  var _ref4 = arguments[0],
116
- _ref9;
117
-
79
+ _ref9;
118
80
  var styles = props.styles;
119
81
  var SHeader = _flexBox.Box;
120
82
  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref9.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref4))));
121
83
  }
122
-
123
84
  function Body(props) {
124
85
  var _ref5 = arguments[0],
125
- _ref10;
126
-
86
+ _ref10;
127
87
  var styles = props.styles;
128
88
  var SBody = _flexBox.Box;
129
89
  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref5))));
130
90
  }
131
-
132
91
  var Card = (0, _core["default"])(CardRoot, {
133
92
  Title: Title,
134
93
  Description: Description,
package/lib/cjs/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":["CardRoot","SCard","Box","asProps","Children","styles","advanceMode","isAdvanceMode","Card","Header","displayName","Body","sstyled","Component","style","Title","props","hint","STitle","Text","SIcon","InfoM","STooltip","Tooltip","Description","SDescription","SHeader","SBody","createComponent"],"sources":["../../src/Card.jsx"],"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 InfoM from '@semcore/icon/Info/m';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <>\n <STitle render={Text} />\n {hint && (\n <>\n <ScreenReaderOnly>{hint}</ScreenReaderOnly>\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\n </>\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\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAGA;;;;;;;;;;;;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;WAKJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAMMC,YANjB;MACA,oBAA6B,KAAKC,OAAlC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAEA,IAAMC,WAAW,GAAG,IAAAC,4BAAA,EAAcH,QAAd,EAAwB,CAACI,IAAI,CAACC,MAAL,CAAYC,WAAb,EAA0BF,IAAI,CAACG,IAAL,CAAUD,WAApC,CAAxB,CAApB;MAEA,eAAO,IAAAE,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,KAAD,2FACGC,WAAW,gBACV,gCAAC,QAAD,2BADU,gBAGV,gCAAC,IAAD,CAAM,IAAN,qBACE,gCAAC,QAAD,2BADF,CAJJ,CADF;IAWD;;;EAtBoBO,e;;iCAAjBb,Q,iBACiB,M;iCADjBA,Q,WAGWc,K;;AAsBjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAQX,MAAR,GAAyBW,KAAzB,CAAQX,MAAR;EAAA,IAAgBY,IAAhB,GAAyBD,KAAzB,CAAgBC,IAAhB;EACA,IAAMC,MAAM,GAKQC,gBALpB;EACA,IAAMC,KAAK,GAAGC,aAAd;EACA,IAAMC,QAAQ,GAAGC,mBAAjB;EACA,eAAO,IAAAX,aAAA,EAAQP,MAAR,CAAP,eACE,+EACE,gCAAC,MAAD,4FADF,EAEGY,IAAI,iBACH,+EACE,gCAAC,kCAAD,oCAAmBA,IAAnB,CADF,eAEE,gCAAC,QAAD;IAAA,SAAiBA;EAAjB,iBACE,gCAAC,KAAD,wBADF,CAFF,CAHJ,CADF;AAaD;;AAED,SAASO,WAAT,CAAqBR,KAArB,EAA4B;EAAA;EAAA;;EAC1B,IAAQX,MAAR,GAAmBW,KAAnB,CAAQX,MAAR;EACA,IAAMoB,YAAY,GAC2BN,gBAD7C;EACA,eAAO,IAAAP,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,YAAD;IAAA,OAAgC;EAAhC,YAAvB;AACD;;AAED,SAASI,MAAT,CAAgBO,KAAhB,EAAuB;EAAA;EAAA;;EACrB,IAAQX,MAAR,GAAmBW,KAAnB,CAAQX,MAAR;EACA,IAAMqB,OAAO,GAC2BxB,YADxC;EACA,eAAO,IAAAU,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,OAAD,mHAA0BW,KAA1B,YAAvB;AACD;;AAED,SAASL,IAAT,CAAcK,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAQX,MAAR,GAAmBW,KAAnB,CAAQX,MAAR;EACA,IAAMsB,KAAK,GAC2BzB,YADtC;EACA,gBAAO,IAAAU,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,KAAD,kHAAwBW,KAAxB,YAAvB;AACD;;AAED,IAAMR,IAAI,GAAG,IAAAoB,gBAAA,EAAgB5B,QAAhB,EAA0B;EACrCe,KAAK,EAALA,KADqC;EAErCS,WAAW,EAAXA,WAFqC;EAGrCf,MAAM,EAANA,MAHqC;EAIrCE,IAAI,EAAJA;AAJqC,CAA1B,CAAb;eAOeH,I"}
1
+ {"version":3,"file":"Card.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_tooltip","_m","_findComponent","style","sstyled","insert","CardRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","advanceMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","hint","STitle","Text","SIcon","InfoM","STooltip","Tooltip","Fragment","Description","_ref3","_ref8","SDescription","_ref4","_ref9","SHeader","_ref5","_ref10","SBody","createComponent","_default","exports"],"sources":["../../src/Card.jsx"],"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 InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <>\n <STitle render={Text} />\n {hint && (\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\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\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":"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"}
package/lib/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
11
10
  return _Card["default"];
12
11
  }
13
12
  });
14
-
15
13
  var _Card = _interopRequireDefault(require("./Card"));
16
14
  //# sourceMappingURL=index.js.map
package/lib/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
1
+ {"version":3,"file":"index.js","names":["_Card","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA"}
package/lib/es6/Card.js CHANGED
@@ -16,104 +16,76 @@ import { Box } from '@semcore/flex-box';
16
16
  import { Text } from '@semcore/typography';
17
17
  import Tooltip from '@semcore/tooltip';
18
18
  import InfoM from '@semcore/icon/Info/m';
19
- import { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';
20
-
21
19
  /*__reshadow-styles__:"./style/card.shadow.css"*/
22
- var style = (
23
- /*__reshadow_css_start__*/
24
- _sstyled.insert(
25
- /*__inner_css_start__*/
26
- ".___SCard_1xmhu_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16),\n 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SIcon_1xmhu_gg_,.___STitle_1xmhu_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1xmhu_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_1xmhu_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1xmhu_gg_{vertical-align:middle}.___SDescription_1xmhu_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1xmhu_gg_,.___SHeader_1xmhu_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1xmhu_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1xmhu_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}"
27
- /*__inner_css_end__*/
28
- , "1xmhu_gg_")
29
- /*__reshadow_css_end__*/
30
- , {
31
- "__SCard": "___SCard_1xmhu_gg_",
32
- "__STitle": "___STitle_1xmhu_gg_",
33
- "__SIcon": "___SIcon_1xmhu_gg_",
34
- "__STooltip": "___STooltip_1xmhu_gg_",
35
- "__SDescription": "___SDescription_1xmhu_gg_",
36
- "__SHeader": "___SHeader_1xmhu_gg_",
37
- "__SBody": "___SBody_1xmhu_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_1ddap_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16),\n 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SIcon_1ddap_gg_,.___STitle_1ddap_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1ddap_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_1ddap_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1ddap_gg_{vertical-align:middle}.___SDescription_1ddap_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1ddap_gg_,.___SHeader_1ddap_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1ddap_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1ddap_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1ddap_gg_") /*__reshadow_css_end__*/, {
21
+ "__SCard": "___SCard_1ddap_gg_",
22
+ "__STitle": "___STitle_1ddap_gg_",
23
+ "__SIcon": "___SIcon_1ddap_gg_",
24
+ "__STooltip": "___STooltip_1ddap_gg_",
25
+ "__SDescription": "___SDescription_1ddap_gg_",
26
+ "__SHeader": "___SHeader_1ddap_gg_",
27
+ "__SBody": "___SBody_1ddap_gg_"
38
28
  });
39
29
  import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
40
-
41
30
  var CardRoot = /*#__PURE__*/function (_Component) {
42
31
  _inherits(CardRoot, _Component);
43
-
44
32
  var _super = _createSuper(CardRoot);
45
-
46
33
  function CardRoot() {
47
34
  _classCallCheck(this, CardRoot);
48
-
49
35
  return _super.apply(this, arguments);
50
36
  }
51
-
52
37
  _createClass(CardRoot, [{
53
38
  key: "render",
54
39
  value: function render() {
55
40
  var _ref = this.asProps,
56
- _ref6;
57
-
41
+ _ref6;
58
42
  var SCard = Box;
59
43
  var _this$asProps = this.asProps,
60
- Children = _this$asProps.Children,
61
- styles = _this$asProps.styles;
44
+ Children = _this$asProps.Children,
45
+ styles = _this$asProps.styles;
62
46
  var advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);
63
47
  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SCard, _ref6.cn("SCard", _objectSpread({}, _assignProps({}, _ref))), advanceMode ? /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/React.createElement(Card.Body, null, /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {}))));
64
48
  }
65
49
  }]);
66
-
67
50
  return CardRoot;
68
51
  }(Component);
69
-
70
52
  _defineProperty(CardRoot, "displayName", 'Card');
71
-
72
53
  _defineProperty(CardRoot, "style", style);
73
-
74
54
  function Title(props) {
75
55
  var _ref2 = arguments[0],
76
- _ref7;
77
-
56
+ _ref7;
78
57
  var styles = props.styles,
79
- hint = props.hint;
58
+ hint = props.hint;
80
59
  var STitle = Text;
81
60
  var SIcon = InfoM;
82
61
  var STooltip = Tooltip;
83
- return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2)))), hint && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref7.cn("ScreenReaderOnly", {}), hint), /*#__PURE__*/React.createElement(STooltip, _ref7.cn("STooltip", {
62
+ return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2)))), hint && /*#__PURE__*/React.createElement(STooltip, _ref7.cn("STooltip", {
84
63
  "title": hint
85
- }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {})))));
64
+ }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {}))));
86
65
  }
87
-
88
66
  function Description(props) {
89
67
  var _ref3 = arguments[0],
90
- _ref8;
91
-
68
+ _ref8;
92
69
  var styles = props.styles;
93
70
  var SDescription = Text;
94
71
  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SDescription, _ref8.cn("SDescription", _objectSpread({}, _assignProps3({
95
72
  "tag": "p"
96
73
  }, _ref3))));
97
74
  }
98
-
99
75
  function Header(props) {
100
76
  var _ref4 = arguments[0],
101
- _ref9;
102
-
77
+ _ref9;
103
78
  var styles = props.styles;
104
79
  var SHeader = Box;
105
80
  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, _assignProps4(_objectSpread({}, props), _ref4))));
106
81
  }
107
-
108
82
  function Body(props) {
109
83
  var _ref5 = arguments[0],
110
- _ref10;
111
-
84
+ _ref10;
112
85
  var styles = props.styles;
113
86
  var SBody = Box;
114
87
  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, _assignProps5(_objectSpread({}, props), _ref5))));
115
88
  }
116
-
117
89
  var Card = createComponent(CardRoot, {
118
90
  Title: Title,
119
91
  Description: Description,
package/lib/es6/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","InfoM","ScreenReaderOnly","isAdvanceMode","CardRoot","SCard","asProps","Children","styles","advanceMode","Card","Header","displayName","Body","style","Title","props","hint","STitle","SIcon","STooltip","Description","SDescription","SHeader","SBody"],"sources":["../../src/Card.jsx"],"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 InfoM from '@semcore/icon/Info/m';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <>\n <STitle render={Text} />\n {hint && (\n <>\n <ScreenReaderOnly>{hint}</ScreenReaderOnly>\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\n </>\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\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"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,KAAP,MAAkB,sBAAlB;AACA,SAASC,gBAAT,QAAiC,qCAAjC;;;;;;;;;;;;;;;;;;;;AAGA,SAASC,aAAT,QAA8B,kCAA9B;;IAEMC,Q;;;;;;;;;;;;;WAKJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAMMP,GANjB;MACA,oBAA6B,KAAKQ,OAAlC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAEA,IAAMC,WAAW,GAAGN,aAAa,CAACI,QAAD,EAAW,CAACG,IAAI,CAACC,MAAL,CAAYC,WAAb,EAA0BF,IAAI,CAACG,IAAL,CAAUD,WAApC,CAAX,CAAjC;MAEA,eAAOhB,OAAO,CAACY,MAAD,CAAd,eACE,oBAAC,KAAD,gEACGC,WAAW,gBACV,oBAAC,QAAD,2BADU,gBAGV,oBAAC,IAAD,CAAM,IAAN,qBACE,oBAAC,QAAD,2BADF,CAJJ,CADF;IAWD;;;;EAtBoBd,S;;gBAAjBS,Q,iBACiB,M;;gBADjBA,Q,WAGWU,K;;AAsBjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAQR,MAAR,GAAyBQ,KAAzB,CAAQR,MAAR;EAAA,IAAgBS,IAAhB,GAAyBD,KAAzB,CAAgBC,IAAhB;EACA,IAAMC,MAAM,GAKQnB,IALpB;EACA,IAAMoB,KAAK,GAAGlB,KAAd;EACA,IAAMmB,QAAQ,GAAGpB,OAAjB;EACA,eAAOJ,OAAO,CAACY,MAAD,CAAd,eACE,uDACE,oBAAC,MAAD,kEADF,EAEGS,IAAI,iBACH,uDACE,oBAAC,gBAAD,oCAAmBA,IAAnB,CADF,eAEE,oBAAC,QAAD;IAAA,SAAiBA;EAAjB,iBACE,oBAAC,KAAD,wBADF,CAFF,CAHJ,CADF;AAaD;;AAED,SAASI,WAAT,CAAqBL,KAArB,EAA4B;EAAA;EAAA;;EAC1B,IAAQR,MAAR,GAAmBQ,KAAnB,CAAQR,MAAR;EACA,IAAMc,YAAY,GAC2BvB,IAD7C;EACA,eAAOH,OAAO,CAACY,MAAD,CAAd,eAAuB,oBAAC,YAAD;IAAA,OAAgC;EAAhC,YAAvB;AACD;;AAED,SAASG,MAAT,CAAgBK,KAAhB,EAAuB;EAAA;EAAA;;EACrB,IAAQR,MAAR,GAAmBQ,KAAnB,CAAQR,MAAR;EACA,IAAMe,OAAO,GAC2BzB,GADxC;EACA,eAAOF,OAAO,CAACY,MAAD,CAAd,eAAuB,oBAAC,OAAD,wEAA0BQ,KAA1B,YAAvB;AACD;;AAED,SAASH,IAAT,CAAcG,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAQR,MAAR,GAAmBQ,KAAnB,CAAQR,MAAR;EACA,IAAMgB,KAAK,GAC2B1B,GADtC;EACA,gBAAOF,OAAO,CAACY,MAAD,CAAd,eAAuB,oBAAC,KAAD,uEAAwBQ,KAAxB,YAAvB;AACD;;AAED,IAAMN,IAAI,GAAGhB,eAAe,CAACU,QAAD,EAAW;EACrCW,KAAK,EAALA,KADqC;EAErCM,WAAW,EAAXA,WAFqC;EAGrCV,MAAM,EAANA,MAHqC;EAIrCE,IAAI,EAAJA;AAJqC,CAAX,CAA5B;AAOA,eAAeH,IAAf"}
1
+ {"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","InfoM","style","_sstyled","insert","isAdvanceMode","CardRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref6","SCard","_this$asProps","Children","styles","advanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","hint","STitle","SIcon","STooltip","Fragment","_assignProps2","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref10","SBody","_assignProps5"],"sources":["../../src/Card.jsx"],"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 InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <>\n <STitle render={Text} />\n {hint && (\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\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\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":"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"}
package/lib/es6/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/card",
3
3
  "description": "Semrush Card Component",
4
- "version": "4.3.9",
4
+ "version": "4.3.10",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",