@semcore/card 5.48.2-prerelease.0 → 5.49.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.
Files changed (27) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Card.js +48 -45
  3. package/lib/cjs/Card.js.map +1 -1
  4. package/lib/cjs/Card.type.js +2 -0
  5. package/lib/cjs/Card.type.js.map +1 -0
  6. package/lib/cjs/index.js +14 -1
  7. package/lib/cjs/index.js.map +1 -1
  8. package/lib/cjs/style/card.shadow.css +29 -28
  9. package/lib/es6/Card.js +43 -37
  10. package/lib/es6/Card.js.map +1 -1
  11. package/lib/es6/Card.type.js +2 -0
  12. package/lib/es6/Card.type.js.map +1 -0
  13. package/lib/es6/index.js +1 -0
  14. package/lib/es6/index.js.map +1 -1
  15. package/lib/es6/style/card.shadow.css +29 -28
  16. package/lib/esm/Card.mjs +47 -41
  17. package/lib/esm/Card.type.mjs +1 -0
  18. package/lib/esm/index.mjs +1 -0
  19. package/lib/esm/style/card.shadow.css +29 -28
  20. package/lib/types/Card.d.ts +3 -0
  21. package/lib/types/Card.type.d.ts +44 -0
  22. package/lib/types/index.d.ts +2 -35
  23. package/package.json +8 -8
  24. package/lib/cjs/index.d.js +0 -2
  25. package/lib/cjs/index.d.js.map +0 -1
  26. package/lib/es6/index.d.js +0 -2
  27. package/lib/es6/index.d.js.map +0 -1
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
+ ## [5.49.0] - 2026-05-06
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/utils` [4.48.5 ~> 4.49.0], `@semcore/button` [5.43.3 ~> 5.44.0]).
10
+
5
11
  ## [5.48.2] - 2025-05-13
6
12
 
7
13
  ### Changed
package/lib/cjs/Card.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,50 +8,47 @@ exports["default"] = void 0;
9
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- 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"));
17
- var _react = _interopRequireDefault(require("react"));
18
- var _flexBox = require("@semcore/flex-box");
19
- var _typography = require("@semcore/typography");
14
+ var _core = require("@semcore/core");
15
+ var _baseComponents = require("@semcore/base-components");
20
16
  var _button = require("@semcore/button");
21
- var _tooltip = require("@semcore/tooltip");
17
+ var _findComponent = require("@semcore/core/lib/utils/findComponent");
22
18
  var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
23
- var _findComponent = require("@semcore/utils/lib/findComponent");
19
+ var _tooltip = require("@semcore/tooltip");
20
+ var _typography = require("@semcore/typography");
21
+ var _react = _interopRequireDefault(require("react"));
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_19j84_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px));box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(0, 21, 16, 0.07), 0px 1px 3px 0px rgba(0, 21, 16, 0.07)\n )}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_{box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(0, 21, 16, 0.07), 0px 1px 3px 0px rgba(0, 21, 16, 0.07)\n )}@media (color-gamut:p3){.___SCard_19j84_gg_{box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07), 0px 1px 3px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07)\n )}}}.___SCard_19j84_gg_ .___STitle_19j84_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_19j84_gg_ .___SInfoTrigger_19j84_gg_{margin-right:var(--intergalactic-spacing-1x, 4px);vertical-align:.5px;margin-top:-1px}.___SCard_19j84_gg_ .___SDescription_19j84_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_ .___SDescription_19j84_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SCard_19j84_gg_ .___SDescription_19j84_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCard_19j84_gg_ .___SHeader_19j84_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_ .___SHeader_19j84_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCard_19j84_gg_ .___SHeader_19j84_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCard_19j84_gg_ .___SBody_19j84_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"19j84_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
+ "__SCard": "___SCard_19j84_gg_",
27
+ "__STitle": "___STitle_19j84_gg_",
28
+ "__SInfoTrigger": "___SInfoTrigger_19j84_gg_",
29
+ "__SDescription": "___SDescription_19j84_gg_",
30
+ "__SHeader": "___SHeader_19j84_gg_",
31
+ "__SBody": "___SBody_19j84_gg_"
33
32
  });
34
33
  var CardRoot = /*#__PURE__*/function (_Component) {
35
- (0, _inherits2["default"])(CardRoot, _Component);
36
- var _super = (0, _createSuper2["default"])(CardRoot);
37
34
  function CardRoot() {
38
35
  (0, _classCallCheck2["default"])(this, CardRoot);
39
- return _super.apply(this, arguments);
36
+ return (0, _callSuper2["default"])(this, CardRoot, arguments);
40
37
  }
41
- (0, _createClass2["default"])(CardRoot, [{
38
+ (0, _inherits2["default"])(CardRoot, _Component);
39
+ return (0, _createClass2["default"])(CardRoot, [{
42
40
  key: "render",
43
41
  value: function render() {
44
42
  var _ref = this.asProps,
45
43
  _ref6;
46
- var SCard = _flexBox.Box;
44
+ var SCard = _baseComponents.Box;
47
45
  var _this$asProps = this.asProps,
48
46
  Children = _this$asProps.Children,
49
- styles = _this$asProps.styles,
50
- forcedAdvancedMode = _this$asProps.forcedAdvancedMode;
51
- var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [Card.Header.displayName, Card.Body.displayName]);
47
+ styles = _this$asProps.styles;
48
+ var advancedMode = (0, _findComponent.isAdvanceMode)(Children, [Card.Header.displayName, Card.Body.displayName]);
52
49
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCard, _ref6.cn("SCard", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(Card.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {}))));
53
50
  }
54
51
  }]);
55
- return CardRoot;
56
52
  }(_core.Component);
57
53
  (0, _defineProperty2["default"])(CardRoot, "displayName", 'Card');
58
54
  (0, _defineProperty2["default"])(CardRoot, "style", style);
@@ -61,23 +57,31 @@ function Title(props) {
61
57
  _ref7;
62
58
  var styles = props.styles,
63
59
  innerHint = props.innerHint,
64
- Children = props.Children,
65
60
  innerHintAriaLabel = props.innerHintAriaLabel,
66
- hintAfterAriaLabel = props.hintAfterAriaLabel;
67
- var hintAfter = props.hintAfter || props.hint;
61
+ hintAfterAriaLabel = props.hintAfterAriaLabel,
62
+ Children = props.Children;
63
+ var hintAfter = props.hintAfter;
68
64
  var STitle = _typography.Text;
69
- return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Trigger, {
70
- tag: _button.ButtonLink,
71
- ml: 1,
72
- use: 'secondary',
65
+ var SInfo = _tooltip.DescriptionTooltip;
66
+ var SInfoTrigger = SInfo.Trigger;
67
+ return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/_react["default"].createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/_react["default"].createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
68
+ "tag": _button.ButtonLink,
69
+ "ml": 1,
70
+ "use": 'secondary',
71
+ "size": 300,
73
72
  "aria-label": innerHintAriaLabel,
74
- color: '--intergalactic-icon-secondary-neutral'
75
- }, /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Popper, null, innerHint))), hintAfter && /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Trigger, {
76
- tag: _button.ButtonLink,
77
- use: 'secondary',
73
+ "color": '--intergalactic-icon-secondary-neutral'
74
+ }), /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(SInfo.Popper, {
75
+ "aria-label": innerHintAriaLabel
76
+ }, innerHint))), hintAfter && /*#__PURE__*/_react["default"].createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/_react["default"].createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
77
+ "tag": _button.ButtonLink,
78
+ "use": 'secondary',
79
+ "size": 300,
78
80
  "aria-label": hintAfterAriaLabel,
79
- color: '--intergalactic-icon-secondary-neutral'
80
- }, /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Popper, null, hintAfter)));
81
+ "color": '--intergalactic-icon-secondary-neutral'
82
+ }), /*#__PURE__*/_react["default"].createElement(_button.ButtonLink.Addon, null, /*#__PURE__*/_react["default"].createElement(_m["default"], _ref7.cn("InfoM", {})))), /*#__PURE__*/_react["default"].createElement(SInfo.Popper, {
83
+ "aria-label": hintAfterAriaLabel
84
+ }, hintAfter)));
81
85
  }
82
86
  function Description(props) {
83
87
  var _ref3 = arguments[0],
@@ -92,22 +96,21 @@ function Header(props) {
92
96
  var _ref4 = arguments[0],
93
97
  _ref9;
94
98
  var styles = props.styles;
95
- var SHeader = _flexBox.Box;
99
+ var SHeader = _baseComponents.Box;
96
100
  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref9.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref4))));
97
101
  }
98
102
  function Body(props) {
99
103
  var _ref5 = arguments[0],
100
- _ref10;
104
+ _ref0;
101
105
  var styles = props.styles;
102
- var SBody = _flexBox.Box;
103
- 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))));
106
+ var SBody = _baseComponents.Box;
107
+ return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref0.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref5))));
104
108
  }
105
- var Card = (0, _core["default"])(CardRoot, {
109
+ var Card = (0, _core.createComponent)(CardRoot, {
106
110
  Title: Title,
107
111
  Description: Description,
108
112
  Header: Header,
109
113
  Body: Body
110
114
  });
111
- var _default = Card;
112
- exports["default"] = _default;
115
+ var _default = exports["default"] = Card;
113
116
  //# sourceMappingURL=Card.js.map
package/lib/cjs/Card.js.map CHANGED
@@ -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","_baseComponents","_button","_findComponent","_m","_interopRequireDefault","_tooltip","_typography","_react","style","sstyled","insert","CardRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","advancedMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_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}) as NSCard.Component;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
package/lib/cjs/Card.type.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Card.type.js.map
package/lib/cjs/Card.type.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.type.js","names":[],"sources":["../../src/Card.type.ts"],"sourcesContent":["import type { Box, BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { Text, NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSCard {\n type Props = BoxProps;\n\n namespace Title {\n type Props = NSText.Props & {\n /**\n * Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.\n */\n innerHint?: React.ReactNode;\n /**\n * Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.\n */\n hintAfter?: React.ReactNode;\n /** Aria-label for the InnerHint icon */\n innerHintAriaLabel?: string;\n /** Aria-label for the HintAfter icon */\n hintAfterAriaLabel?: string;\n };\n type Component = Intergalactic.Component<'div', Props>;\n }\n\n namespace Description {\n type Component = typeof Text;\n }\n\n namespace Header {\n type Component = typeof Box;\n }\n\n namespace Body {\n type Component = typeof Box;\n }\n\n type Component = Intergalactic.Component<'div', Props> & {\n Title: Title.Component;\n Description: Description.Component;\n Header: Header.Component;\n Body: Body.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type CardProps = NSCard.Props;\n/** @deprecated It will be removed in v18. */\nexport type TitleProps = NSCard.Title.Props;\n\nexport type { NSCard };\n"],"mappings":"","ignoreList":[]}
package/lib/cjs/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ var _exportNames = {};
7
8
  Object.defineProperty(exports, "default", {
8
9
  enumerable: true,
9
10
  get: function get() {
@@ -11,4 +12,16 @@ Object.defineProperty(exports, "default", {
11
12
  }
12
13
  });
13
14
  var _Card = _interopRequireDefault(require("./Card"));
15
+ var _Card2 = require("./Card.type");
16
+ Object.keys(_Card2).forEach(function (key) {
17
+ if (key === "default" || key === "__esModule") return;
18
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
19
+ if (key in exports && exports[key] === _Card2[key]) return;
20
+ Object.defineProperty(exports, key, {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return _Card2[key];
24
+ }
25
+ });
26
+ });
14
27
  //# sourceMappingURL=index.js.map
package/lib/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_Card","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_Card","_interopRequireDefault","require","_Card2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Card';\nexport * from './Card.type';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
package/lib/cjs/style/card.shadow.css CHANGED
@@ -1,49 +1,50 @@
1
1
  SCard {
2
2
  box-sizing: border-box;
3
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
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, 6px);
6
+ border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
7
7
  box-shadow: var(
8
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)
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)
10
10
  );
11
11
 
12
12
  STitle {
13
- color: var(--intergalactic-text-primary, #191b23);
13
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
14
14
  font-size: var(--intergalactic-fs-300, 16px);
15
15
  line-height: var(--intergalactic-lh-300, 150%);
16
16
  font-weight: var(--intergalactic-bold, 700);
17
17
  margin-right: var(--intergalactic-spacing-1x, 4px);
18
18
  }
19
19
 
20
- [data-ui-name='DescriptionTooltip.Trigger'] {
20
+ SInfoTrigger {
21
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);
22
+ vertical-align: 0.5px;
23
+ margin-top: -1px;
25
24
  }
26
- }
27
25
 
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
- }
26
+ SDescription {
27
+ display: block;
28
+ margin-bottom: 0;
29
+ margin-top: var(--intergalactic-spacing-2x, 8px);
30
+ font-size: var(--intergalactic-fs-200, 14px);
31
+ line-height: var(--intergalactic-lh-200, 142%);
32
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
33
+ }
34
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
- }
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, oklch(0.176 0.033 175.7 / 0.07));
41
+ }
42
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);
43
+ SBody {
44
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
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
+ }
49
50
  }
package/lib/es6/Card.js CHANGED
@@ -1,41 +1,41 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
+ import _callSuper from "@babel/runtime/helpers/callSuper";
4
5
  import _inherits from "@babel/runtime/helpers/inherits";
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
- import React from 'react';
14
- import createComponent, { Component, sstyled, Root } from '@semcore/core';
15
- import { Box } from '@semcore/flex-box';
16
- import { Text } from '@semcore/typography';
13
+ import { Box } from '@semcore/base-components';
17
14
  import { ButtonLink } from '@semcore/button';
18
- import { DescriptionTooltip } from '@semcore/tooltip';
15
+ import { createComponent, Component, sstyled, Root } from '@semcore/core';
16
+ import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
19
17
  import InfoM from '@semcore/icon/Info/m';
18
+ import { DescriptionTooltip } from '@semcore/tooltip';
19
+ import { Text } from '@semcore/typography';
20
+ import React from 'react';
20
21
  /*!__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_"),
22
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCard_19j84_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px));box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(0, 21, 16, 0.07), 0px 1px 3px 0px rgba(0, 21, 16, 0.07)\n )}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_{box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(0, 21, 16, 0.07), 0px 1px 3px 0px rgba(0, 21, 16, 0.07)\n )}@media (color-gamut:p3){.___SCard_19j84_gg_{box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07), 0px 1px 3px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07)\n )}}}.___SCard_19j84_gg_ .___STitle_19j84_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_19j84_gg_ .___SInfoTrigger_19j84_gg_{margin-right:var(--intergalactic-spacing-1x, 4px);vertical-align:.5px;margin-top:-1px}.___SCard_19j84_gg_ .___SDescription_19j84_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_ .___SDescription_19j84_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SCard_19j84_gg_ .___SDescription_19j84_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCard_19j84_gg_ .___SHeader_19j84_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_ .___SHeader_19j84_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCard_19j84_gg_ .___SHeader_19j84_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCard_19j84_gg_ .___SBody_19j84_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"19j84_gg_"),
22
23
  /*__reshadow_css_end__*/
23
24
  {
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_"
25
+ "__SCard": "___SCard_19j84_gg_",
26
+ "__STitle": "___STitle_19j84_gg_",
27
+ "__SInfoTrigger": "___SInfoTrigger_19j84_gg_",
28
+ "__SDescription": "___SDescription_19j84_gg_",
29
+ "__SHeader": "___SHeader_19j84_gg_",
30
+ "__SBody": "___SBody_19j84_gg_"
29
31
  });
30
- import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
31
32
  var CardRoot = /*#__PURE__*/function (_Component) {
32
- _inherits(CardRoot, _Component);
33
- var _super = _createSuper(CardRoot);
34
33
  function CardRoot() {
35
34
  _classCallCheck(this, CardRoot);
36
- return _super.apply(this, arguments);
35
+ return _callSuper(this, CardRoot, arguments);
37
36
  }
38
- _createClass(CardRoot, [{
37
+ _inherits(CardRoot, _Component);
38
+ return _createClass(CardRoot, [{
39
39
  key: "render",
40
40
  value: function render() {
41
41
  var _ref = this.asProps,
@@ -43,13 +43,11 @@ var CardRoot = /*#__PURE__*/function (_Component) {
43
43
  var SCard = Box;
44
44
  var _this$asProps = this.asProps,
45
45
  Children = _this$asProps.Children,
46
- styles = _this$asProps.styles,
47
- forcedAdvancedMode = _this$asProps.forcedAdvancedMode;
48
- var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);
46
+ styles = _this$asProps.styles;
47
+ var advancedMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);
49
48
  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", {}))));
50
49
  }
51
50
  }]);
52
- return CardRoot;
53
51
  }(Component);
54
52
  _defineProperty(CardRoot, "displayName", 'Card');
55
53
  _defineProperty(CardRoot, "style", style);
@@ -58,23 +56,31 @@ function Title(props) {
58
56
  _ref7;
59
57
  var styles = props.styles,
60
58
  innerHint = props.innerHint,
61
- Children = props.Children,
62
59
  innerHintAriaLabel = props.innerHintAriaLabel,
63
- hintAfterAriaLabel = props.hintAfterAriaLabel;
64
- var hintAfter = props.hintAfter || props.hint;
60
+ hintAfterAriaLabel = props.hintAfterAriaLabel,
61
+ Children = props.Children;
62
+ var hintAfter = props.hintAfter;
65
63
  var STitle = Text;
66
- return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/React.createElement(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/React.createElement(DescriptionTooltip.Trigger, {
67
- tag: ButtonLink,
68
- ml: 1,
69
- use: 'secondary',
64
+ var SInfo = DescriptionTooltip;
65
+ var SInfoTrigger = SInfo.Trigger;
66
+ return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/React.createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
67
+ "tag": ButtonLink,
68
+ "ml": 1,
69
+ "use": 'secondary',
70
+ "size": 300,
70
71
  "aria-label": innerHintAriaLabel,
71
- color: '--intergalactic-icon-secondary-neutral'
72
- }, /*#__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, {
73
- tag: ButtonLink,
74
- use: 'secondary',
72
+ "color": '--intergalactic-icon-secondary-neutral'
73
+ }), /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(SInfo.Popper, {
74
+ "aria-label": innerHintAriaLabel
75
+ }, innerHint))), hintAfter && /*#__PURE__*/React.createElement(SInfo, _ref7.cn("SInfo", {}), /*#__PURE__*/React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
76
+ "tag": ButtonLink,
77
+ "use": 'secondary',
78
+ "size": 300,
75
79
  "aria-label": hintAfterAriaLabel,
76
- color: '--intergalactic-icon-secondary-neutral'
77
- }, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(DescriptionTooltip.Popper, null, hintAfter)));
80
+ "color": '--intergalactic-icon-secondary-neutral'
81
+ }), /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(SInfo.Popper, {
82
+ "aria-label": hintAfterAriaLabel
83
+ }, hintAfter)));
78
84
  }
79
85
  function Description(props) {
80
86
  var _ref3 = arguments[0],
@@ -94,10 +100,10 @@ function Header(props) {
94
100
  }
95
101
  function Body(props) {
96
102
  var _ref5 = arguments[0],
97
- _ref10;
103
+ _ref0;
98
104
  var styles = props.styles;
99
105
  var SBody = Box;
100
- return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, _assignProps5(_objectSpread({}, props), _ref5))));
106
+ return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref0.cn("SBody", _objectSpread({}, _assignProps5(_objectSpread({}, props), _ref5))));
101
107
  }
102
108
  var Card = createComponent(CardRoot, {
103
109
  Title: Title,
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/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":["Box","ButtonLink","createComponent","Component","sstyled","Root","isAdvanceMode","InfoM","DescriptionTooltip","Text","React","style","_sstyled","insert","CardRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref6","SCard","_this$asProps","Children","styles","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_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}) as NSCard.Component;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
package/lib/es6/Card.type.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Card.type.js.map
package/lib/es6/Card.type.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.type.js","names":[],"sources":["../../src/Card.type.ts"],"sourcesContent":["import type { Box, BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { Text, NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSCard {\n type Props = BoxProps;\n\n namespace Title {\n type Props = NSText.Props & {\n /**\n * Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.\n */\n innerHint?: React.ReactNode;\n /**\n * Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.\n */\n hintAfter?: React.ReactNode;\n /** Aria-label for the InnerHint icon */\n innerHintAriaLabel?: string;\n /** Aria-label for the HintAfter icon */\n hintAfterAriaLabel?: string;\n };\n type Component = Intergalactic.Component<'div', Props>;\n }\n\n namespace Description {\n type Component = typeof Text;\n }\n\n namespace Header {\n type Component = typeof Box;\n }\n\n namespace Body {\n type Component = typeof Box;\n }\n\n type Component = Intergalactic.Component<'div', Props> & {\n Title: Title.Component;\n Description: Description.Component;\n Header: Header.Component;\n Body: Body.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type CardProps = NSCard.Props;\n/** @deprecated It will be removed in v18. */\nexport type TitleProps = NSCard.Title.Props;\n\nexport type { NSCard };\n"],"mappings":"","ignoreList":[]}
package/lib/es6/index.js CHANGED
@@ -1,2 +1,3 @@
1
1
  export { default } from './Card';
2
+ export * from './Card.type';
2
3
  //# sourceMappingURL=index.js.map
package/lib/es6/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Card';\nexport * from './Card.type';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ;AAChC,cAAc,aAAa","ignoreList":[]}
package/lib/es6/style/card.shadow.css CHANGED
@@ -1,49 +1,50 @@
1
1
  SCard {
2
2
  box-sizing: border-box;
3
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
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, 6px);
6
+ border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
7
7
  box-shadow: var(
8
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)
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)
10
10
  );
11
11
 
12
12
  STitle {
13
- color: var(--intergalactic-text-primary, #191b23);
13
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
14
14
  font-size: var(--intergalactic-fs-300, 16px);
15
15
  line-height: var(--intergalactic-lh-300, 150%);
16
16
  font-weight: var(--intergalactic-bold, 700);
17
17
  margin-right: var(--intergalactic-spacing-1x, 4px);
18
18
  }
19
19
 
20
- [data-ui-name='DescriptionTooltip.Trigger'] {
20
+ SInfoTrigger {
21
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);
22
+ vertical-align: 0.5px;
23
+ margin-top: -1px;
25
24
  }
26
- }
27
25
 
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
- }
26
+ SDescription {
27
+ display: block;
28
+ margin-bottom: 0;
29
+ margin-top: var(--intergalactic-spacing-2x, 8px);
30
+ font-size: var(--intergalactic-fs-200, 14px);
31
+ line-height: var(--intergalactic-lh-200, 142%);
32
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
33
+ }
34
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
- }
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, oklch(0.176 0.033 175.7 / 0.07));
41
+ }
42
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);
43
+ SBody {
44
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
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
+ }
49
50
  }
package/lib/esm/Card.mjs CHANGED
@@ -1,79 +1,85 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
4
5
  import _inherits from "@babel/runtime/helpers/esm/inherits";
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";
9
- import React from "react";
10
- import { Box } from "@semcore/flex-box";
11
- import { Text } from "@semcore/typography";
7
+ import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
8
+ import { Box } from "@semcore/base-components";
12
9
  import { ButtonLink } from "@semcore/button";
13
- import { DescriptionTooltip } from "@semcore/tooltip";
10
+ import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
14
11
  import InfoM from "@semcore/icon/Info/m";
15
- import { isAdvanceMode } from "@semcore/utils/lib/findComponent";
12
+ import { DescriptionTooltip } from "@semcore/tooltip";
13
+ import { Text } from "@semcore/typography";
14
+ import React from "react";
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_19j84_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px));box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(0, 21, 16, 0.07), 0px 1px 3px 0px rgba(0, 21, 16, 0.07)\n )}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_{box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(0, 21, 16, 0.07), 0px 1px 3px 0px rgba(0, 21, 16, 0.07)\n )}@media (color-gamut:p3){.___SCard_19j84_gg_{box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07), 0px 1px 3px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07)\n )}}}.___SCard_19j84_gg_ .___STitle_19j84_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_19j84_gg_ .___SInfoTrigger_19j84_gg_{margin-right:var(--intergalactic-spacing-1x, 4px);vertical-align:.5px;margin-top:-1px}.___SCard_19j84_gg_ .___SDescription_19j84_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, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_ .___SDescription_19j84_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SCard_19j84_gg_ .___SDescription_19j84_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCard_19j84_gg_ .___SHeader_19j84_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCard_19j84_gg_ .___SHeader_19j84_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCard_19j84_gg_ .___SHeader_19j84_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCard_19j84_gg_ .___SBody_19j84_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}",
22
21
  /*__inner_css_end__*/
23
- "vq6ge_gg_"
22
+ "19j84_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
+ "__SCard": "___SCard_19j84_gg_",
26
+ "__STitle": "___STitle_19j84_gg_",
27
+ "__SInfoTrigger": "___SInfoTrigger_19j84_gg_",
28
+ "__SDescription": "___SDescription_19j84_gg_",
29
+ "__SHeader": "___SHeader_19j84_gg_",
30
+ "__SBody": "___SBody_19j84_gg_"
31
31
  })
32
32
  );
33
- var CardRoot = /* @__PURE__ */ function(_Component) {
34
- _inherits(CardRoot2, _Component);
35
- var _super = _createSuper(CardRoot2);
33
+ var CardRoot = /* @__PURE__ */ (function(_Component) {
36
34
  function CardRoot2() {
37
35
  _classCallCheck(this, CardRoot2);
38
- return _super.apply(this, arguments);
36
+ return _callSuper(this, CardRoot2, arguments);
39
37
  }
40
- _createClass(CardRoot2, [{
38
+ _inherits(CardRoot2, _Component);
39
+ return _createClass(CardRoot2, [{
41
40
  key: "render",
42
41
  value: function render() {
43
42
  var _ref = this.asProps, _ref6;
44
43
  var SCard = Box;
45
- var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, forcedAdvancedMode = _this$asProps.forcedAdvancedMode;
46
- 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", {}))));
44
+ var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles;
45
+ var advancedMode = 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", {}))));
48
47
  }
49
48
  }]);
50
- return CardRoot2;
51
- }(Component);
49
+ })(Component);
52
50
  _defineProperty(CardRoot, "displayName", "Card");
53
51
  _defineProperty(CardRoot, "style", style);
54
52
  function Title(props) {
55
53
  var _ref2 = arguments[0], _ref7;
56
- var styles = props.styles, innerHint = props.innerHint, Children = props.Children, innerHintAriaLabel = props.innerHintAriaLabel, hintAfterAriaLabel = props.hintAfterAriaLabel;
57
- var hintAfter = props.hintAfter || props.hint;
54
+ var styles = props.styles, innerHint = props.innerHint, innerHintAriaLabel = props.innerHintAriaLabel, hintAfterAriaLabel = props.hintAfterAriaLabel, Children = props.Children;
55
+ var hintAfter = props.hintAfter;
58
56
  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, {
60
- tag: ButtonLink,
61
- ml: 1,
62
- use: "secondary",
57
+ var SInfo = DescriptionTooltip;
58
+ var SInfoTrigger = SInfo.Trigger;
59
+ return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {})), innerHint && /* @__PURE__ */ React.createElement(SInfo, _ref7.cn("SInfo", {}), /* @__PURE__ */ React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
60
+ "tag": ButtonLink,
61
+ "ml": 1,
62
+ "use": "secondary",
63
+ "size": 300,
63
64
  "aria-label": innerHintAriaLabel,
64
- color: "--intergalactic-icon-secondary-neutral"
65
- }, /* @__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, {
66
- tag: ButtonLink,
67
- use: "secondary",
65
+ "color": "--intergalactic-icon-secondary-neutral"
66
+ }), /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(SInfo.Popper, {
67
+ "aria-label": innerHintAriaLabel
68
+ }, innerHint))), hintAfter && /* @__PURE__ */ React.createElement(SInfo, _ref7.cn("SInfo", {}), /* @__PURE__ */ React.createElement(SInfoTrigger, _ref7.cn("SInfoTrigger", {
69
+ "tag": ButtonLink,
70
+ "use": "secondary",
71
+ "size": 300,
68
72
  "aria-label": hintAfterAriaLabel,
69
- color: "--intergalactic-icon-secondary-neutral"
70
- }, /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(DescriptionTooltip.Popper, null, hintAfter)));
73
+ "color": "--intergalactic-icon-secondary-neutral"
74
+ }), /* @__PURE__ */ React.createElement(ButtonLink.Addon, null, /* @__PURE__ */ React.createElement(InfoM, _ref7.cn("InfoM", {})))), /* @__PURE__ */ React.createElement(SInfo.Popper, {
75
+ "aria-label": hintAfterAriaLabel
76
+ }, hintAfter)));
71
77
  }
72
78
  function Description(props) {
73
79
  var _ref3 = arguments[0], _ref8;
74
80
  var styles = props.styles;
75
81
  var SDescription = Text;
76
- return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDescription, _ref8.cn("SDescription", _objectSpread({}, assignProps({
82
+ return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDescription, _ref8.cn("SDescription", _objectSpread({}, assignProps({
77
83
  "tag": "p"
78
84
  }, _ref3))));
79
85
  }
@@ -81,13 +87,13 @@ function Header(props) {
81
87
  var _ref4 = arguments[0], _ref9;
82
88
  var styles = props.styles;
83
89
  var SHeader = Box;
84
- return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, assignProps(_objectSpread({}, props), _ref4))));
90
+ return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, assignProps(_objectSpread({}, props), _ref4))));
85
91
  }
86
92
  function Body(props) {
87
- var _ref5 = arguments[0], _ref10;
93
+ var _ref5 = arguments[0], _ref0;
88
94
  var styles = props.styles;
89
95
  var SBody = Box;
90
- return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, assignProps(_objectSpread({}, props), _ref5))));
96
+ return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref0.cn("SBody", _objectSpread({}, assignProps(_objectSpread({}, props), _ref5))));
91
97
  }
92
98
  var Card = createComponent(CardRoot, {
93
99
  Title,
package/lib/esm/Card.type.mjs ADDED
@@ -0,0 +1 @@
1
+
package/lib/esm/index.mjs CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as default2 } from "./Card.mjs";
2
+ import "./Card.type.mjs";
2
3
  export {
3
4
  default2 as default
4
5
  };
package/lib/esm/style/card.shadow.css CHANGED
@@ -1,49 +1,50 @@
1
1
  SCard {
2
2
  box-sizing: border-box;
3
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
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, 6px);
6
+ border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
7
7
  box-shadow: var(
8
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)
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)
10
10
  );
11
11
 
12
12
  STitle {
13
- color: var(--intergalactic-text-primary, #191b23);
13
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
14
14
  font-size: var(--intergalactic-fs-300, 16px);
15
15
  line-height: var(--intergalactic-lh-300, 150%);
16
16
  font-weight: var(--intergalactic-bold, 700);
17
17
  margin-right: var(--intergalactic-spacing-1x, 4px);
18
18
  }
19
19
 
20
- [data-ui-name='DescriptionTooltip.Trigger'] {
20
+ SInfoTrigger {
21
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);
22
+ vertical-align: 0.5px;
23
+ margin-top: -1px;
25
24
  }
26
- }
27
25
 
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
- }
26
+ SDescription {
27
+ display: block;
28
+ margin-bottom: 0;
29
+ margin-top: var(--intergalactic-spacing-2x, 8px);
30
+ font-size: var(--intergalactic-fs-200, 14px);
31
+ line-height: var(--intergalactic-lh-200, 142%);
32
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
33
+ }
34
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
- }
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, oklch(0.176 0.033 175.7 / 0.07));
41
+ }
42
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);
43
+ SBody {
44
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
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
+ }
49
50
  }
package/lib/types/Card.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { NSCard } from './Card.type';
2
+ declare const Card: NSCard.Component;
3
+ export default Card;
package/lib/types/Card.type.d.ts ADDED
@@ -0,0 +1,44 @@
1
+ import type { Box, BoxProps } from '@semcore/base-components';
2
+ import type { Intergalactic } from '@semcore/core';
3
+ import type { Text, NSText } from '@semcore/typography';
4
+ import type React from 'react';
5
+ declare namespace NSCard {
6
+ type Props = BoxProps;
7
+ namespace Title {
8
+ type Props = NSText.Props & {
9
+ /**
10
+ * Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.
11
+ */
12
+ innerHint?: React.ReactNode;
13
+ /**
14
+ * Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.
15
+ */
16
+ hintAfter?: React.ReactNode;
17
+ /** Aria-label for the InnerHint icon */
18
+ innerHintAriaLabel?: string;
19
+ /** Aria-label for the HintAfter icon */
20
+ hintAfterAriaLabel?: string;
21
+ };
22
+ type Component = Intergalactic.Component<'div', Props>;
23
+ }
24
+ namespace Description {
25
+ type Component = typeof Text;
26
+ }
27
+ namespace Header {
28
+ type Component = typeof Box;
29
+ }
30
+ namespace Body {
31
+ type Component = typeof Box;
32
+ }
33
+ type Component = Intergalactic.Component<'div', Props> & {
34
+ Title: Title.Component;
35
+ Description: Description.Component;
36
+ Header: Header.Component;
37
+ Body: Body.Component;
38
+ };
39
+ }
40
+ /** @deprecated It will be removed in v18. */
41
+ export type CardProps = NSCard.Props;
42
+ /** @deprecated It will be removed in v18. */
43
+ export type TitleProps = NSCard.Title.Props;
44
+ export type { NSCard };
package/lib/types/index.d.ts CHANGED
@@ -1,35 +1,2 @@
1
- import React from 'react';
2
- import { UnknownProperties, Intergalactic } from '@semcore/core';
3
- import { Box, BoxProps } from '@semcore/flex-box';
4
- import { Text, TextProps } from '@semcore/typography';
5
-
6
- /** @deprecated */
7
- export interface ITitleProps extends TitleProps, UnknownProperties {}
8
- export type TitleProps = TextProps & {
9
- /**
10
- * Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.
11
- */
12
- innerHint?: React.ReactNode;
13
- /**
14
- * Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.
15
- */
16
- hintAfter?: React.ReactNode;
17
- /**
18
- * Renamed to `hintAfter`
19
- * @deprecated
20
- */
21
- hint?: React.ReactNode;
22
- /** Aria-label for the InnerHint icon */
23
- innerHintAriaLabel?: string;
24
- /** Aria-label for the HintAfter icon */
25
- hintAfterAriaLabel?: string;
26
- };
27
-
28
- declare const Card: Intergalactic.Component<'div', BoxProps> & {
29
- Title: Intergalactic.Component<'div', TitleProps>;
30
- Description: typeof Text;
31
- Header: typeof Box;
32
- Body: typeof Box;
33
- };
34
-
35
- export default Card;
1
+ export { default } from './Card';
2
+ export * from './Card.type';
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-prerelease.0",
4
+ "version": "5.49.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,15 +14,15 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/utils": "4.48.5-prerelease.0",
18
- "@semcore/flex-box": "5.41.4-prerelease.0",
19
- "@semcore/typography": "5.53.2-prerelease.0",
20
- "@semcore/tooltip": "6.49.4-prerelease.0",
21
- "@semcore/button": "5.43.3-prerelease.0",
22
- "@semcore/icon": "4.62.1-prerelease.0"
17
+ "@semcore/utils": "4.49.0-prerelease.0",
18
+ "@semcore/flex-box": "5.42.0-prerelease.0",
19
+ "@semcore/typography": "5.54.0-prerelease.0",
20
+ "@semcore/tooltip": "6.50.0-prerelease.0",
21
+ "@semcore/button": "5.44.0-prerelease.0",
22
+ "@semcore/icon": "4.63.0-prerelease.0"
23
23
  },
24
24
  "peerDependencies": {
25
- "@semcore/core": "^2.39.4-prerelease.0",
25
+ "@semcore/core": "^2.40.0-prerelease.0",
26
26
  "react": "16.8 - 18",
27
27
  "react-dom": "16.8 - 18"
28
28
  },
package/lib/cjs/index.d.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=index.d.js.map
package/lib/cjs/index.d.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Text, TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface ITitleProps extends TitleProps, UnknownProperties {}\nexport type TitleProps = TextProps & {\n /**\n * Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.\n */\n innerHint?: React.ReactNode;\n /**\n * Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.\n */\n hintAfter?: React.ReactNode;\n /**\n * Renamed to `hintAfter`\n * @deprecated\n */\n hint?: React.ReactNode;\n /** Aria-label for the InnerHint icon */\n innerHintAriaLabel?: string;\n /** Aria-label for the HintAfter icon */\n hintAfterAriaLabel?: string;\n};\n\ndeclare const Card: Intergalactic.Component<'div', BoxProps> & {\n Title: Intergalactic.Component<'div', TitleProps>;\n Description: typeof Text;\n Header: typeof Box;\n Body: typeof Box;\n};\n\nexport default Card;\n"],"mappings":""}
package/lib/es6/index.d.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.d.js.map
package/lib/es6/index.d.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Text, TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface ITitleProps extends TitleProps, UnknownProperties {}\nexport type TitleProps = TextProps & {\n /**\n * Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.\n */\n innerHint?: React.ReactNode;\n /**\n * Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.\n */\n hintAfter?: React.ReactNode;\n /**\n * Renamed to `hintAfter`\n * @deprecated\n */\n hint?: React.ReactNode;\n /** Aria-label for the InnerHint icon */\n innerHintAriaLabel?: string;\n /** Aria-label for the HintAfter icon */\n hintAfterAriaLabel?: string;\n};\n\ndeclare const Card: Intergalactic.Component<'div', BoxProps> & {\n Title: Intergalactic.Component<'div', TitleProps>;\n Description: typeof Text;\n Header: typeof Box;\n Body: typeof Box;\n};\n\nexport default Card;\n"],"mappings":""}