@semcore/card 5.46.1 → 16.0.0-prerelease.2
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 +9 -11
- package/lib/cjs/Card.js.map +1 -1
- package/lib/es6/Card.js +9 -9
- package/lib/es6/Card.js.map +1 -1
- package/lib/esm/Card.mjs +48 -49
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
package/lib/cjs/Card.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
@@ -12,22 +11,21 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
12
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var
|
|
16
|
-
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
14
|
+
var _core = require("@semcore/core");
|
|
17
15
|
var _react = _interopRequireDefault(require("react"));
|
|
18
16
|
var _flexBox = require("@semcore/flex-box");
|
|
19
17
|
var _typography = require("@semcore/typography");
|
|
20
18
|
var _button = require("@semcore/button");
|
|
21
19
|
var _tooltip = require("@semcore/tooltip");
|
|
22
20
|
var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
|
|
23
|
-
var _findComponent = require("@semcore/
|
|
21
|
+
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
24
22
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/
|
|
26
|
-
"__SDescription": "
|
|
27
|
-
"__SHeader": "
|
|
28
|
-
"__SBody": "
|
|
29
|
-
"__SCard": "
|
|
30
|
-
"__STitle": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCard_g5vnw_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_g5vnw_gg_ .___STitle_g5vnw_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_g5vnw_gg_ [data-ui-name=\"DescriptionTooltip.Trigger\"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_g5vnw_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_g5vnw_gg_,.___SHeader_g5vnw_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_g5vnw_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_g5vnw_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "g5vnw_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SDescription": "___SDescription_g5vnw_gg_",
|
|
25
|
+
"__SHeader": "___SHeader_g5vnw_gg_",
|
|
26
|
+
"__SBody": "___SBody_g5vnw_gg_",
|
|
27
|
+
"__SCard": "___SCard_g5vnw_gg_",
|
|
28
|
+
"__STitle": "___STitle_g5vnw_gg_"
|
|
31
29
|
});
|
|
32
30
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
33
31
|
(0, _inherits2["default"])(CardRoot, _Component);
|
|
@@ -100,7 +98,7 @@ function Body(props) {
|
|
|
100
98
|
var SBody = _flexBox.Box;
|
|
101
99
|
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))));
|
|
102
100
|
}
|
|
103
|
-
var Card = (0, _core
|
|
101
|
+
var Card = (0, _core.createComponent)(CardRoot, {
|
|
104
102
|
Title: Title,
|
|
105
103
|
Description: Description,
|
|
106
104
|
Header: Header,
|
package/lib/cjs/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_core","
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_typography","_button","_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","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","Fragment","DescriptionTooltip","Trigger","tag","ButtonLink","ml","use","color","Addon","Popper","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 { ButtonLink } from '@semcore/button';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/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, 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 <Children />\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\n return sstyled(styles)(\n <>\n <STitle render={Text}>\n <Children />\n {innerHint && (\n <DescriptionTooltip>\n <DescriptionTooltip.Trigger\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 </DescriptionTooltip.Trigger>\n <DescriptionTooltip.Popper>{innerHint}</DescriptionTooltip.Popper>\n </DescriptionTooltip>\n )}\n </STitle>\n {hintAfter && (\n <DescriptionTooltip>\n <DescriptionTooltip.Trigger\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 </DescriptionTooltip.Trigger>\n <DescriptionTooltip.Popper>{hintAfter}</DescriptionTooltip.Popper>\n </DescriptionTooltip>\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/Card.js
CHANGED
|
@@ -4,28 +4,28 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps4 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
12
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
13
13
|
import React from 'react';
|
|
14
|
-
import createComponent,
|
|
14
|
+
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
15
15
|
import { Box } from '@semcore/flex-box';
|
|
16
16
|
import { Text } from '@semcore/typography';
|
|
17
17
|
import { ButtonLink } from '@semcore/button';
|
|
18
18
|
import { DescriptionTooltip } from '@semcore/tooltip';
|
|
19
19
|
import InfoM from '@semcore/icon/Info/m';
|
|
20
20
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SDescription": "
|
|
23
|
-
"__SHeader": "
|
|
24
|
-
"__SBody": "
|
|
25
|
-
"__SCard": "
|
|
26
|
-
"__STitle": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_g5vnw_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_g5vnw_gg_ .___STitle_g5vnw_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_g5vnw_gg_ [data-ui-name=\"DescriptionTooltip.Trigger\"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_g5vnw_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_g5vnw_gg_,.___SHeader_g5vnw_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_g5vnw_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_g5vnw_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "g5vnw_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SDescription": "___SDescription_g5vnw_gg_",
|
|
23
|
+
"__SHeader": "___SHeader_g5vnw_gg_",
|
|
24
|
+
"__SBody": "___SBody_g5vnw_gg_",
|
|
25
|
+
"__SCard": "___SCard_g5vnw_gg_",
|
|
26
|
+
"__STitle": "___STitle_g5vnw_gg_"
|
|
27
27
|
});
|
|
28
|
-
import { isAdvanceMode } from '@semcore/
|
|
28
|
+
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
29
29
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(CardRoot, _Component);
|
|
31
31
|
var _super = _createSuper(CardRoot);
|
package/lib/es6/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","ButtonLink","DescriptionTooltip","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","forcedAdvancedMode","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Fragment","_assignProps2","Trigger","tag","ml","use","color","Addon","Popper","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref10","SBody","_assignProps5"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent,
|
|
1
|
+
{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","ButtonLink","DescriptionTooltip","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","forcedAdvancedMode","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Fragment","_assignProps2","Trigger","tag","ml","use","color","Addon","Popper","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 { ButtonLink } from '@semcore/button';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/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, 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 <Children />\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\n return sstyled(styles)(\n <>\n <STitle render={Text}>\n <Children />\n {innerHint && (\n <DescriptionTooltip>\n <DescriptionTooltip.Trigger\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 </DescriptionTooltip.Trigger>\n <DescriptionTooltip.Popper>{innerHint}</DescriptionTooltip.Popper>\n </DescriptionTooltip>\n )}\n </STitle>\n {hintAfter && (\n <DescriptionTooltip>\n <DescriptionTooltip.Trigger\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 </DescriptionTooltip.Trigger>\n <DescriptionTooltip.Popper>{hintAfter}</DescriptionTooltip.Popper>\n </DescriptionTooltip>\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/esm/Card.mjs
CHANGED
|
@@ -1,84 +1,83 @@
|
|
|
1
1
|
import c from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import E from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import w from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import T from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import A from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import h from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled as B } from "@semcore/
|
|
8
|
-
import D, { sstyled as d, assignProps as p, Component as M } from "@semcore/core";
|
|
7
|
+
import { sstyled as _, createComponent as H, assignProps as s, Component as B } from "@semcore/core";
|
|
9
8
|
import r from "react";
|
|
10
9
|
import { Box as x } from "@semcore/flex-box";
|
|
11
10
|
import { Text as S } from "@semcore/typography";
|
|
12
|
-
import { ButtonLink as
|
|
13
|
-
import { DescriptionTooltip as
|
|
11
|
+
import { ButtonLink as p } from "@semcore/button";
|
|
12
|
+
import { DescriptionTooltip as g } from "@semcore/tooltip";
|
|
14
13
|
import y from "@semcore/icon/Info/m";
|
|
15
|
-
import { isAdvanceMode as
|
|
16
|
-
var
|
|
14
|
+
import { isAdvanceMode as D } from "@semcore/core/lib/utils/findComponent";
|
|
15
|
+
var M = (
|
|
17
16
|
/*__reshadow_css_start__*/
|
|
18
|
-
(
|
|
17
|
+
(_.insert(
|
|
19
18
|
/*__inner_css_start__*/
|
|
20
|
-
`.
|
|
19
|
+
`.___SCard_g5vnw_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,
|
|
21
20
|
0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
|
|
22
|
-
)}.
|
|
23
|
-
"
|
|
21
|
+
)}.___SCard_g5vnw_gg_ .___STitle_g5vnw_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_g5vnw_gg_ [data-ui-name="DescriptionTooltip.Trigger"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_g5vnw_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_g5vnw_gg_,.___SHeader_g5vnw_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_g5vnw_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_g5vnw_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}`,
|
|
22
|
+
"g5vnw_gg_"
|
|
24
23
|
), {
|
|
25
|
-
__SDescription: "
|
|
26
|
-
__SHeader: "
|
|
27
|
-
__SBody: "
|
|
28
|
-
__SCard: "
|
|
29
|
-
__STitle: "
|
|
24
|
+
__SDescription: "___SDescription_g5vnw_gg_",
|
|
25
|
+
__SHeader: "___SHeader_g5vnw_gg_",
|
|
26
|
+
__SBody: "___SBody_g5vnw_gg_",
|
|
27
|
+
__SCard: "___SCard_g5vnw_gg_",
|
|
28
|
+
__STitle: "___STitle_g5vnw_gg_"
|
|
30
29
|
})
|
|
31
|
-
), u = /* @__PURE__ */ function(
|
|
32
|
-
|
|
33
|
-
var n =
|
|
30
|
+
), u = /* @__PURE__ */ function(a) {
|
|
31
|
+
T(e, a);
|
|
32
|
+
var n = A(e);
|
|
34
33
|
function e() {
|
|
35
34
|
return E(this, e), n.apply(this, arguments);
|
|
36
35
|
}
|
|
37
|
-
return
|
|
36
|
+
return w(e, [{
|
|
38
37
|
key: "render",
|
|
39
38
|
value: function() {
|
|
40
|
-
var
|
|
41
|
-
return
|
|
39
|
+
var t = this.asProps, o, m = x, d = this.asProps, l = d.Children, v = d.styles, b = d.forcedAdvancedMode, C = b || D(l, [f.Header.displayName, f.Body.displayName]);
|
|
40
|
+
return o = _(v), /* @__PURE__ */ r.createElement(m, o.cn("SCard", c({}, s({}, t))), C ? /* @__PURE__ */ r.createElement(l, o.cn("Children", {})) : /* @__PURE__ */ r.createElement(f.Body, null, /* @__PURE__ */ r.createElement(l, o.cn("Children", {}))));
|
|
42
41
|
}
|
|
43
42
|
}]), e;
|
|
44
|
-
}(
|
|
43
|
+
}(B);
|
|
45
44
|
h(u, "displayName", "Card");
|
|
46
|
-
h(u, "style",
|
|
47
|
-
function
|
|
48
|
-
var n = arguments[0], e, i =
|
|
49
|
-
return e =
|
|
50
|
-
tag:
|
|
45
|
+
h(u, "style", M);
|
|
46
|
+
function P(a) {
|
|
47
|
+
var n = arguments[0], e, i = a.styles, t = a.innerHint, o = a.Children, m = a.innerHintAriaLabel, d = a.hintAfterAriaLabel, l = a.hintAfter || a.hint, v = S;
|
|
48
|
+
return e = _(i), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(v, e.cn("STitle", c({}, s({}, n))), /* @__PURE__ */ r.createElement(o, e.cn("Children", {})), t && /* @__PURE__ */ r.createElement(g, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(g.Trigger, {
|
|
49
|
+
tag: p,
|
|
51
50
|
ml: 1,
|
|
52
51
|
use: "secondary",
|
|
53
52
|
"aria-label": m,
|
|
54
53
|
color: "--intergalactic-icon-secondary-neutral"
|
|
55
|
-
}, /* @__PURE__ */ r.createElement(
|
|
56
|
-
tag:
|
|
54
|
+
}, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(g.Popper, null, t))), l && /* @__PURE__ */ r.createElement(g, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(g.Trigger, {
|
|
55
|
+
tag: p,
|
|
57
56
|
use: "secondary",
|
|
58
|
-
"aria-label":
|
|
57
|
+
"aria-label": d,
|
|
59
58
|
color: "--intergalactic-icon-secondary-neutral"
|
|
60
|
-
}, /* @__PURE__ */ r.createElement(
|
|
59
|
+
}, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(g.Popper, null, l)));
|
|
61
60
|
}
|
|
62
|
-
function
|
|
63
|
-
var n = arguments[0], e, i =
|
|
64
|
-
return e =
|
|
61
|
+
function L(a) {
|
|
62
|
+
var n = arguments[0], e, i = a.styles, t = S;
|
|
63
|
+
return e = _(i), /* @__PURE__ */ r.createElement(t, e.cn("SDescription", c({}, s({
|
|
65
64
|
tag: "p"
|
|
66
65
|
}, n))));
|
|
67
66
|
}
|
|
68
|
-
function
|
|
69
|
-
var n = arguments[0], e, i =
|
|
70
|
-
return e =
|
|
67
|
+
function k(a) {
|
|
68
|
+
var n = arguments[0], e, i = a.styles, t = x;
|
|
69
|
+
return e = _(i), /* @__PURE__ */ r.createElement(t, e.cn("SHeader", c({}, s(c({}, a), n))));
|
|
71
70
|
}
|
|
72
|
-
function
|
|
73
|
-
var n = arguments[0], e, i =
|
|
74
|
-
return e =
|
|
71
|
+
function z(a) {
|
|
72
|
+
var n = arguments[0], e, i = a.styles, t = x;
|
|
73
|
+
return e = _(i), /* @__PURE__ */ r.createElement(t, e.cn("SBody", c({}, s(c({}, a), n))));
|
|
75
74
|
}
|
|
76
|
-
var
|
|
77
|
-
Title:
|
|
78
|
-
Description:
|
|
79
|
-
Header:
|
|
80
|
-
Body:
|
|
75
|
+
var f = H(u, {
|
|
76
|
+
Title: P,
|
|
77
|
+
Description: L,
|
|
78
|
+
Header: k,
|
|
79
|
+
Body: z
|
|
81
80
|
});
|
|
82
81
|
export {
|
|
83
|
-
|
|
82
|
+
f as default
|
|
84
83
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/card",
|
|
3
3
|
"description": "Semrush Card Component",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "16.0.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,17 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/
|
|
18
|
-
"@semcore/
|
|
19
|
-
"@semcore/
|
|
20
|
-
"@semcore/
|
|
21
|
-
"@semcore/
|
|
22
|
-
"@semcore/icon": "4.60.1"
|
|
17
|
+
"@semcore/typography": "16.0.0-prerelease.2",
|
|
18
|
+
"@semcore/tooltip": "16.0.0-prerelease.2",
|
|
19
|
+
"@semcore/button": "16.0.0-prerelease.2",
|
|
20
|
+
"@semcore/icon": "16.0.0-prerelease.2",
|
|
21
|
+
"@semcore/flex-box": "16.0.0-prerelease.2"
|
|
23
22
|
},
|
|
24
23
|
"peerDependencies": {
|
|
25
|
-
"@semcore/
|
|
26
|
-
"react": "16.8 - 18",
|
|
27
|
-
"react-dom": "16.8 - 18"
|
|
24
|
+
"@semcore/base-components": "^16.0.0-prerelease.2"
|
|
28
25
|
},
|
|
29
26
|
"repository": {
|
|
30
27
|
"type": "git",
|