@semcore/card 5.40.5 → 5.41.0-prerelease.1

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Card.js +19 -22
  3. package/lib/cjs/Card.js.map +1 -1
  4. package/lib/cjs/style/card.shadow.css +13 -15
  5. package/lib/es6/Card.js +19 -22
  6. package/lib/es6/Card.js.map +1 -1
  7. package/lib/es6/style/card.shadow.css +13 -15
  8. package/package.json +8 -7
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.41.0] - 2024-08-29
6
+
7
+ ### Changed
8
+
9
+ - Render hints in header with `ButtonLink` component.
10
+
5
11
  ## [5.40.5] - 2024-09-06
6
12
 
7
13
  ### Changed
package/lib/cjs/Card.js CHANGED
@@ -17,18 +17,17 @@ var _core = _interopRequireWildcard(require("@semcore/core"));
17
17
  var _react = _interopRequireDefault(require("react"));
18
18
  var _flexBox = require("@semcore/flex-box");
19
19
  var _typography = require("@semcore/typography");
20
+ var _button = require("@semcore/button");
20
21
  var _tooltip = require("@semcore/tooltip");
21
22
  var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
22
23
  var _findComponent = require("@semcore/utils/lib/findComponent");
23
24
  /*__reshadow-styles__:"./style/card.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_1qu85_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 )}.___SIcon_1qu85_gg_,.___STitle_1qu85_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1qu85_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)}.___SIcon_1qu85_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1qu85_gg_{vertical-align:middle}.___SDescription_1qu85_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_1qu85_gg_,.___SHeader_1qu85_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1qu85_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_1qu85_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1qu85_gg_") /*__reshadow_css_end__*/, {
25
- "__SCard": "___SCard_1qu85_gg_",
26
- "__STitle": "___STitle_1qu85_gg_",
27
- "__SIcon": "___SIcon_1qu85_gg_",
28
- "__STooltip": "___STooltip_1qu85_gg_",
29
- "__SDescription": "___SDescription_1qu85_gg_",
30
- "__SHeader": "___SHeader_1qu85_gg_",
31
- "__SBody": "___SBody_1qu85_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_1c81w_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_1c81w_gg_ .___STitle_1c81w_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_1c81w_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_1c81w_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_1c81w_gg_,.___SHeader_1c81w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1c81w_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_1c81w_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1c81w_gg_") /*__reshadow_css_end__*/, {
26
+ "__SDescription": "___SDescription_1c81w_gg_",
27
+ "__SHeader": "___SHeader_1c81w_gg_",
28
+ "__SBody": "___SBody_1c81w_gg_",
29
+ "__SCard": "___SCard_1c81w_gg_",
30
+ "__STitle": "___STitle_1c81w_gg_"
32
31
  });
