@semcore/card 17.1.0-prerelease.3 → 17.2.0-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 +13 -7
- package/lib/cjs/Card.js.map +1 -1
- package/lib/cjs/style/card.shadow.css +1 -1
- package/lib/es6/Card.js +13 -7
- package/lib/es6/Card.js.map +1 -1
- package/lib/es6/style/card.shadow.css +1 -1
- package/lib/esm/Card.mjs +9 -9
- package/lib/esm/style/card.shadow.css +1 -1
- package/lib/types/Card.d.ts +5 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
package/lib/cjs/Card.js
CHANGED
|
@@ -15,15 +15,15 @@ var _tooltip = require("@semcore/tooltip");
|
|
|
15
15
|
var _typography = require("@semcore/typography");
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCard_7oavm_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral,#fff);padding:0;border:none;border-radius:var(--intergalactic-surface-rounded,8px);box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 #00151012,0 1px 3px 0 #00151012 )}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_{box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 #00151012,0 1px 3px 0 #00151012 )}@media (color-gamut:p3){.___SCard_7oavm_gg_{box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 color(display-p3 .01753 .08157 .06372/.07),0 1px 3px 0 color(display-p3 .01753 .08157 .06372/.07) )}}}.___SCard_7oavm_gg_ .___STitle_7oavm_gg_{color:var(--intergalactic-text-primary,#010500e5);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_7oavm_gg_ .___SInfoTrigger_7oavm_gg_{margin-right:var(--intergalactic-spacing-1x,4px);vertical-align:.5px;margin-top:-1px}.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{display:block;margin-bottom:0;margin-top:var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{padding:var(--intergalactic-spacing-2x,8px) var(--intergalactic-spacing-5x,20px);box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___SCard_7oavm_gg_ .___SBody_7oavm_gg_{color:var(--intergalactic-text-primary,#010500e5);padding:var(--intergalactic-spacing-5x,20px)}", /*__inner_css_end__*/"7oavm_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SCard": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"__SInfoTrigger": "
|
|
24
|
-
"__SDescription": "
|
|
25
|
-
"__SHeader": "
|
|
26
|
-
"__SBody": "
|
|
21
|
+
"__SCard": "___SCard_7oavm_gg_",
|
|
22
|
+
"__STitle": "___STitle_7oavm_gg_",
|
|
23
|
+
"__SInfoTrigger": "___SInfoTrigger_7oavm_gg_",
|
|
24
|
+
"__SDescription": "___SDescription_7oavm_gg_",
|
|
25
|
+
"__SHeader": "___SHeader_7oavm_gg_",
|
|
26
|
+
"__SBody": "___SBody_7oavm_gg_"
|
|
27
27
|
});
|
|
28
28
|
class CardRoot extends _core.Component {
|
|
29
29
|
render() {
|
|
@@ -116,6 +116,12 @@ function Body(props) {
|
|
|
116
116
|
}, _ref5)
|
|
117
117
|
}));
|
|
118
118
|
}
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Card
|
|
122
|
+
*
|
|
123
|
+
* {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}
|
|
124
|
+
*/
|
|
119
125
|
const Card = (0, _core.createComponent)(CardRoot, {
|
|
120
126
|
Title,
|
|
121
127
|
Description,
|
package/lib/cjs/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_core","require","_baseComponents","_button","_findComponent","_m","_interopRequireDefault","_tooltip","_typography","_react","style","sstyled","insert","CardRoot","Component","render","_ref","asProps","_ref6","SCard","Box","Children","styles","advancedMode","isAdvanceMode","Card","Header","displayName","Body","default","createElement","cn","assignProps","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","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.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSCard } from './Card.type';\nimport style from './style/card.shadow.css';\n\nclass CardRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSCard.Component>\n> {\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 advancedMode = 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(\n props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Title.Component>,\n) {\n const { styles, innerHint, innerHintAriaLabel, hintAfterAriaLabel, Children } = props;\n const hintAfter = props.hintAfter;\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 size={300}\n aria-label={innerHintAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={innerHintAriaLabel as string}>{innerHint}</SInfo.Popper>\n </SInfo>\n )}\n </STitle>\n {hintAfter && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n use='secondary'\n size={300}\n aria-label={hintAfterAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={hintAfterAriaLabel as string}>{hintAfter}</SInfo.Popper>\n </SInfo>\n )}\n </>,\n );\n}\n\nfunction Description(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Description.Component>) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Header.Component>) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Body.Component>) {\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})
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_core","require","_baseComponents","_button","_findComponent","_m","_interopRequireDefault","_tooltip","_typography","_react","style","sstyled","insert","CardRoot","Component","render","_ref","asProps","_ref6","SCard","Box","Children","styles","advancedMode","isAdvanceMode","Card","Header","displayName","Body","default","createElement","cn","assignProps","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","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.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSCard } from './Card.type';\nimport style from './style/card.shadow.css';\n\nclass CardRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSCard.Component>\n> {\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 advancedMode = 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(\n props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Title.Component>,\n) {\n const { styles, innerHint, innerHintAriaLabel, hintAfterAriaLabel, Children } = props;\n const hintAfter = props.hintAfter;\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 size={300}\n aria-label={innerHintAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={innerHintAriaLabel as string}>{innerHint}</SInfo.Popper>\n </SInfo>\n )}\n </STitle>\n {hintAfter && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n use='secondary'\n size={300}\n aria-label={hintAfterAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={hintAfterAriaLabel as string}>{hintAfter}</SInfo.Popper>\n </SInfo>\n )}\n </>,\n );\n}\n\nfunction Description(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Description.Component>) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Header.Component>) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Body.Component>) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\n/**\n * Card\n *\n * {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}\n */\nconst Card = createComponent<\n NSCard.Component,\n typeof CardRoot\n>(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ SCard {
|
|
|
3
3
|
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
4
4
|
padding: 0;
|
|
5
5
|
border: none;
|
|
6
|
-
border-radius: var(--intergalactic-surface-rounded,
|
|
6
|
+
border-radius: var(--intergalactic-surface-rounded, 8px);
|
|
7
7
|
box-shadow: var(
|
|
8
8
|
--intergalactic-box-shadow-card,
|
|
9
9
|
0px 0px 1px 0px oklch(0.176 0.033 175.7 / 0.07), 0px 1px 3px 0px oklch(0.176 0.033 175.7 / 0.07)
|
package/lib/es6/Card.js
CHANGED
|
@@ -14,15 +14,15 @@ import { DescriptionTooltip } from '@semcore/tooltip';
|
|
|
14
14
|
import { Text } from '@semcore/typography';
|
|
15
15
|
import React from 'react';
|
|
16
16
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCard_7oavm_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral,#fff);padding:0;border:none;border-radius:var(--intergalactic-surface-rounded,8px);box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 #00151012,0 1px 3px 0 #00151012 )}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_{box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 #00151012,0 1px 3px 0 #00151012 )}@media (color-gamut:p3){.___SCard_7oavm_gg_{box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 color(display-p3 .01753 .08157 .06372/.07),0 1px 3px 0 color(display-p3 .01753 .08157 .06372/.07) )}}}.___SCard_7oavm_gg_ .___STitle_7oavm_gg_{color:var(--intergalactic-text-primary,#010500e5);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_7oavm_gg_ .___SInfoTrigger_7oavm_gg_{margin-right:var(--intergalactic-spacing-1x,4px);vertical-align:.5px;margin-top:-1px}.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{display:block;margin-bottom:0;margin-top:var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{padding:var(--intergalactic-spacing-2x,8px) var(--intergalactic-spacing-5x,20px);box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___SCard_7oavm_gg_ .___SBody_7oavm_gg_{color:var(--intergalactic-text-primary,#010500e5);padding:var(--intergalactic-spacing-5x,20px)}", /*__inner_css_end__*/"7oavm_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SCard": "
|
|
21
|
-
"__STitle": "
|
|
22
|
-
"__SInfoTrigger": "
|
|
23
|
-
"__SDescription": "
|
|
24
|
-
"__SHeader": "
|
|
25
|
-
"__SBody": "
|
|
20
|
+
"__SCard": "___SCard_7oavm_gg_",
|
|
21
|
+
"__STitle": "___STitle_7oavm_gg_",
|
|
22
|
+
"__SInfoTrigger": "___SInfoTrigger_7oavm_gg_",
|
|
23
|
+
"__SDescription": "___SDescription_7oavm_gg_",
|
|
24
|
+
"__SHeader": "___SHeader_7oavm_gg_",
|
|
25
|
+
"__SBody": "___SBody_7oavm_gg_"
|
|
26
26
|
});
|
|
27
27
|
class CardRoot extends Component {
|
|
28
28
|
render() {
|
|
@@ -115,6 +115,12 @@ function Body(props) {
|
|
|
115
115
|
}, _ref5)
|
|
116
116
|
}));
|
|
117
117
|
}
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* Card
|
|
121
|
+
*
|
|
122
|
+
* {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}
|
|
123
|
+
*/
|
|
118
124
|
const Card = createComponent(CardRoot, {
|
|
119
125
|
Title,
|
|
120
126
|
Description,
|
package/lib/es6/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["Box","ButtonLink","createComponent","Component","sstyled","Root","isAdvanceMode","InfoM","DescriptionTooltip","Text","React","style","_sstyled","insert","CardRoot","render","_ref","asProps","_ref6","SCard","Children","styles","advancedMode","Card","Header","displayName","Body","createElement","cn","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","STitle","SInfo","SInfoTrigger","Trigger","Fragment","_assignProps2","Addon","Popper","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref0","SBody","_assignProps5"],"sources":["../../src/Card.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSCard } from './Card.type';\nimport style from './style/card.shadow.css';\n\nclass CardRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSCard.Component>\n> {\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 advancedMode = 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(\n props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Title.Component>,\n) {\n const { styles, innerHint, innerHintAriaLabel, hintAfterAriaLabel, Children } = props;\n const hintAfter = props.hintAfter;\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 size={300}\n aria-label={innerHintAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={innerHintAriaLabel as string}>{innerHint}</SInfo.Popper>\n </SInfo>\n )}\n </STitle>\n {hintAfter && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n use='secondary'\n size={300}\n aria-label={hintAfterAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={hintAfterAriaLabel as string}>{hintAfter}</SInfo.Popper>\n </SInfo>\n )}\n </>,\n );\n}\n\nfunction Description(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Description.Component>) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Header.Component>) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Body.Component>) {\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})
|
|
1
|
+
{"version":3,"file":"Card.js","names":["Box","ButtonLink","createComponent","Component","sstyled","Root","isAdvanceMode","InfoM","DescriptionTooltip","Text","React","style","_sstyled","insert","CardRoot","render","_ref","asProps","_ref6","SCard","Children","styles","advancedMode","Card","Header","displayName","Body","createElement","cn","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","STitle","SInfo","SInfoTrigger","Trigger","Fragment","_assignProps2","Addon","Popper","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref0","SBody","_assignProps5"],"sources":["../../src/Card.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSCard } from './Card.type';\nimport style from './style/card.shadow.css';\n\nclass CardRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSCard.Component>\n> {\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 advancedMode = 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(\n props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Title.Component>,\n) {\n const { styles, innerHint, innerHintAriaLabel, hintAfterAriaLabel, Children } = props;\n const hintAfter = props.hintAfter;\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 size={300}\n aria-label={innerHintAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={innerHintAriaLabel as string}>{innerHint}</SInfo.Popper>\n </SInfo>\n )}\n </STitle>\n {hintAfter && (\n <SInfo>\n <SInfoTrigger\n tag={ButtonLink}\n use='secondary'\n size={300}\n aria-label={hintAfterAriaLabel}\n color='--intergalactic-icon-secondary-neutral'\n >\n <ButtonLink.Addon>\n <InfoM />\n </ButtonLink.Addon>\n </SInfoTrigger>\n <SInfo.Popper aria-label={hintAfterAriaLabel as string}>{hintAfter}</SInfo.Popper>\n </SInfo>\n )}\n </>,\n );\n}\n\nfunction Description(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Description.Component>) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Header.Component>) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props: Intergalactic.InternalTypings.InferComponentProps<NSCard.Body.Component>) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\n/**\n * Card\n *\n * {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}\n */\nconst Card = createComponent<\n NSCard.Component,\n typeof CardRoot\n>(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ SCard {
|
|
|
3
3
|
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
4
4
|
padding: 0;
|
|
5
5
|
border: none;
|
|
6
|
-
border-radius: var(--intergalactic-surface-rounded,
|
|
6
|
+
border-radius: var(--intergalactic-surface-rounded, 8px);
|
|
7
7
|
box-shadow: var(
|
|
8
8
|
--intergalactic-box-shadow-card,
|
|
9
9
|
0px 0px 1px 0px oklch(0.176 0.033 175.7 / 0.07), 0px 1px 3px 0px oklch(0.176 0.033 175.7 / 0.07)
|
package/lib/esm/Card.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
|
|
3
3
|
import { Box } from "@semcore/base-components";
|
|
4
4
|
import { ButtonLink } from "@semcore/button";
|
|
@@ -12,17 +12,17 @@ const style = (
|
|
|
12
12
|
/*__reshadow_css_start__*/
|
|
13
13
|
(sstyled.insert(
|
|
14
14
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
15
|
+
".___SCard_7oavm_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral,#fff);padding:0;border:none;border-radius:var(--intergalactic-surface-rounded,8px);box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 #00151012,0 1px 3px 0 #00151012 )}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_{box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 #00151012,0 1px 3px 0 #00151012 )}@media (color-gamut:p3){.___SCard_7oavm_gg_{box-shadow:var( --intergalactic-box-shadow-card,0 0 1px 0 color(display-p3 .01753 .08157 .06372/.07),0 1px 3px 0 color(display-p3 .01753 .08157 .06372/.07) )}}}.___SCard_7oavm_gg_ .___STitle_7oavm_gg_{color:var(--intergalactic-text-primary,#010500e5);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_7oavm_gg_ .___SInfoTrigger_7oavm_gg_{margin-right:var(--intergalactic-spacing-1x,4px);vertical-align:.5px;margin-top:-1px}.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{display:block;margin-bottom:0;margin-top:var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);color:var(--intergalactic-text-secondary,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SCard_7oavm_gg_ .___SDescription_7oavm_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{padding:var(--intergalactic-spacing-2x,8px) var(--intergalactic-spacing-5x,20px);box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCard_7oavm_gg_ .___SHeader_7oavm_gg_{box-shadow:inset 0 -1px 0 var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___SCard_7oavm_gg_ .___SBody_7oavm_gg_{color:var(--intergalactic-text-primary,#010500e5);padding:var(--intergalactic-spacing-5x,20px)}",
|
|
16
16
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
17
|
+
"7oavm_gg_"
|
|
18
18
|
), /*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SCard": "
|
|
21
|
-
"__STitle": "
|
|
22
|
-
"__SInfoTrigger": "
|
|
23
|
-
"__SDescription": "
|
|
24
|
-
"__SHeader": "
|
|
25
|
-
"__SBody": "
|
|
20
|
+
"__SCard": "___SCard_7oavm_gg_",
|
|
21
|
+
"__STitle": "___STitle_7oavm_gg_",
|
|
22
|
+
"__SInfoTrigger": "___SInfoTrigger_7oavm_gg_",
|
|
23
|
+
"__SDescription": "___SDescription_7oavm_gg_",
|
|
24
|
+
"__SHeader": "___SHeader_7oavm_gg_",
|
|
25
|
+
"__SBody": "___SBody_7oavm_gg_"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
class CardRoot extends Component {
|
|
@@ -3,7 +3,7 @@ SCard {
|
|
|
3
3
|
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
4
4
|
padding: 0;
|
|
5
5
|
border: none;
|
|
6
|
-
border-radius: var(--intergalactic-surface-rounded,
|
|
6
|
+
border-radius: var(--intergalactic-surface-rounded, 8px);
|
|
7
7
|
box-shadow: var(
|
|
8
8
|
--intergalactic-box-shadow-card,
|
|
9
9
|
0px 0px 1px 0px oklch(0.176 0.033 175.7 / 0.07), 0px 1px 3px 0px oklch(0.176 0.033 175.7 / 0.07)
|
package/lib/types/Card.d.ts
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import type { NSCard } from './Card.type';
|
|
2
|
+
/**
|
|
3
|
+
* Card
|
|
4
|
+
*
|
|
5
|
+
* {@link https://developer.semrush.com/intergalactic/components/card/card-api/|API} | {@link https://developer.semrush.com/intergalactic/components/card/card-code/|Examples}
|
|
6
|
+
*/
|
|
2
7
|
declare const Card: NSCard.Component;
|
|
3
8
|
export default Card;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/card",
|
|
3
3
|
"description": "Semrush Card Component",
|
|
4
|
-
"version": "17.
|
|
4
|
+
"version": "17.2.0-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,12 +14,12 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/typography": "^17.
|
|
18
|
-
"@semcore/tooltip": "^17.
|
|
19
|
-
"@semcore/button": "^17.
|
|
17
|
+
"@semcore/typography": "^17.2.0-prerelease.3",
|
|
18
|
+
"@semcore/tooltip": "^17.2.0-prerelease.3",
|
|
19
|
+
"@semcore/button": "^17.2.0-prerelease.3"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/base-components": "^17.0
|
|
22
|
+
"@semcore/base-components": "^17.2.0",
|
|
23
23
|
"@semcore/icon": "^17.0.1"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"directory": "semcore/card"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@semcore/core": "17.
|
|
32
|
-
"@semcore/base-components": "17.0
|
|
33
|
-
"@semcore/typography": "17.1.0-prerelease.3",
|
|
31
|
+
"@semcore/core": "17.2.0-prerelease.3",
|
|
32
|
+
"@semcore/base-components": "17.2.0-prerelease.3",
|
|
34
33
|
"@semcore/testing-utils": "1.0.0",
|
|
34
|
+
"@semcore/typography": "17.2.0-prerelease.3",
|
|
35
35
|
"@semcore/icon": "17.1.0"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|