@semcore/card 16.0.0-prerelease.2 → 16.0.0-prerelease.20

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 +31 -1
  2. package/lib/cjs/Card.js +4 -2
  3. package/lib/cjs/Card.js.map +1 -1
  4. package/lib/es6/Card.js +4 -2
  5. package/lib/es6/Card.js.map +1 -1
  6. package/lib/esm/Card.mjs +80 -64
  7. package/lib/esm/index.mjs +2 -2
  8. package/lib/esm/style/card.shadow.css +49 -0
  9. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -2,12 +2,42 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [16.0.0] - 2025-03-26
5
+ ## [16.0.0] - 2025-05-19
6
6
 
7
7
  ### Added
8
8
 
9
9
  - Major version.
10
10
 
11
+ ## [5.48.2] - 2025-05-13
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/button` [5.43.2 ~> 5.43.3]).
16
+
17
+ ## [5.48.1] - 2025-05-09
18
+
19
+ ### Changed
20
+
21
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/button` [5.43.1 ~> 5.43.2], `@semcore/icon` [4.61.0 ~> 4.62.0]).
22
+
23
+ ## [5.48.0] - 2025-04-11
24
+
25
+ ### Changed
26
+
27
+ - Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
28
+
29
+ ## [5.47.1] - 2025-04-04
30
+
31
+ ### Changed
32
+
33
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/button` [5.43.0 ~> 5.43.1]).
34
+
35
+ ## [5.47.0] - 2025-03-28
36
+
37
+ ### Changed
38
+
39
+ - Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0]).
40
+
11
41
  ## [5.46.1] - 2025-03-20
12
42
 
13
43
  ### Changed
package/lib/cjs/Card.js CHANGED
@@ -19,8 +19,10 @@ var _button = require("@semcore/button");
19
19
  var _tooltip = require("@semcore/tooltip");
20
20
  var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
21
21
  var _findComponent = require("@semcore/core/lib/utils/findComponent");
22
- /*__reshadow-styles__:"./style/card.shadow.css"*/
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__*/, {
22
+ /*!__reshadow-styles__:"./style/card.shadow.css"*/
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_"),
24
+ /*__reshadow_css_end__*/
25
+ {
24
26
  "__SDescription": "___SDescription_g5vnw_gg_",
25
27
  "__SHeader": "___SHeader_g5vnw_gg_",
26
28
  "__SBody": "___SBody_g5vnw_gg_",
package/lib/cjs/Card.js.map CHANGED
@@ -1 +1 @@
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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"}
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
@@ -17,8 +17,10 @@ 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
- /*__reshadow-styles__:"./style/card.shadow.css"*/
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__*/, {
20
+ /*!__reshadow-styles__:"./style/card.shadow.css"*/
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_"),
22
+ /*__reshadow_css_end__*/
23
+ {
22
24
  "__SDescription": "___SDescription_g5vnw_gg_",
23
25
  "__SHeader": "___SHeader_g5vnw_gg_",
24
26
  "__SBody": "___SBody_g5vnw_gg_",
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, 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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"}
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,83 +1,99 @@
1
- import c from "@babel/runtime/helpers/esm/objectSpread2";
2
- import E from "@babel/runtime/helpers/esm/classCallCheck";
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
- import h from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled as _, createComponent as H, assignProps as s, Component as B } from "@semcore/core";
8
- import r from "react";
9
- import { Box as x } from "@semcore/flex-box";
10
- import { Text as S } from "@semcore/typography";
11
- import { ButtonLink as p } from "@semcore/button";
12
- import { DescriptionTooltip as g } from "@semcore/tooltip";
13
- import y from "@semcore/icon/Info/m";
14
- import { isAdvanceMode as D } from "@semcore/core/lib/utils/findComponent";
15
- var M = (
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
+ import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
8
+ import React from "react";
9
+ import { Box } from "@semcore/flex-box";
10
+ import { Text } from "@semcore/typography";
11
+ import { ButtonLink } from "@semcore/button";
12
+ import { DescriptionTooltip } from "@semcore/tooltip";
13
+ import InfoM from "@semcore/icon/Info/m";
14
+ import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
15
+ /*!__reshadow-styles__:"./style/card.shadow.css"*/
16
+ var style = (
16
17
  /*__reshadow_css_start__*/
17
- (_.insert(
18
+ (sstyled.insert(
18
19
  /*__inner_css_start__*/
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,
20
- 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
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)}`,
20
+ '.___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)}',
21
+ /*__inner_css_end__*/
22
22
  "g5vnw_gg_"