33
32
  var CardRoot = /*#__PURE__*/function (_Component) {
34
33
  (0, _inherits2["default"])(CardRoot, _Component);
@@ -65,20 +64,18 @@ function Title(props) {
65
64
  hintAfterAriaLabel = props.hintAfterAriaLabel;
66
65
  var hintAfter = props.hintAfter || props.hint;
67
66
  var STitle = _typography.Text;
68
- var SIcon = _m["default"];
69
- var STooltip = _tooltip.DescriptionTooltip;
70
- 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(STooltip, _ref7.cn("STooltip", {
71
- "ml": 1,
72
- "title": innerHint,
73
- "aria-label": innerHintAriaLabel
74
- }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {
75
- "interactive": true
76
- })))), hintAfter && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
77
- "title": hintAfter,
78
- "aria-label": hintAfterAriaLabel
79
- }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {
80
- "interactive": true
81
- }))));
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(_tooltip.DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.DescriptionTooltip.Trigger, {
68
+ tag: _button.ButtonLink,
69
+ ml: 1,
70
+ use: 'secondary',
71
+ "aria-label": innerHintAriaLabel,
72
+ color: '--intergalactic-icon-secondary-neutral'
73
+ }, /*#__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, {
74
+ tag: _button.ButtonLink,
75
+ use: 'secondary',
76
+ "aria-label": hintAfterAriaLabel,
77
+ color: '--intergalactic-icon-secondary-neutral'
78
+ }, /*#__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)));
82
79
  }
83
80
  function Description(props) {
84
81
  var _ref3 = arguments[0],
package/lib/cjs/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_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","SIcon","InfoM","STooltip","DescriptionTooltip","Fragment","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 { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\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 const SIcon = InfoM;\n const STooltip = DescriptionTooltip;\n return sstyled(styles)(\n <>\n <STitle render={Text}>\n <Children />\n {innerHint && (\n <STooltip ml={1} title={innerHint} aria-label={innerHintAriaLabel}>\n <SIcon interactive />\n </STooltip>\n )}\n </STitle>\n {hintAfter && (\n <STooltip title={hintAfter} aria-label={hintAfterAriaLabel}>\n <SIcon interactive />\n </STooltip>\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","_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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"}
package/lib/cjs/style/card.shadow.css CHANGED
@@ -8,23 +8,21 @@ SCard {
8
8
  --intergalactic-box-shadow-card,
9
9
  0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
10
10
  );
11
- }
12
11
 
13
- STitle {
14
- color: var(--intergalactic-text-primary, #191b23);
15
- font-size: var(--intergalactic-fs-300, 16px);
16
- line-height: var(--intergalactic-lh-300, 150%);
17
- font-weight: var(--intergalactic-bold, 700);
18
- margin-right: var(--intergalactic-spacing-1x, 4px);
19
- }
12
+ STitle {
13
+ color: var(--intergalactic-text-primary, #191b23);
14
+ font-size: var(--intergalactic-fs-300, 16px);
15
+ line-height: var(--intergalactic-lh-300, 150%);
16
+ font-weight: var(--intergalactic-bold, 700);
17
+ margin-right: var(--intergalactic-spacing-1x, 4px);
18
+ }
20
19
 
21
- SIcon {
22
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
23
- cursor: help;
24
- margin-right: var(--intergalactic-spacing-1x, 4px);
25
- }
26
- STooltip {
27
- vertical-align: middle;
20
+ [data-ui-name='DescriptionTooltip.Trigger'] {
21
+ margin-right: var(--intergalactic-spacing-1x, 4px);
22
+ line-height: normal;
23
+ vertical-align: top;
24
+ margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
25
+ }
28
26
  }
29
27
 
30
28
  SDescription {
package/lib/es6/Card.js CHANGED
@@ -14,17 +14,16 @@ import React from 'react';
14
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
+ import { ButtonLink } from '@semcore/button';
17
18
  import { DescriptionTooltip } from '@semcore/tooltip';
18
19
  import InfoM from '@semcore/icon/Info/m';
19
20
  /*__reshadow-styles__:"./style/card.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_1qu85_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 )}.___SIcon_1qu85_gg_,.___STitle_1qu85_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1qu85_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)}.___SIcon_1qu85_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1qu85_gg_{vertical-align:middle}.___SDescription_1qu85_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_1qu85_gg_,.___SHeader_1qu85_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1qu85_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_1qu85_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1qu85_gg_") /*__reshadow_css_end__*/, {
21
- "__SCard": "___SCard_1qu85_gg_",
22
- "__STitle": "___STitle_1qu85_gg_",
23
- "__SIcon": "___SIcon_1qu85_gg_",
24
- "__STooltip": "___STooltip_1qu85_gg_",
25
- "__SDescription": "___SDescription_1qu85_gg_",
26
- "__SHeader": "___SHeader_1qu85_gg_",
27
- "__SBody": "___SBody_1qu85_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_1c81w_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_1c81w_gg_ .___STitle_1c81w_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_1c81w_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_1c81w_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_1c81w_gg_,.___SHeader_1c81w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1c81w_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_1c81w_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1c81w_gg_") /*__reshadow_css_end__*/, {
22
+ "__SDescription": "___SDescription_1c81w_gg_",
23
+ "__SHeader": "___SHeader_1c81w_gg_",
24
+ "__SBody": "___SBody_1c81w_gg_",
25
+ "__SCard": "___SCard_1c81w_gg_",
26
+ "__STitle": "___STitle_1c81w_gg_"
28
27
  });
29
28
  import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
