@semcore/card 5.48.2 → 16.0.0-prerelease.0

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 CHANGED
@@ -2,6 +2,12 @@
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-05-19
6
+
7
+ ### Added
8
+
9
+ - Major version.
10
+
5
11
  ## [5.48.2] - 2025-05-13
6
12
 
7
13
  ### 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,24 +11,23 @@ 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 _index = require("@semcore/utils/lib/core/index");
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/utils/lib/findComponent");
21
+ var _findComponent = require("@semcore/core/lib/utils/findComponent");
24
22
  /*!__reshadow-styles__:"./style/card.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_vq6ge_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_vq6ge_gg_ .___STitle_vq6ge_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_vq6ge_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_vq6ge_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_vq6ge_gg_,.___SHeader_vq6ge_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_vq6ge_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_vq6ge_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"vq6ge_gg_"),
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_"),
26
24
  /*__reshadow_css_end__*/
27
25
  {
28
- "__SDescription": "___SDescription_vq6ge_gg_",
29
- "__SHeader": "___SHeader_vq6ge_gg_",
30
- "__SBody": "___SBody_vq6ge_gg_",
31
- "__SCard": "___SCard_vq6ge_gg_",
32
- "__STitle": "___STitle_vq6ge_gg_"
26
+ "__SDescription": "___SDescription_g5vnw_gg_",
27
+ "__SHeader": "___SHeader_g5vnw_gg_",
28
+ "__SBody": "___SBody_g5vnw_gg_",
29
+ "__SCard": "___SCard_g5vnw_gg_",
30
+ "__STitle": "___STitle_g5vnw_gg_"
33
31
  });
34
32
  var CardRoot = /*#__PURE__*/function (_Component) {
35
33
  (0, _inherits2["default"])(CardRoot, _Component);
@@ -102,7 +100,7 @@ function Body(props) {
102
100
  var SBody = _flexBox.Box;
103
101
  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))));
104
102
  }
