@semcore/card 5.46.1-prerelease.8 → 5.47.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Card.js +6 -6
- package/lib/es6/Card.js +6 -6
- package/lib/esm/Card.mjs +46 -46
- package/package.json +8 -8
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.47.0] - 2025-03-21
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0]).
|
|
10
|
+
|
|
5
11
|
## [5.46.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Card.js
CHANGED
|
@@ -22,12 +22,12 @@ var _tooltip = require("@semcore/tooltip");
|
|
|
22
22
|
var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
|
|
23
23
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
24
24
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SDescription": "
|
|
27
|
-
"__SHeader": "
|
|
28
|
-
"__SBody": "
|
|
29
|
-
"__SCard": "
|
|
30
|
-
"__STitle": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_1cwzj_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_1cwzj_gg_ .___STitle_1cwzj_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_1cwzj_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_1cwzj_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_1cwzj_gg_,.___SHeader_1cwzj_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1cwzj_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_1cwzj_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1cwzj_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SDescription": "___SDescription_1cwzj_gg_",
|
|
27
|
+
"__SHeader": "___SHeader_1cwzj_gg_",
|
|
28
|
+
"__SBody": "___SBody_1cwzj_gg_",
|
|
29
|
+
"__SCard": "___SCard_1cwzj_gg_",
|
|
30
|
+
"__STitle": "___STitle_1cwzj_gg_"
|
|
31
31
|
});
|
|
32
32
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2["default"])(CardRoot, _Component);
|
package/lib/es6/Card.js
CHANGED
|
@@ -18,12 +18,12 @@ import { ButtonLink } from '@semcore/button';
|
|
|
18
18
|
import { DescriptionTooltip } from '@semcore/tooltip';
|
|
19
19
|
import InfoM from '@semcore/icon/Info/m';
|
|
20
20
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SDescription": "
|
|
23
|
-
"__SHeader": "
|
|
24
|
-
"__SBody": "
|
|
25
|
-
"__SCard": "
|
|
26
|
-
"__STitle": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_1cwzj_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_1cwzj_gg_ .___STitle_1cwzj_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_1cwzj_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_1cwzj_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_1cwzj_gg_,.___SHeader_1cwzj_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1cwzj_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_1cwzj_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1cwzj_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SDescription": "___SDescription_1cwzj_gg_",
|
|
23
|
+
"__SHeader": "___SHeader_1cwzj_gg_",
|
|
24
|
+
"__SBody": "___SBody_1cwzj_gg_",
|
|
25
|
+
"__SCard": "___SCard_1cwzj_gg_",
|
|
26
|
+
"__STitle": "___STitle_1cwzj_gg_"
|
|
27
27
|
});
|
|
28
28
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
29
29
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
package/lib/esm/Card.mjs
CHANGED
|
@@ -1,83 +1,83 @@
|
|
|
1
1
|
import c from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import E from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import w from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import z from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import j from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import h from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled as
|
|
8
|
-
import
|
|
7
|
+
import { sstyled as T } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import A, { sstyled as d, assignProps as s, Component as H } from "@semcore/core";
|
|
9
9
|
import r from "react";
|
|
10
10
|
import { Box as x } from "@semcore/flex-box";
|
|
11
11
|
import { Text as S } from "@semcore/typography";
|
|
12
|
-
import { ButtonLink as
|
|
12
|
+
import { ButtonLink as p } from "@semcore/button";
|
|
13
13
|
import { DescriptionTooltip as _ } from "@semcore/tooltip";
|
|
14
14
|
import y from "@semcore/icon/Info/m";
|
|
15
|
-
import { isAdvanceMode as
|
|
16
|
-
var
|
|
15
|
+
import { isAdvanceMode as B } from "@semcore/utils/lib/findComponent";
|
|
16
|
+
var D = (
|
|
17
17
|
/*__reshadow_css_start__*/
|
|
18
|
-
(
|
|
18
|
+
(T.insert(
|
|
19
19
|
/*__inner_css_start__*/
|
|
20
|
-
`.
|
|
20
|
+
`.___SCard_1cwzj_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,
|
|
21
21
|
0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
|
|
22
|
-
)}.
|
|
23
|
-
"
|
|
22
|
+
)}.___SCard_1cwzj_gg_ .___STitle_1cwzj_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_1cwzj_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_1cwzj_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_1cwzj_gg_,.___SHeader_1cwzj_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1cwzj_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_1cwzj_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}`,
|
|
23
|
+
"1cwzj_gg_"
|
|
24
24
|
), {
|
|
25
|
-
__SDescription: "
|
|
26
|
-
__SHeader: "
|
|
27
|
-
__SBody: "
|
|
28
|
-
__SCard: "
|
|
29
|
-
__STitle: "
|
|
25
|
+
__SDescription: "___SDescription_1cwzj_gg_",
|
|
26
|
+
__SHeader: "___SHeader_1cwzj_gg_",
|
|
27
|
+
__SBody: "___SBody_1cwzj_gg_",
|
|
28
|
+
__SCard: "___SCard_1cwzj_gg_",
|
|
29
|
+
__STitle: "___STitle_1cwzj_gg_"
|
|
30
30
|
})
|
|
31
|
-
), u = /* @__PURE__ */ function(
|
|
32
|
-
|
|
33
|
-
var n =
|
|
31
|
+
), u = /* @__PURE__ */ function(a) {
|
|
32
|
+
z(e, a);
|
|
33
|
+
var n = j(e);
|
|
34
34
|
function e() {
|
|
35
35
|
return E(this, e), n.apply(this, arguments);
|
|
36
36
|
}
|
|
37
|
-
return
|
|
37
|
+
return w(e, [{
|
|
38
38
|
key: "render",
|
|
39
39
|
value: function() {
|
|
40
|
-
var
|
|
41
|
-
return
|
|
40
|
+
var t = this.asProps, o, m = x, g = this.asProps, l = g.Children, f = g.styles, b = g.forcedAdvancedMode, C = b || B(l, [v.Header.displayName, v.Body.displayName]);
|
|
41
|
+
return o = d(f), /* @__PURE__ */ r.createElement(m, o.cn("SCard", c({}, s({}, t))), C ? /* @__PURE__ */ r.createElement(l, o.cn("Children", {})) : /* @__PURE__ */ r.createElement(v.Body, null, /* @__PURE__ */ r.createElement(l, o.cn("Children", {}))));
|
|
42
42
|
}
|
|
43
43
|
}]), e;
|
|
44
|
-
}(
|
|
44
|
+
}(H);
|
|
45
45
|
h(u, "displayName", "Card");
|
|
46
|
-
h(u, "style",
|
|
47
|
-
function
|
|
48
|
-
var n = arguments[0], e, i =
|
|
49
|
-
return e = d(i), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(f, e.cn("STitle", c({},
|
|
50
|
-
tag:
|
|
46
|
+
h(u, "style", D);
|
|
47
|
+
function M(a) {
|
|
48
|
+
var n = arguments[0], e, i = a.styles, t = a.innerHint, o = a.Children, m = a.innerHintAriaLabel, g = a.hintAfterAriaLabel, l = a.hintAfter || a.hint, f = S;
|
|
49
|
+
return e = d(i), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(f, e.cn("STitle", c({}, s({}, n))), /* @__PURE__ */ r.createElement(o, e.cn("Children", {})), t && /* @__PURE__ */ r.createElement(_, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(_.Trigger, {
|
|
50
|
+
tag: p,
|
|
51
51
|
ml: 1,
|
|
52
52
|
use: "secondary",
|
|
53
53
|
"aria-label": m,
|
|
54
54
|
color: "--intergalactic-icon-secondary-neutral"
|
|
55
|
-
}, /* @__PURE__ */ r.createElement(
|
|
56
|
-
tag:
|
|
55
|
+
}, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(_.Popper, null, t))), l && /* @__PURE__ */ r.createElement(_, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(_.Trigger, {
|
|
56
|
+
tag: p,
|
|
57
57
|
use: "secondary",
|
|
58
58
|
"aria-label": g,
|
|
59
59
|
color: "--intergalactic-icon-secondary-neutral"
|
|
60
|
-
}, /* @__PURE__ */ r.createElement(
|
|
60
|
+
}, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(_.Popper, null, l)));
|
|
61
61
|
}
|
|
62
|
-
function
|
|
63
|
-
var n = arguments[0], e, i =
|
|
64
|
-
return e = d(i), /* @__PURE__ */ r.createElement(
|
|
62
|
+
function P(a) {
|
|
63
|
+
var n = arguments[0], e, i = a.styles, t = S;
|
|
64
|
+
return e = d(i), /* @__PURE__ */ r.createElement(t, e.cn("SDescription", c({}, s({
|
|
65
65
|
tag: "p"
|
|
66
66
|
}, n))));
|
|
67
67
|
}
|
|
68
|
-
function
|
|
69
|
-
var n = arguments[0], e, i =
|
|
70
|
-
return e = d(i), /* @__PURE__ */ r.createElement(
|
|
68
|
+
function L(a) {
|
|
69
|
+
var n = arguments[0], e, i = a.styles, t = x;
|
|
70
|
+
return e = d(i), /* @__PURE__ */ r.createElement(t, e.cn("SHeader", c({}, s(c({}, a), n))));
|
|
71
71
|
}
|
|
72
|
-
function
|
|
73
|
-
var n = arguments[0], e, i =
|
|
74
|
-
return e = d(i), /* @__PURE__ */ r.createElement(
|
|
72
|
+
function k(a) {
|
|
73
|
+
var n = arguments[0], e, i = a.styles, t = x;
|
|
74
|
+
return e = d(i), /* @__PURE__ */ r.createElement(t, e.cn("SBody", c({}, s(c({}, a), n))));
|
|
75
75
|
}
|
|
76
|
-
var v =
|
|
77
|
-
Title:
|
|
78
|
-
Description:
|
|
79
|
-
Header:
|
|
80
|
-
Body:
|
|
76
|
+
var v = A(u, {
|
|
77
|
+
Title: M,
|
|
78
|
+
Description: P,
|
|
79
|
+
Header: L,
|
|
80
|
+
Body: k
|
|
81
81
|
});
|
|
82
82
|
export {
|
|
83
83
|
v as default
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/card",
|
|
3
3
|
"description": "Semrush Card Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.47.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.1
|
|
18
|
-
"@semcore/flex-box": "5.41.1
|
|
19
|
-
"@semcore/typography": "5.52.1
|
|
20
|
-
"@semcore/tooltip": "6.49.1
|
|
21
|
-
"@semcore/button": "5.
|
|
22
|
-
"@semcore/icon": "4.60.1
|
|
17
|
+
"@semcore/utils": "4.48.1",
|
|
18
|
+
"@semcore/flex-box": "5.41.1",
|
|
19
|
+
"@semcore/typography": "5.52.1",
|
|
20
|
+
"@semcore/tooltip": "6.49.1",
|
|
21
|
+
"@semcore/button": "5.43.0-prerelease.0",
|
|
22
|
+
"@semcore/icon": "4.60.1"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@semcore/core": "^2.
|
|
25
|
+
"@semcore/core": "^2.17.5",
|
|
26
26
|
"react": "16.8 - 18",
|
|
27
27
|
"react-dom": "16.8 - 18"
|
|
28
28
|
},
|