23
- ), {
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_"
23
+ ), /*__reshadow_css_end__*/
24
+ {
25
+ "__SDescription": "___SDescription_g5vnw_gg_",
26
+ "__SHeader": "___SHeader_g5vnw_gg_",
27
+ "__SBody": "___SBody_g5vnw_gg_",
28
+ "__SCard": "___SCard_g5vnw_gg_",
29
+ "__STitle": "___STitle_g5vnw_gg_"
29
30
  })
30
- ), u = /* @__PURE__ */ function(a) {
31
- T(e, a);
32
- var n = A(e);
33
- function e() {
34
- return E(this, e), n.apply(this, arguments);
31
+ );
32
+ var CardRoot = /* @__PURE__ */ function(_Component) {
33
+ _inherits(CardRoot2, _Component);
34
+ var _super = _createSuper(CardRoot2);
35
+ function CardRoot2() {
36
+ _classCallCheck(this, CardRoot2);
37
+ return _super.apply(this, arguments);
35
38
  }
36
- return w(e, [{
39
+ _createClass(CardRoot2, [{
37
40
  key: "render",
38
- value: function() {
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", {}))));
41
+ value: function render() {
42
+ var _ref = this.asProps, _ref6;
43
+ var SCard = Box;
44
+ var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, forcedAdvancedMode = _this$asProps.forcedAdvancedMode;
45
+ var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);
46
+ return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SCard, _ref6.cn("SCard", _objectSpread({}, assignProps({}, _ref))), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})) : /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {}))));
41
47
  }
42
- }]), e;
43
- }(B);
44
- h(u, "displayName", "Card");
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,
48
+ }]);
49
+ return CardRoot2;
50
+ }(Component);
51
+ _defineProperty(CardRoot, "displayName", "Card");
52
+ _defineProperty(CardRoot, "style", style);
53
+ function Title(props) {
54
+ var _ref2 = arguments[0], _ref7;
55
+ var styles = props.styles, innerHint = props.innerHint, Children = props.Children, innerHintAriaLabel = props.innerHintAriaLabel, hintAfterAriaLabel = props.hintAfterAriaLabel;
56
+ var hintAfter = props.hintAfter || props.hint;
57
+ var STitle = Text;
58
+ 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(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /* @__PURE__ */ React.createElement(DescriptionTooltip.Trigger, {
59
+ tag: ButtonLink,
50
60
  ml: 1,
51
61
  use: "secondary",
52
- "aria-label": m,
62
+ "aria-label": innerHintAriaLabel,
53
63
  color: "--intergalactic-icon-secondary-neutral"
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,
64
+ }, /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(DescriptionTooltip.Popper, null, innerHint))), hintAfter && /* @__PURE__ */ React.createElement(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /* @__PURE__ */ React.createElement(DescriptionTooltip.Trigger, {
65
+ tag: ButtonLink,
56
66
  use: "secondary",
57
- "aria-label": d,
67
+ "aria-label": hintAfterAriaLabel,
58
68
  color: "--intergalactic-icon-secondary-neutral"
59
- }, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(g.Popper, null, l)));
69
+ }, /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(DescriptionTooltip.Popper, null, hintAfter)));
60
70
  }
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({
64
- tag: "p"
65
- }, n))));
71
+ function Description(props) {
72
+ var _ref3 = arguments[0], _ref8;
73
+ var styles = props.styles;
74
+ var SDescription = Text;
75
+ return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDescription, _ref8.cn("SDescription", _objectSpread({}, assignProps({
76
+ "tag": "p"
77
+ }, _ref3))));
66
78
  }
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))));
79
+ function Header(props) {
80
+ var _ref4 = arguments[0], _ref9;
81
+ var styles = props.styles;
82
+ var SHeader = Box;
83
+ return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, assignProps(_objectSpread({}, props), _ref4))));
70
84
  }
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))));
85
+ function Body(props) {
86
+ var _ref5 = arguments[0], _ref10;
87
+ var styles = props.styles;
88
+ var SBody = Box;
89
+ return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, assignProps(_objectSpread({}, props), _ref5))));
74
90
  }