30
29
  var CardRoot = /*#__PURE__*/function (_Component) {
@@ -62,20 +61,18 @@ function Title(props) {
62
61
  hintAfterAriaLabel = props.hintAfterAriaLabel;
63
62
  var hintAfter = props.hintAfter || props.hint;
64
63
  var STitle = Text;
65
- var SIcon = InfoM;
66
- var STooltip = DescriptionTooltip;
67
- 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(STooltip, _ref7.cn("STooltip", {
68
- "ml": 1,
69
- "title": innerHint,
70
- "aria-label": innerHintAriaLabel
71
- }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {
72
- "interactive": true
73
- })))), hintAfter && /*#__PURE__*/React.createElement(STooltip, _ref7.cn("STooltip", {
74
- "title": hintAfter,
75
- "aria-label": hintAfterAriaLabel
76
- }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {
77
- "interactive": true
78
- }))));
64
+ 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, {
65
+ tag: ButtonLink,
66
+ ml: 1,
67
+ use: 'secondary',
68
+ "aria-label": innerHintAriaLabel,
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, innerHint))), hintAfter && /*#__PURE__*/React.createElement(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/React.createElement(DescriptionTooltip.Trigger, {
71
+ tag: ButtonLink,
72
+ use: 'secondary',
73
+ "aria-label": hintAfterAriaLabel,
74
+ color: '--intergalactic-icon-secondary-neutral'
75
+ }, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(DescriptionTooltip.Popper, null, hintAfter)));
79
76
  }
80
77
  function Description(props) {
81
78
  var _ref3 = arguments[0],
package/lib/es6/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","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","SIcon","STooltip","Fragment","_assignProps2","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 { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\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 const SIcon = InfoM;\n const STooltip = DescriptionTooltip;\n return sstyled(styles)(\n <>\n <STitle render={Text}>\n <Children />\n {innerHint && (\n <STooltip ml={1} title={innerHint} aria-label={innerHintAriaLabel}>\n <SIcon interactive />\n </STooltip>\n )}\n </STitle>\n {hintAfter && (\n <STooltip title={hintAfter} aria-label={hintAfterAriaLabel}>\n <SIcon interactive />\n </STooltip>\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/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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"}
package/lib/es6/style/card.shadow.css CHANGED
@@ -8,23 +8,21 @@ SCard {
8
8
  --intergalactic-box-shadow-card,
9
9
  0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
10
10
  );
11
- }
12
11
 
13
- STitle {
14
- color: var(--intergalactic-text-primary, #191b23);
15
- font-size: var(--intergalactic-fs-300, 16px);
16
- line-height: var(--intergalactic-lh-300, 150%);
17
- font-weight: var(--intergalactic-bold, 700);
18
- margin-right: var(--intergalactic-spacing-1x, 4px);
19
- }
12
+ STitle {
13
+ color: var(--intergalactic-text-primary, #191b23);
14
+ font-size: var(--intergalactic-fs-300, 16px);
15
+ line-height: var(--intergalactic-lh-300, 150%);
16
+ font-weight: var(--intergalactic-bold, 700);
17
+ margin-right: var(--intergalactic-spacing-1x, 4px);
18
+ }
20
19
 
21
- SIcon {
22
- color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
23
- cursor: help;
24
- margin-right: var(--intergalactic-spacing-1x, 4px);
25
- }
26
- STooltip {
27
- vertical-align: middle;
20
+ [data-ui-name='DescriptionTooltip.Trigger'] {
21
+ margin-right: var(--intergalactic-spacing-1x, 4px);
22
+ line-height: normal;
23
+ vertical-align: top;
24
+ margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
25
+ }
28
26
  }
29
27
 
30
28
  SDescription {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/card",
3
3
  "description": "Semrush Card Component",
4
- "version": "5.40.5",
4
+ "version": "5.41.0-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,14 +9,15 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/utils": "4.35.0",
13
- "@semcore/flex-box": "5.32.0",
14
- "@semcore/typography": "5.41.1",
15
- "@semcore/tooltip": "6.41.0",
16
- "@semcore/icon": "4.44.1"
12
+ "@semcore/utils": "4.36.0-prerelease.1",
13
+ "@semcore/flex-box": "5.33.0-prerelease.1",
14
+ "@semcore/typography": "5.42.0-prerelease.1",
15
+ "@semcore/tooltip": "6.42.0-prerelease.1",
16
+ "@semcore/button": "5.37.0-prerelease.1",
17
+ "@semcore/icon": "4.45.0-prerelease.1"
17
18
  },
18
19
  "peerDependencies": {
19
- "@semcore/core": "^2.17.5",
20
+ "@semcore/core": "^2.31.0-prerelease.1",
20
21
  "react": "16.8 - 18",
21
22
  "react-dom": "16.8 - 18"
22
23
  },