105
- var Card = (0, _core["default"])(CardRoot, {
103
+ var Card = (0, _core.createComponent)(CardRoot, {
106
104
  Title: Title,
107
105
  Description: Description,
108
106
  Header: Header,
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_button","_tooltip","_m","_findComponent","style","_index","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/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles, 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
@@ -4,30 +4,30 @@ 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/utils/lib/core/index";
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, { Component, sstyled, Root } from '@semcore/core';
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__*/".___SCard_vq6ge_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_vq6ge_gg_ .___STitle_vq6ge_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_vq6ge_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_vq6ge_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_vq6ge_gg_,.___SHeader_vq6ge_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_vq6ge_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_vq6ge_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"vq6ge_gg_"),
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
22
  /*__reshadow_css_end__*/
23
23
  {
24
- "__SDescription": "___SDescription_vq6ge_gg_",
25
- "__SHeader": "___SHeader_vq6ge_gg_",
26
- "__SBody": "___SBody_vq6ge_gg_",
27
- "__SCard": "___SCard_vq6ge_gg_",
28
- "__STitle": "___STitle_vq6ge_gg_"
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_"
29
29
  });
30
- import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
30
+ import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
31
31
  var CardRoot = /*#__PURE__*/function (_Component) {
32
32
  _inherits(CardRoot, _Component);
33
33
  var _super = _createSuper(CardRoot);
@@ -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/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles, 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
@@ -4,30 +4,29 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
4
  import _inherits from "@babel/runtime/helpers/esm/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import { sstyled } from "@semcore/utils/lib/core/index";
8
- import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
7
+ import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
9
8
  import React from "react";
10
9
  import { Box } from "@semcore/flex-box";
11
10
  import { Text } from "@semcore/typography";
12
11
  import { ButtonLink } from "@semcore/button";
13
12
  import { DescriptionTooltip } from "@semcore/tooltip";
14
13
  import InfoM from "@semcore/icon/Info/m";
15
- import { isAdvanceMode } from "@semcore/utils/lib/findComponent";
14
+ import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
16
15
  /*!__reshadow-styles__:"./style/card.shadow.css"*/
17
16
  var style = (
18
17
  /*__reshadow_css_start__*/
19
18
  (sstyled.insert(
20
19
  /*__inner_css_start__*/
21
- '.___SCard_vq6ge_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_vq6ge_gg_ .___STitle_vq6ge_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_vq6ge_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_vq6ge_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_vq6ge_gg_,.___SHeader_vq6ge_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_vq6ge_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_vq6ge_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)}',
22
21
  /*__inner_css_end__*/
23
- "vq6ge_gg_"
22
+ "g5vnw_gg_"
24
23
  ), /*__reshadow_css_end__*/
25
24
  {
26
- "__SDescription": "___SDescription_vq6ge_gg_",
27
- "__SHeader": "___SHeader_vq6ge_gg_",
28
- "__SBody": "___SBody_vq6ge_gg_",
29
- "__SCard": "___SCard_vq6ge_gg_",
30
- "__STitle": "___STitle_vq6ge_gg_"
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_"
31
30
  })
32
31
  );
33
32
  var CardRoot = /* @__PURE__ */ function(_Component) {
@@ -44,7 +43,7 @@ var CardRoot = /* @__PURE__ */ function(_Component) {
44
43
  var SCard = Box;
45
44
  var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, forcedAdvancedMode = _this$asProps.forcedAdvancedMode;
46
45
  var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);
47
- return _ref6 = sstyled$1(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", {}))));
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", {}))));
48
47
  }
49
48
  }]);
50
49
  return CardRoot2;
@@ -56,7 +55,7 @@ function Title(props) {
56
55
  var styles = props.styles, innerHint = props.innerHint, Children = props.Children, innerHintAriaLabel = props.innerHintAriaLabel, hintAfterAriaLabel = props.hintAfterAriaLabel;
57
56
  var hintAfter = props.hintAfter || props.hint;
58
57
  var STitle = Text;
59
- return _ref7 = sstyled$1(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, {
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, {
60
59
  tag: ButtonLink,
61
60
  ml: 1,
62
61
  use: "secondary",
@@ -73,7 +72,7 @@ function Description(props) {
73
72
  var _ref3 = arguments[0], _ref8;
74
73
  var styles = props.styles;
75
74
  var SDescription = Text;
76
- return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDescription, _ref8.cn("SDescription", _objectSpread({}, assignProps({
75
+ return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDescription, _ref8.cn("SDescription", _objectSpread({}, assignProps({
77
76
  "tag": "p"
78
77
  }, _ref3))));
79
78
  }
@@ -81,13 +80,13 @@ function Header(props) {
81
80
  var _ref4 = arguments[0], _ref9;
82
81
  var styles = props.styles;
83
82
  var SHeader = Box;
84
- return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, assignProps(_objectSpread({}, props), _ref4))));
83
+ return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, assignProps(_objectSpread({}, props), _ref4))));
85
84
  }
86
85
  function Body(props) {
87
86
  var _ref5 = arguments[0], _ref10;
88
87
  var styles = props.styles;
89
88
  var SBody = Box;
90
- return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, assignProps(_objectSpread({}, props), _ref5))));
89
+ return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, assignProps(_objectSpread({}, props), _ref5))));
91
90
  }
92
91
  var Card = createComponent(CardRoot, {
93
92
  Title,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/card",
3
3
  "description": "Semrush Card Component",
4
- "version": "5.48.2",
4
+ "version": "16.0.0-prerelease.0",
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/utils": "4.48.5",
18
- "@semcore/flex-box": "5.41.4",
19
- "@semcore/typography": "5.53.2",
20
- "@semcore/tooltip": "6.49.4",
21
- "@semcore/button": "5.43.3",
22
- "@semcore/icon": "4.62.1"
17
+ "@semcore/typography": "16.0.0-prerelease.0",
18
+ "@semcore/tooltip": "16.0.0-prerelease.0",
19
+ "@semcore/button": "16.0.0-prerelease.0",
20
+ "@semcore/icon": "16.0.0-prerelease.0",
21
+ "@semcore/flex-box": "16.0.0-prerelease.0"
23
22
  },
24
23
  "peerDependencies": {
25
- "@semcore/core": "^2.17.5",
26
- "react": "16.8 - 18",
27
- "react-dom": "16.8 - 18"
24
+ "@semcore/base-components": "^16.0.0-prerelease.0"
28
25
  },
29
26
  "repository": {
30
27
  "type": "git",