75
- var f = H(u, {
76
- Title: P,
77
- Description: L,
78
- Header: k,
79
- Body: z
91
+ var Card = createComponent(CardRoot, {
92
+ Title,
93
+ Description,
94
+ Header,
95
+ Body
80
96
  });
81
97
  export {
82
- f as default
98
+ Card as default
83
99
  };
package/lib/esm/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { default as o } from "./Card.mjs";
1
+ import { default as default2 } from "./Card.mjs";
2
2
  export {
3
- o as default
3
+ default2 as default
4
4
  };
package/lib/esm/style/card.shadow.css ADDED
@@ -0,0 +1,49 @@
1
+ SCard {
2
+ box-sizing: border-box;
3
+ background: var(--intergalactic-bg-primary-neutral, #ffffff);
4
+ padding: 0;
5
+ border: none;
6
+ border-radius: var(--intergalactic-surface-rounded, 6px);
7
+ box-shadow: var(
8
+ --intergalactic-box-shadow-card,
9
+ 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
10
+ );
11
+
12
+ STitle {
13
+ color: var(--intergalactic-text-primary, #191b23);
14
+ font-size: var(--intergalactic-fs-300, 16px);
15
+ line-height: var(--intergalactic-lh-300, 150%);
16
+ font-weight: var(--intergalactic-bold, 700);
17
+ margin-right: var(--intergalactic-spacing-1x, 4px);
18
+ }
19
+
20
+ [data-ui-name='DescriptionTooltip.Trigger'] {
21
+ margin-right: var(--intergalactic-spacing-1x, 4px);
22
+ line-height: normal;
23
+ vertical-align: top;
24
+ margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
25
+ }
26
+ }
27
+
28
+ SDescription {
29
+ margin-bottom: 0;
30
+ margin-top: var(--intergalactic-spacing-2x, 8px);
31
+ font-size: var(--intergalactic-fs-200, 14px);
32
+ color: var(--intergalactic-text-secondary, #6c6e79);
33
+ }
34
+
35
+ SHeader {
36
+ padding-top: var(--intergalactic-spacing-2x, 8px);
37
+ padding-bottom: var(--intergalactic-spacing-2x, 8px);
38
+ padding-left: var(--intergalactic-spacing-5x, 20px);
39
+ padding-right: var(--intergalactic-spacing-5x, 20px);
40
+ box-shadow: inset 0 -1px 0 var(--intergalactic-border-secondary, #e0e1e9);
41
+ }
42
+
43
+ SBody {
44
+ color: var(--intergalactic-text-primary, #191b23);
45
+ padding-bottom: var(--intergalactic-spacing-5x, 20px);
46
+ padding-left: var(--intergalactic-spacing-5x, 20px);
47
+ padding-right: var(--intergalactic-spacing-5x, 20px);
48
+ padding-top: var(--intergalactic-spacing-5x, 20px);
49
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/card",
3
3
  "description": "Semrush Card Component",
4
- "version": "16.0.0-prerelease.2",
4
+ "version": "16.0.0-prerelease.20",
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.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"
17
+ "@semcore/typography": "16.0.0-prerelease.20",
18
+ "@semcore/tooltip": "16.0.0-prerelease.20",
19
+ "@semcore/button": "16.0.0-prerelease.20",
20
+ "@semcore/icon": "16.0.0-prerelease.20",
21
+ "@semcore/flex-box": "16.0.0-prerelease.20"
22
22
  },
23
23
  "peerDependencies": {
24
- "@semcore/base-components": "^16.0.0-prerelease.2"
24
+ "@semcore/base-components": "^16.0.0-prerelease.20"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",