@semcore/card 5.46.0-prerelease.9 → 5.46.1-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 +8 -2
- package/lib/cjs/Card.js +6 -6
- package/lib/es6/Card.js +6 -6
- package/lib/esm/Card.mjs +84 -0
- package/lib/esm/index.mjs +4 -0
- package/package.json +14 -9
- package/vite.config.ts +17 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.46.
|
|
5
|
+
## [5.46.1] - 2025-03-17
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/button` [5.42.0 ~> 5.42.1]).
|
|
10
|
+
|
|
11
|
+
## [5.46.0] - 2025-03-14
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Build for ESM.
|
|
10
16
|
|
|
11
17
|
## [5.45.2] - 2025-02-05
|
|
12
18
|
|
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_1lt2p_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_1lt2p_gg_ .___STitle_1lt2p_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_1lt2p_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_1lt2p_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_1lt2p_gg_,.___SHeader_1lt2p_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1lt2p_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_1lt2p_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1lt2p_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SDescription": "___SDescription_1lt2p_gg_",
|
|
27
|
+
"__SHeader": "___SHeader_1lt2p_gg_",
|
|
28
|
+
"__SBody": "___SBody_1lt2p_gg_",
|
|
29
|
+
"__SCard": "___SCard_1lt2p_gg_",
|
|
30
|
+
"__STitle": "___STitle_1lt2p_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_1lt2p_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_1lt2p_gg_ .___STitle_1lt2p_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_1lt2p_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_1lt2p_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_1lt2p_gg_,.___SHeader_1lt2p_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1lt2p_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_1lt2p_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1lt2p_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SDescription": "___SDescription_1lt2p_gg_",
|
|
23
|
+
"__SHeader": "___SHeader_1lt2p_gg_",
|
|
24
|
+
"__SBody": "___SBody_1lt2p_gg_",
|
|
25
|
+
"__SCard": "___SCard_1lt2p_gg_",
|
|
26
|
+
"__STitle": "___STitle_1lt2p_gg_"
|
|
27
27
|
});
|
|
28
28
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
29
29
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
package/lib/esm/Card.mjs
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import c from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import E from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import T from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import A from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import H from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import h from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled as B } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import D, { sstyled as d, assignProps as p, Component as M } from "@semcore/core";
|
|
9
|
+
import r from "react";
|
|
10
|
+
import { Box as x } from "@semcore/flex-box";
|
|
11
|
+
import { Text as S } from "@semcore/typography";
|
|
12
|
+
import { ButtonLink as s } from "@semcore/button";
|
|
13
|
+
import { DescriptionTooltip as _ } from "@semcore/tooltip";
|
|
14
|
+
import y from "@semcore/icon/Info/m";
|
|
15
|
+
import { isAdvanceMode as P } from "@semcore/utils/lib/findComponent";
|
|
16
|
+
var L = (
|
|
17
|
+
/*__reshadow_css_start__*/
|
|
18
|
+
(B.insert(
|
|
19
|
+
/*__inner_css_start__*/
|
|
20
|
+
`.___SCard_1lt2p_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
|
+
0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
|
|
22
|
+
)}.___SCard_1lt2p_gg_ .___STitle_1lt2p_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_1lt2p_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_1lt2p_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_1lt2p_gg_,.___SHeader_1lt2p_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1lt2p_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_1lt2p_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}`,
|
|
23
|
+
"1lt2p_gg_"
|
|
24
|
+
), {
|
|
25
|
+
__SDescription: "___SDescription_1lt2p_gg_",
|
|
26
|
+
__SHeader: "___SHeader_1lt2p_gg_",
|
|
27
|
+
__SBody: "___SBody_1lt2p_gg_",
|
|
28
|
+
__SCard: "___SCard_1lt2p_gg_",
|
|
29
|
+
__STitle: "___STitle_1lt2p_gg_"
|
|
30
|
+
})
|
|
31
|
+
), u = /* @__PURE__ */ function(t) {
|
|
32
|
+
A(e, t);
|
|
33
|
+
var n = H(e);
|
|
34
|
+
function e() {
|
|
35
|
+
return E(this, e), n.apply(this, arguments);
|
|
36
|
+
}
|
|
37
|
+
return T(e, [{
|
|
38
|
+
key: "render",
|
|
39
|
+
value: function() {
|
|
40
|
+
var a = this.asProps, l, m = x, g = this.asProps, o = g.Children, f = g.styles, b = g.forcedAdvancedMode, C = b || P(o, [v.Header.displayName, v.Body.displayName]);
|
|
41
|
+
return l = d(f), /* @__PURE__ */ r.createElement(m, l.cn("SCard", c({}, p({}, a))), C ? /* @__PURE__ */ r.createElement(o, l.cn("Children", {})) : /* @__PURE__ */ r.createElement(v.Body, null, /* @__PURE__ */ r.createElement(o, l.cn("Children", {}))));
|
|
42
|
+
}
|
|
43
|
+
}]), e;
|
|
44
|
+
}(M);
|
|
45
|
+
h(u, "displayName", "Card");
|
|
46
|
+
h(u, "style", L);
|
|
47
|
+
function k(t) {
|
|
48
|
+
var n = arguments[0], e, i = t.styles, a = t.innerHint, l = t.Children, m = t.innerHintAriaLabel, g = t.hintAfterAriaLabel, o = t.hintAfter || t.hint, f = S;
|
|
49
|
+
return e = d(i), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(f, e.cn("STitle", c({}, p({}, n))), /* @__PURE__ */ r.createElement(l, e.cn("Children", {})), a && /* @__PURE__ */ r.createElement(_, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(_.Trigger, {
|
|
50
|
+
tag: s,
|
|
51
|
+
ml: 1,
|
|
52
|
+
use: "secondary",
|
|
53
|
+
"aria-label": m,
|
|
54
|
+
color: "--intergalactic-icon-secondary-neutral"
|
|
55
|
+
}, /* @__PURE__ */ r.createElement(s.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(_.Popper, null, a))), o && /* @__PURE__ */ r.createElement(_, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(_.Trigger, {
|
|
56
|
+
tag: s,
|
|
57
|
+
use: "secondary",
|
|
58
|
+
"aria-label": g,
|
|
59
|
+
color: "--intergalactic-icon-secondary-neutral"
|
|
60
|
+
}, /* @__PURE__ */ r.createElement(s.Addon, null, /* @__PURE__ */ r.createElement(y, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(_.Popper, null, o)));
|
|
61
|
+
}
|
|
62
|
+
function w(t) {
|
|
63
|
+
var n = arguments[0], e, i = t.styles, a = S;
|
|
64
|
+
return e = d(i), /* @__PURE__ */ r.createElement(a, e.cn("SDescription", c({}, p({
|
|
65
|
+
tag: "p"
|
|
66
|
+
}, n))));
|
|
67
|
+
}
|
|
68
|
+
function z(t) {
|
|
69
|
+
var n = arguments[0], e, i = t.styles, a = x;
|
|
70
|
+
return e = d(i), /* @__PURE__ */ r.createElement(a, e.cn("SHeader", c({}, p(c({}, t), n))));
|
|
71
|
+
}
|
|
72
|
+
function I(t) {
|
|
73
|
+
var n = arguments[0], e, i = t.styles, a = x;
|
|
74
|
+
return e = d(i), /* @__PURE__ */ r.createElement(a, e.cn("SBody", c({}, p(c({}, t), n))));
|
|
75
|
+
}
|
|
76
|
+
var v = D(u, {
|
|
77
|
+
Title: k,
|
|
78
|
+
Description: w,
|
|
79
|
+
Header: z,
|
|
80
|
+
Body: I
|
|
81
|
+
});
|
|
82
|
+
export {
|
|
83
|
+
v as default
|
|
84
|
+
};
|
package/package.json
CHANGED
|
@@ -1,23 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/card",
|
|
3
3
|
"description": "Semrush Card Component",
|
|
4
|
-
"version": "5.46.
|
|
4
|
+
"version": "5.46.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
|
+
"exports": {
|
|
12
|
+
"require": "./lib/cjs/index.js",
|
|
13
|
+
"import": "./lib/esm/index.mjs",
|
|
14
|
+
"types": "./lib/types/index.d.ts"
|
|
15
|
+
},
|
|
11
16
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/flex-box": "5.41.
|
|
14
|
-
"@semcore/typography": "5.52.
|
|
15
|
-
"@semcore/tooltip": "6.
|
|
16
|
-
"@semcore/button": "5.42.
|
|
17
|
-
"@semcore/icon": "4.
|
|
17
|
+
"@semcore/utils": "4.48.1-prerelease.0",
|
|
18
|
+
"@semcore/flex-box": "5.41.1-prerelease.0",
|
|
19
|
+
"@semcore/typography": "5.52.1-prerelease.0",
|
|
20
|
+
"@semcore/tooltip": "6.49.1-prerelease.0",
|
|
21
|
+
"@semcore/button": "5.42.1-prerelease.0",
|
|
22
|
+
"@semcore/icon": "4.60.1-prerelease.0"
|
|
18
23
|
},
|
|
19
24
|
"peerDependencies": {
|
|
20
|
-
"@semcore/core": "^2.39.
|
|
25
|
+
"@semcore/core": "^2.39.1-prerelease.0",
|
|
21
26
|
"react": "16.8 - 18",
|
|
22
27
|
"react-dom": "16.8 - 18"
|
|
23
28
|
},
|
|
@@ -33,6 +38,6 @@
|
|
|
33
38
|
"@semcore/icon": "*"
|
|
34
39
|
},
|
|
35
40
|
"scripts": {
|
|
36
|
-
"build": "pnpm semcore-builder --source=js"
|
|
41
|
+
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|
|
37
42
|
}
|
|
38
43
|
}
|
package/vite.config.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineConfig, mergeConfig } from 'vite';
|
|
2
|
+
|
|
3
|
+
import viteConfig from '../../commonVite.config';
|
|
4
|
+
|
|
5
|
+
export default mergeConfig(
|
|
6
|
+
viteConfig,
|
|
7
|
+
defineConfig({
|
|
8
|
+
build: {
|
|
9
|
+
lib: {
|
|
10
|
+
entry: './src/index.js',
|
|
11
|
+
},
|
|
12
|
+
rollupOptions: {
|
|
13
|
+
external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
}),
|
|
17
|
+
);
|