@semcore/card 16.1.1 → 16.1.2-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.
- package/CHANGELOG.md +6 -0
- package/README.md +1 -31
- package/lib/cjs/Card.js +26 -26
- package/lib/cjs/Card.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Card.js +24 -23
- package/lib/es6/Card.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/Card.mjs +24 -21
- package/lib/types/index.d.ts +4 -4
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.1.2] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/button` [16.0.1 ~> 16.0.2], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.1.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/card
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import Card from 'intergalactic/card';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/card @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import Card from '@semcore/card';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/Card.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
|
@@ -8,35 +8,37 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
13
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
16
|
var _core = require("@semcore/core");
|
|
15
|
-
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _flexBox = require("@semcore/flex-box");
|
|
17
|
-
var _typography = require("@semcore/typography");
|
|
18
17
|
var _button = require("@semcore/button");
|
|
19
|
-
var _tooltip = require("@semcore/tooltip");
|
|
20
|
-
var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
|
|
21
18
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
19
|
+
var _flexBox = require("@semcore/flex-box");
|
|
20
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
|
|
21
|
+
var _tooltip = require("@semcore/tooltip");
|
|
22
|
+
var _typography = require("@semcore/typography");
|
|
23
|
+
var _react = _interopRequireDefault(require("react"));
|
|
24
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
25
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
23
|
-
var style = (
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCard_130ly_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_130ly_gg_ .___STitle_130ly_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_130ly_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_130ly_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_130ly_gg_,.___SHeader_130ly_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_130ly_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_130ly_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"130ly_gg_"),
|
|
24
27
|
/*__reshadow_css_end__*/
|
|
25
28
|
{
|
|
26
|
-
"__SDescription": "
|
|
27
|
-
"__SHeader": "
|
|
28
|
-
"__SBody": "
|
|
29
|
-
"__SCard": "
|
|
30
|
-
"__STitle": "
|
|
29
|
+
"__SDescription": "___SDescription_130ly_gg_",
|
|
30
|
+
"__SHeader": "___SHeader_130ly_gg_",
|
|
31
|
+
"__SBody": "___SBody_130ly_gg_",
|
|
32
|
+
"__SCard": "___SCard_130ly_gg_",
|
|
33
|
+
"__STitle": "___STitle_130ly_gg_"
|
|
31
34
|
});
|
|
32
35
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
33
|
-
(0, _inherits2["default"])(CardRoot, _Component);
|
|
34
|
-
var _super = (0, _createSuper2["default"])(CardRoot);
|
|
35
36
|
function CardRoot() {
|
|
36
37
|
(0, _classCallCheck2["default"])(this, CardRoot);
|
|
37
|
-
return
|
|
38
|
+
return _callSuper(this, CardRoot, arguments);
|
|
38
39
|
}
|
|
39
|
-
(0,
|
|
40
|
+
(0, _inherits2["default"])(CardRoot, _Component);
|
|
41
|
+
return (0, _createClass2["default"])(CardRoot, [{
|
|
40
42
|
key: "render",
|
|
41
43
|
value: function render() {
|
|
42
44
|
var _ref = this.asProps,
|
|
@@ -50,7 +52,6 @@ var CardRoot = /*#__PURE__*/function (_Component) {
|
|
|
50
52
|
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", {}))));
|
|
51
53
|
}
|
|
52
54
|
}]);
|
|
53
|
-
return CardRoot;
|
|
54
55
|
}(_core.Component);
|
|
55
56
|
(0, _defineProperty2["default"])(CardRoot, "displayName", 'Card');
|
|
56
57
|
(0, _defineProperty2["default"])(CardRoot, "style", style);
|
|
@@ -67,14 +68,14 @@ function Title(props) {
|
|
|
67
68
|
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
69
|
tag: _button.ButtonLink,
|
|
69
70
|
ml: 1,
|
|
70
|
-
use:
|
|
71
|
+
use: "secondary",
|
|
71
72
|
"aria-label": innerHintAriaLabel,
|
|
72
|
-
color:
|
|
73
|
+
color: "--intergalactic-icon-secondary-neutral"
|
|
73
74
|
}, /*#__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
75
|
tag: _button.ButtonLink,
|
|
75
|
-
use:
|
|
76
|
+
use: "secondary",
|
|
76
77
|
"aria-label": hintAfterAriaLabel,
|
|
77
|
-
color:
|
|
78
|
+
color: "--intergalactic-icon-secondary-neutral"
|
|
78
79
|
}, /*#__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)));
|
|
79
80
|
}
|
|
80
81
|
function Description(props) {
|
|
@@ -95,10 +96,10 @@ function Header(props) {
|
|
|
95
96
|
}
|
|
96
97
|
function Body(props) {
|
|
97
98
|
var _ref5 = arguments[0],
|
|
98
|
-
|
|
99
|
+
_ref0;
|
|
99
100
|
var styles = props.styles;
|
|
100
101
|
var SBody = _flexBox.Box;
|
|
101
|
-
return
|
|
102
|
+
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))));
|
|
102
103
|
}
|
|
103
104
|
var Card = (0, _core.createComponent)(CardRoot, {
|
|
104
105
|
Title: Title,
|
|
@@ -106,6 +107,5 @@ var Card = (0, _core.createComponent)(CardRoot, {
|
|
|
106
107
|
Header: Header,
|
|
107
108
|
Body: Body
|
|
108
109
|
});
|
|
109
|
-
var _default = Card;
|
|
110
|
-
exports["default"] = _default;
|
|
110
|
+
var _default = exports["default"] = Card;
|
|
111
111
|
//# sourceMappingURL=Card.js.map
|
package/lib/cjs/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_core","require","_button","_findComponent","_flexBox","_m","_interopRequireDefault","_tooltip","_typography","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","CardRoot","_Component","_classCallCheck2","arguments","_inherits2","_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","_ref0","SBody","createComponent","_default","exports"],"sources":["../../src/Card.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/card.shadow.css';\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 ? (\n <Children />\n )\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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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { Text, TextProps } from '@semcore/typography';\nimport type React from 'react';\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":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
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"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
package/lib/es6/Card.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
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 _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
9
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
10
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
@@ -10,32 +12,32 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
10
12
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
11
13
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
12
14
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
13
|
-
|
|
15
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
16
|
+
import { ButtonLink } from '@semcore/button';
|
|
14
17
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
18
|
+
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
15
19
|
import { Box } from '@semcore/flex-box';
|
|
16
|
-
import { Text } from '@semcore/typography';
|
|
17
|
-
import { ButtonLink } from '@semcore/button';
|
|
18
|
-
import { DescriptionTooltip } from '@semcore/tooltip';
|
|
19
20
|
import InfoM from '@semcore/icon/Info/m';
|
|
21
|
+
import { DescriptionTooltip } from '@semcore/tooltip';
|
|
22
|
+
import { Text } from '@semcore/typography';
|
|
23
|
+
import React from 'react';
|
|
20
24
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
21
|
-
var style = (
|
|
25
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCard_130ly_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_130ly_gg_ .___STitle_130ly_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_130ly_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_130ly_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_130ly_gg_,.___SHeader_130ly_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_130ly_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_130ly_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"130ly_gg_"),
|
|
22
26
|
/*__reshadow_css_end__*/
|
|
23
27
|
{
|
|
24
|
-
"__SDescription": "
|
|
25
|
-
"__SHeader": "
|
|
26
|
-
"__SBody": "
|
|
27
|
-
"__SCard": "
|
|
28
|
-
"__STitle": "
|
|
28
|
+
"__SDescription": "___SDescription_130ly_gg_",
|
|
29
|
+
"__SHeader": "___SHeader_130ly_gg_",
|
|
30
|
+
"__SBody": "___SBody_130ly_gg_",
|
|
31
|
+
"__SCard": "___SCard_130ly_gg_",
|
|
32
|
+
"__STitle": "___STitle_130ly_gg_"
|
|
29
33
|
});
|
|
30
|
-
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
31
34
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
32
|
-
_inherits(CardRoot, _Component);
|
|
33
|
-
var _super = _createSuper(CardRoot);
|
|
34
35
|
function CardRoot() {
|
|
35
36
|
_classCallCheck(this, CardRoot);
|
|
36
|
-
return
|
|
37
|
+
return _callSuper(this, CardRoot, arguments);
|
|
37
38
|
}
|
|
38
|
-
|
|
39
|
+
_inherits(CardRoot, _Component);
|
|
40
|
+
return _createClass(CardRoot, [{
|
|
39
41
|
key: "render",
|
|
40
42
|
value: function render() {
|
|
41
43
|
var _ref = this.asProps,
|
|
@@ -49,7 +51,6 @@ var CardRoot = /*#__PURE__*/function (_Component) {
|
|
|
49
51
|
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
52
|
}
|
|
51
53
|
}]);
|
|
52
|
-
return CardRoot;
|
|
53
54
|
}(Component);
|
|
54
55
|
_defineProperty(CardRoot, "displayName", 'Card');
|
|
55
56
|
_defineProperty(CardRoot, "style", style);
|
|
@@ -66,14 +67,14 @@ function Title(props) {
|
|
|
66
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(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/React.createElement(DescriptionTooltip.Trigger, {
|
|
67
68
|
tag: ButtonLink,
|
|
68
69
|
ml: 1,
|
|
69
|
-
use:
|
|
70
|
+
use: "secondary",
|
|
70
71
|
"aria-label": innerHintAriaLabel,
|
|
71
|
-
color:
|
|
72
|
+
color: "--intergalactic-icon-secondary-neutral"
|
|
72
73
|
}, /*#__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
74
|
tag: ButtonLink,
|
|
74
|
-
use:
|
|
75
|
+
use: "secondary",
|
|
75
76
|
"aria-label": hintAfterAriaLabel,
|
|
76
|
-
color:
|
|
77
|
+
color: "--intergalactic-icon-secondary-neutral"
|
|
77
78
|
}, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(DescriptionTooltip.Popper, null, hintAfter)));
|
|
78
79
|
}
|
|
79
80
|
function Description(props) {
|
|
@@ -94,10 +95,10 @@ function Header(props) {
|
|
|
94
95
|
}
|
|
95
96
|
function Body(props) {
|
|
96
97
|
var _ref5 = arguments[0],
|
|
97
|
-
|
|
98
|
+
_ref0;
|
|
98
99
|
var styles = props.styles;
|
|
99
100
|
var SBody = Box;
|
|
100
|
-
return
|
|
101
|
+
return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref0.cn("SBody", _objectSpread({}, _assignProps5(_objectSpread({}, props), _ref5))));
|
|
101
102
|
}
|
|
102
103
|
var Card = createComponent(CardRoot, {
|
|
103
104
|
Title: Title,
|
package/lib/es6/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["
|
|
1
|
+
{"version":3,"file":"Card.js","names":["ButtonLink","createComponent","Component","sstyled","Root","isAdvanceMode","Box","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","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","_ref0","SBody","_assignProps5"],"sources":["../../src/Card.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport InfoM from '@semcore/icon/Info/m';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/card.shadow.css';\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 ? (\n <Children />\n )\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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","ignoreList":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { Text, TextProps } from '@semcore/typography';\nimport type React from 'react';\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":"","ignoreList":[]}
|
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.js"],"sourcesContent":["export { default } from './Card';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ","ignoreList":[]}
|
package/lib/esm/Card.mjs
CHANGED
|
@@ -1,42 +1,46 @@
|
|
|
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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import {
|
|
8
|
-
import React from "react";
|
|
9
|
-
import { Box } from "@semcore/flex-box";
|
|
10
|
-
import { Text } from "@semcore/typography";
|
|
9
|
+
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
11
10
|
import { ButtonLink } from "@semcore/button";
|
|
12
|
-
import { DescriptionTooltip } from "@semcore/tooltip";
|
|
13
|
-
import InfoM from "@semcore/icon/Info/m";
|
|
14
11
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
12
|
+
import { Box } from "@semcore/flex-box";
|
|
13
|
+
import InfoM from "@semcore/icon/Info/m";
|
|
14
|
+
import { DescriptionTooltip } from "@semcore/tooltip";
|
|
15
|
+
import { Text } from "@semcore/typography";
|
|
16
|
+
import React from "react";
|
|
17
|
+
function _callSuper(t, o, e) {
|
|
18
|
+
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
19
|
+
}
|
|
15
20
|
/*!__reshadow-styles__:"./style/card.shadow.css"*/
|
|
16
21
|
var style = (
|
|
17
22
|
/*__reshadow_css_start__*/
|
|
18
23
|
(sstyled.insert(
|
|
19
24
|
/*__inner_css_start__*/
|
|
20
|
-
'.
|
|
25
|
+
'.___SCard_130ly_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_130ly_gg_ .___STitle_130ly_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_130ly_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_130ly_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_130ly_gg_,.___SHeader_130ly_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_130ly_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_130ly_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}',
|
|
21
26
|
/*__inner_css_end__*/
|
|
22
|
-
"
|
|
27
|
+
"130ly_gg_"
|
|
23
28
|
), /*__reshadow_css_end__*/
|
|
24
29
|
{
|
|
25
|
-
"__SDescription": "
|
|
26
|
-
"__SHeader": "
|
|
27
|
-
"__SBody": "
|
|
28
|
-
"__SCard": "
|
|
29
|
-
"__STitle": "
|
|
30
|
+
"__SDescription": "___SDescription_130ly_gg_",
|
|
31
|
+
"__SHeader": "___SHeader_130ly_gg_",
|
|
32
|
+
"__SBody": "___SBody_130ly_gg_",
|
|
33
|
+
"__SCard": "___SCard_130ly_gg_",
|
|
34
|
+
"__STitle": "___STitle_130ly_gg_"
|
|
30
35
|
})
|
|
31
36
|
);
|
|
32
37
|
var CardRoot = /* @__PURE__ */ function(_Component) {
|
|
33
|
-
_inherits(CardRoot2, _Component);
|
|
34
|
-
var _super = _createSuper(CardRoot2);
|
|
35
38
|
function CardRoot2() {
|
|
36
39
|
_classCallCheck(this, CardRoot2);
|
|
37
|
-
return
|
|
40
|
+
return _callSuper(this, CardRoot2, arguments);
|
|
38
41
|
}
|
|
39
|
-
|
|
42
|
+
_inherits(CardRoot2, _Component);
|
|
43
|
+
return _createClass(CardRoot2, [{
|
|
40
44
|
key: "render",
|
|
41
45
|
value: function render() {
|
|
42
46
|
var _ref = this.asProps, _ref6;
|
|
@@ -46,7 +50,6 @@ var CardRoot = /* @__PURE__ */ function(_Component) {
|
|
|
46
50
|
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", {}))));
|
|
47
51
|
}
|
|
48
52
|
}]);
|
|
49
|
-
return CardRoot2;
|
|
50
53
|
}(Component);
|
|
51
54
|
_defineProperty(CardRoot, "displayName", "Card");
|
|
52
55
|
_defineProperty(CardRoot, "style", style);
|
|
@@ -83,10 +86,10 @@ function Header(props) {
|
|
|
83
86
|
return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref9.cn("SHeader", _objectSpread({}, assignProps(_objectSpread({}, props), _ref4))));
|
|
84
87
|
}
|
|
85
88
|
function Body(props) {
|
|
86
|
-
var _ref5 = arguments[0],
|
|
89
|
+
var _ref5 = arguments[0], _ref0;
|
|
87
90
|
var styles = props.styles;
|
|
88
91
|
var SBody = Box;
|
|
89
|
-
return
|
|
92
|
+
return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref0.cn("SBody", _objectSpread({}, assignProps(_objectSpread({}, props), _ref5))));
|
|
90
93
|
}
|
|
91
94
|
var Card = createComponent(CardRoot, {
|
|
92
95
|
Title,
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
1
|
+
import type { UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { Box, BoxProps } from '@semcore/flex-box';
|
|
3
|
+
import type { Text, TextProps } from '@semcore/typography';
|
|
4
|
+
import type React from 'react';
|
|
5
5
|
|
|
6
6
|
/** @deprecated */
|
|
7
7
|
export interface ITitleProps extends TitleProps, UnknownProperties {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/card",
|
|
3
3
|
"description": "Semrush Card Component",
|
|
4
|
-
"version": "16.1.1",
|
|
4
|
+
"version": "16.1.2-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/typography": "16.1.1",
|
|
18
|
-
"@semcore/tooltip": "16.0.1",
|
|
19
|
-
"@semcore/button": "16.0.1",
|
|
20
|
-
"@semcore/icon": "16.2.
|
|
21
|
-
"@semcore/flex-box": "16.0.1"
|
|
17
|
+
"@semcore/typography": "16.1.2-prerelease.1",
|
|
18
|
+
"@semcore/tooltip": "16.0.2-prerelease.1",
|
|
19
|
+
"@semcore/button": "16.0.2-prerelease.1",
|
|
20
|
+
"@semcore/icon": "16.2.1-prerelease.1",
|
|
21
|
+
"@semcore/flex-box": "16.0.2-prerelease.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.0.
|
|
24
|
+
"@semcore/base-components": "^16.0.2-prerelease.1"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"directory": "semcore/card"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@
|
|
32
|
+
"@semcore/core": "16.0.0",
|
|
33
33
|
"@semcore/testing-utils": "1.0.0",
|
|
34
|
-
"@semcore/typography": "
|
|
35
|
-
"@semcore/icon": "
|
|
34
|
+
"@semcore/typography": "16.1.2-prerelease.1",
|
|
35
|
+
"@semcore/icon": "16.2.1-prerelease.1"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
38
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|