@semcore/card 16.1.9 → 16.1.10-prerelease.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Card.js +21 -21
- package/lib/cjs/Card.js.map +1 -1
- package/lib/cjs/style/card.shadow.css +5 -2
- package/lib/es6/Card.js +20 -20
- package/lib/es6/Card.js.map +1 -1
- package/lib/es6/style/card.shadow.css +5 -2
- package/lib/esm/Card.mjs +21 -23
- package/lib/esm/style/card.shadow.css +5 -2
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
package/lib/cjs/Card.js
CHANGED
|
@@ -8,9 +8,7 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
12
|
-
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
14
|
var _core = require("@semcore/core");
|
|
@@ -21,21 +19,21 @@ var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
|
|
|
21
19
|
var _tooltip = require("@semcore/tooltip");
|
|
22
20
|
var _typography = require("@semcore/typography");
|
|
23
21
|
var _react = _interopRequireDefault(require("react"));
|
|
24
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
22
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCard_19s7a_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), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SCard_19s7a_gg_ .___STitle_19s7a_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);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_19s7a_gg_ .___STitle_19s7a_gg_ .___SInfoTrigger_19s7a_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SCard_19s7a_gg_ .___SInfoTrigger_19s7a_gg_{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top}.___SDescription_19s7a_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_19s7a_gg_,.___SHeader_19s7a_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_19s7a_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_19s7a_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"19s7a_gg_"),
|
|
27
24
|
/*__reshadow_css_end__*/
|
|
28
25
|
{
|
|
29
|
-
"__SDescription": "
|
|
30
|
-
"__SHeader": "
|
|
31
|
-
"__SBody": "
|
|
32
|
-
"__SCard": "
|
|
33
|
-
"__STitle": "
|
|
26
|
+
"__SDescription": "___SDescription_19s7a_gg_",
|
|
27
|
+
"__SHeader": "___SHeader_19s7a_gg_",
|
|
28
|
+
"__SBody": "___SBody_19s7a_gg_",
|
|
29
|
+
"__SCard": "___SCard_19s7a_gg_",
|
|
30
|
+
"__STitle": "___STitle_19s7a_gg_",
|
|
31
|
+
"__SInfoTrigger": "___SInfoTrigger_19s7a_gg_"
|
|
34
32
|
});
|
|
35
33
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
36
34
|
function CardRoot() {
|
|
37
35
|
(0, _classCallCheck2["default"])(this, CardRoot);
|
|
38
|
-
return
|
|
36
|
+
return (0, _callSuper2["default"])(this, CardRoot, arguments);
|
|
39
37
|
}
|
|
40
38
|
(0, _inherits2["default"])(CardRoot, _Component);
|
|
41
39
|
return (0, _createClass2["default"])(CardRoot, [{
|
|
@@ -65,18 +63,20 @@ function Title(props) {
|
|
|
65
63
|
hintAfterAriaLabel = props.hintAfterAriaLabel;
|
|
66
64
|
var hintAfter = props.hintAfter || props.hint;
|
|
67
65
|
var STitle = _typography.Text;
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
var SInfo = _tooltip.DescriptionTooltip;
|
|
67
|
+
var SInfoTrigger = SInfo.Trigger;
|
|
68
|
+
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))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/_react["default"].createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/_react["default"].createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
|
|
69
|
+
"tag": _button.ButtonLink,
|
|
70
|
+
"ml": 1,
|
|
71
|
+
"use": 'secondary',
|
|
72
72
|
"aria-label": innerHintAriaLabel,
|
|
73
|
-
color:
|
|
74
|
-
}, /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(
|
|
75
|
-
tag: _button.ButtonLink,
|
|
76
|
-
use:
|
|
73
|
+
"color": '--intergalactic-icon-secondary-neutral'
|
|
74
|
+
}), /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(SInfo.Popper, null, innerHint))), hintAfter && /*#__PURE__*/_react["default"].createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/_react["default"].createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
|
|
75
|
+
"tag": _button.ButtonLink,
|
|
76
|
+
"use": 'secondary',
|
|
77
77
|
"aria-label": hintAfterAriaLabel,
|
|
78
|
-
color:
|
|
79
|
-
}, /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(
|
|
78
|
+
"color": '--intergalactic-icon-secondary-neutral'
|
|
79
|
+
}), /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(SInfo.Popper, null, hintAfter)));
|
|
80
80
|
}
|
|
81
81
|
function Description(props) {
|
|
82
82
|
var _ref3 = arguments[0],
|
package/lib/cjs/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_core","require","_button","_findComponent","_flexBox","_m","_interopRequireDefault","_tooltip","_typography","_react","
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_core","require","_button","_findComponent","_flexBox","_m","_interopRequireDefault","_tooltip","_typography","_react","style","sstyled","insert","CardRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Text","SInfo","DescriptionTooltip","SInfoTrigger","Trigger","Fragment","ButtonLink","Addon","Popper","Description","_ref3","_ref8","SDescription","_ref4","_ref9","SHeader","_ref5","_ref0","SBody","createComponent","_default","exports"],"sources":["../../src/Card.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/card.shadow.css';\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, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, innerHint, Children, innerHintAriaLabel, hintAfterAriaLabel } = props;\n const hintAfter = props.hintAfter || props.hint;\n const STitle = Root;\n const SInfo = DescriptionTooltip;\n const SInfoTrigger = SInfo.Trigger;\n\n return sstyled(styles)(\n <>\n <STitle render={Text}>\n <Children />\n {innerHint && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n ml={1}\n use='secondary'\n aria-label={innerHintAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper>{innerHint}</SInfo.Popper>\n </SInfo>\n )}\n </STitle>\n {hintAfter && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n use='secondary'\n aria-label={hintAfterAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper>{hintAfter}</SInfo.Popper>\n </SInfo>\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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","ignoreList":[]}
|
|
@@ -15,13 +15,16 @@ SCard {
|
|
|
15
15
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
16
16
|
font-weight: var(--intergalactic-bold, 700);
|
|
17
17
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
18
|
+
|
|
19
|
+
SInfoTrigger {
|
|
20
|
+
margin-top: var(--intergalactic-spacing-1x, 4px);
|
|
21
|
+
}
|
|
18
22
|
}
|
|
19
23
|
|
|
20
|
-
|
|
24
|
+
SInfoTrigger {
|
|
21
25
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
22
26
|
line-height: normal;
|
|
23
27
|
vertical-align: top;
|
|
24
|
-
margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
30
|
|
package/lib/es6/Card.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
5
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
7
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
7
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
@@ -12,7 +10,6 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
12
10
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
13
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
14
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
15
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
16
13
|
import { ButtonLink } from '@semcore/button';
|
|
17
14
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
18
15
|
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
@@ -22,14 +19,15 @@ import { DescriptionTooltip } from '@semcore/tooltip';
|
|
|
22
19
|
import { Text } from '@semcore/typography';
|
|
23
20
|
import React from 'react';
|
|
24
21
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
25
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCard_19s7a_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), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SCard_19s7a_gg_ .___STitle_19s7a_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);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_19s7a_gg_ .___STitle_19s7a_gg_ .___SInfoTrigger_19s7a_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SCard_19s7a_gg_ .___SInfoTrigger_19s7a_gg_{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top}.___SDescription_19s7a_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_19s7a_gg_,.___SHeader_19s7a_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_19s7a_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_19s7a_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"19s7a_gg_"),
|
|
26
23
|
/*__reshadow_css_end__*/
|
|
27
24
|
{
|
|
28
|
-
"__SDescription": "
|
|
29
|
-
"__SHeader": "
|
|
30
|
-
"__SBody": "
|
|
31
|
-
"__SCard": "
|
|
32
|
-
"__STitle": "
|
|
25
|
+
"__SDescription": "___SDescription_19s7a_gg_",
|
|
26
|
+
"__SHeader": "___SHeader_19s7a_gg_",
|
|
27
|
+
"__SBody": "___SBody_19s7a_gg_",
|
|
28
|
+
"__SCard": "___SCard_19s7a_gg_",
|
|
29
|
+
"__STitle": "___STitle_19s7a_gg_",
|
|
30
|
+
"__SInfoTrigger": "___SInfoTrigger_19s7a_gg_"
|
|
33
31
|
});
|
|
34
32
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
35
33
|
function CardRoot() {
|
|
@@ -64,18 +62,20 @@ function Title(props) {
|
|
|
64
62
|
hintAfterAriaLabel = props.hintAfterAriaLabel;
|
|
65
63
|
var hintAfter = props.hintAfter || props.hint;
|
|
66
64
|
var STitle = Text;
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
65
|
+
var SInfo = DescriptionTooltip;
|
|
66
|
+
var SInfoTrigger = SInfo.Trigger;
|
|
67
|
+
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/React.createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
|
|
68
|
+
"tag": ButtonLink,
|
|
69
|
+
"ml": 1,
|
|
70
|
+
"use": 'secondary',
|
|
71
71
|
"aria-label": innerHintAriaLabel,
|
|
72
|
-
color:
|
|
73
|
-
}, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(
|
|
74
|
-
tag: ButtonLink,
|
|
75
|
-
use:
|
|
72
|
+
"color": '--intergalactic-icon-secondary-neutral'
|
|
73
|
+
}), /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(SInfo.Popper, null, innerHint))), hintAfter && /*#__PURE__*/React.createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
|
|
74
|
+
"tag": ButtonLink,
|
|
75
|
+
"use": 'secondary',
|
|
76
76
|
"aria-label": hintAfterAriaLabel,
|
|
77
|
-
color:
|
|
78
|
-
}, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(
|
|
77
|
+
"color": '--intergalactic-icon-secondary-neutral'
|
|
78
|
+
}), /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(SInfo.Popper, null, hintAfter)));
|
|
79
79
|
}
|
|
80
80
|
function Description(props) {
|
|
81
81
|
var _ref3 = arguments[0],
|
package/lib/es6/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["ButtonLink","createComponent","Component","sstyled","Root","isAdvanceMode","Box","InfoM","DescriptionTooltip","Text","React","style","_sstyled","insert","CardRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref6","SCard","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","
|
|
1
|
+
{"version":3,"file":"Card.js","names":["ButtonLink","createComponent","Component","sstyled","Root","isAdvanceMode","Box","InfoM","DescriptionTooltip","Text","React","style","_sstyled","insert","CardRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref6","SCard","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","SInfo","SInfoTrigger","Trigger","Fragment","_assignProps2","Addon","Popper","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref0","SBody","_assignProps5"],"sources":["../../src/Card.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/card.shadow.css';\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, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, innerHint, Children, innerHintAriaLabel, hintAfterAriaLabel } = props;\n const hintAfter = props.hintAfter || props.hint;\n const STitle = Root;\n const SInfo = DescriptionTooltip;\n const SInfoTrigger = SInfo.Trigger;\n\n return sstyled(styles)(\n <>\n <STitle render={Text}>\n <Children />\n {innerHint && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n ml={1}\n use='secondary'\n aria-label={innerHintAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper>{innerHint}</SInfo.Popper>\n </SInfo>\n )}\n </STitle>\n {hintAfter && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n use='secondary'\n aria-label={hintAfterAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper>{hintAfter}</SInfo.Popper>\n </SInfo>\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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","ignoreList":[]}
|
|
@@ -15,13 +15,16 @@ SCard {
|
|
|
15
15
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
16
16
|
font-weight: var(--intergalactic-bold, 700);
|
|
17
17
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
18
|
+
|
|
19
|
+
SInfoTrigger {
|
|
20
|
+
margin-top: var(--intergalactic-spacing-1x, 4px);
|
|
21
|
+
}
|
|
18
22
|
}
|
|
19
23
|
|
|
20
|
-
|
|
24
|
+
SInfoTrigger {
|
|
21
25
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
22
26
|
line-height: normal;
|
|
23
27
|
vertical-align: top;
|
|
24
|
-
margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
30
|
|
package/lib/esm/Card.mjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
7
|
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
@@ -14,24 +12,22 @@ import InfoM from "@semcore/icon/Info/m";
|
|
|
14
12
|
import { DescriptionTooltip } from "@semcore/tooltip";
|
|
15
13
|
import { Text } from "@semcore/typography";
|
|
16
14
|
import React from "react";
|
|
17
|
-
function _callSuper(t, o, e) {
|
|
18
|
-
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
19
|
-
}
|
|
20
15
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
21
16
|
var style = (
|
|
22
17
|
/*__reshadow_css_start__*/
|
|
23
18
|
(sstyled.insert(
|
|
24
19
|
/*__inner_css_start__*/
|
|
25
|
-
|
|
20
|
+
".___SCard_19s7a_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), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SCard_19s7a_gg_ .___STitle_19s7a_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);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_19s7a_gg_ .___STitle_19s7a_gg_ .___SInfoTrigger_19s7a_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SCard_19s7a_gg_ .___SInfoTrigger_19s7a_gg_{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top}.___SDescription_19s7a_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_19s7a_gg_,.___SHeader_19s7a_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_19s7a_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_19s7a_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}",
|
|
26
21
|
/*__inner_css_end__*/
|
|
27
|
-
"
|
|
22
|
+
"19s7a_gg_"
|
|
28
23
|
), /*__reshadow_css_end__*/
|
|
29
24
|
{
|
|
30
|
-
"__SDescription": "
|
|
31
|
-
"__SHeader": "
|
|
32
|
-
"__SBody": "
|
|
33
|
-
"__SCard": "
|
|
34
|
-
"__STitle": "
|
|
25
|
+
"__SDescription": "___SDescription_19s7a_gg_",
|
|
26
|
+
"__SHeader": "___SHeader_19s7a_gg_",
|
|
27
|
+
"__SBody": "___SBody_19s7a_gg_",
|
|
28
|
+
"__SCard": "___SCard_19s7a_gg_",
|
|
29
|
+
"__STitle": "___STitle_19s7a_gg_",
|
|
30
|
+
"__SInfoTrigger": "___SInfoTrigger_19s7a_gg_"
|
|
35
31
|
})
|
|
36
32
|
);
|
|
37
33
|
var CardRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -58,18 +54,20 @@ function Title(props) {
|
|
|
58
54
|
var styles = props.styles, innerHint = props.innerHint, Children = props.Children, innerHintAriaLabel = props.innerHintAriaLabel, hintAfterAriaLabel = props.hintAfterAriaLabel;
|
|
59
55
|
var hintAfter = props.hintAfter || props.hint;
|
|
60
56
|
var STitle = Text;
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
57
|
+
var SInfo = DescriptionTooltip;
|
|
58
|
+
var SInfoTrigger = SInfo.Trigger;
|
|
59
|
+
return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {})), innerHint && /* @__PURE__ */ React.createElement(SInfo, _ref7.cn("SInfo", {}), /* @__PURE__ */ React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
|
|
60
|
+
"tag": ButtonLink,
|
|
61
|
+
"ml": 1,
|
|
62
|
+
"use": "secondary",
|
|
65
63
|
"aria-label": innerHintAriaLabel,
|
|
66
|
-
color: "--intergalactic-icon-secondary-neutral"
|
|
67
|
-
}, /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(
|
|
68
|
-
tag: ButtonLink,
|
|
69
|
-
use: "secondary",
|
|
64
|
+
"color": "--intergalactic-icon-secondary-neutral"
|
|
65
|
+
}), /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(SInfo.Popper, null, innerHint))), hintAfter && /* @__PURE__ */ React.createElement(SInfo, _ref7.cn("SInfo", {}), /* @__PURE__ */ React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
|
|
66
|
+
"tag": ButtonLink,
|
|
67
|
+
"use": "secondary",
|
|
70
68
|
"aria-label": hintAfterAriaLabel,
|
|
71
|
-
color: "--intergalactic-icon-secondary-neutral"
|
|
72
|
-
}, /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(
|
|
69
|
+
"color": "--intergalactic-icon-secondary-neutral"
|
|
70
|
+
}), /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(SInfo.Popper, null, hintAfter)));
|
|
73
71
|
}
|
|
74
72
|
function Description(props) {
|
|
75
73
|
var _ref3 = arguments[0], _ref8;
|
|
@@ -15,13 +15,16 @@ SCard {
|
|
|
15
15
|
line-height: var(--intergalactic-lh-300, 150%);
|
|
16
16
|
font-weight: var(--intergalactic-bold, 700);
|
|
17
17
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
18
|
+
|
|
19
|
+
SInfoTrigger {
|
|
20
|
+
margin-top: var(--intergalactic-spacing-1x, 4px);
|
|
21
|
+
}
|
|
18
22
|
}
|
|
19
23
|
|
|
20
|
-
|
|
24
|
+
SInfoTrigger {
|
|
21
25
|
margin-right: var(--intergalactic-spacing-1x, 4px);
|
|
22
26
|
line-height: normal;
|
|
23
27
|
vertical-align: top;
|
|
24
|
-
margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
30
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/card",
|
|
3
3
|
"description": "Semrush Card Component",
|
|
4
|
-
"version": "16.1.
|
|
4
|
+
"version": "16.1.10-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/typography": "16.
|
|
18
|
-
"@semcore/tooltip": "16.0.
|
|
19
|
-
"@semcore/button": "16.0.
|
|
20
|
-
"@semcore/icon": "16.
|
|
21
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/typography": "16.3.0-prerelease.3",
|
|
18
|
+
"@semcore/tooltip": "16.0.10-prerelease.3",
|
|
19
|
+
"@semcore/button": "16.0.10-prerelease.3",
|
|
20
|
+
"@semcore/icon": "16.5.1-prerelease.3",
|
|
21
|
+
"@semcore/flex-box": "16.0.10-prerelease.3"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.0.
|
|
24
|
+
"@semcore/base-components": "^16.4.0-prerelease.3"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"directory": "semcore/card"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@semcore/core": "16.
|
|
33
|
-
"@semcore/typography": "16.
|
|
32
|
+
"@semcore/core": "16.5.0-prerelease.3",
|
|
33
|
+
"@semcore/typography": "16.3.0-prerelease.3",
|
|
34
34
|
"@semcore/testing-utils": "1.0.0",
|
|
35
|
-
"@semcore/icon": "16.
|
|
35
|
+
"@semcore/icon": "16.5.1-prerelease.3"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
38
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|