@semcore/card 5.46.0-prerelease.4 → 5.46.0

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [5.46.0] - 2025-02-27
+## [5.46.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version minor update due to children dependencies update (`@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/tooltip` [6.47.3 ~> 6.48.0], `@semcore/button` [5.41.2 ~> 5.42.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [5.45.2] - 2025-02-05
 

package/lib/esm/Card.mjs

@@ -0,0 +1,84 @@
+import c from "@babel/runtime/helpers/esm/objectSpread2";
+import E from "@babel/runtime/helpers/esm/classCallCheck";
+import z from "@babel/runtime/helpers/esm/createClass";
+import T from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
+import h from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as H } from "@semcore/utils/lib/core/index";
+import B, { sstyled as d, assignProps as s, Component as D } from "@semcore/core";
+import r from "react";
+import { Box as v } from "@semcore/flex-box";
+import { Text as S } from "@semcore/typography";
+import { ButtonLink as p } from "@semcore/button";
+import { DescriptionTooltip as _ } from "@semcore/tooltip";
+import u from "@semcore/icon/Info/m";
+import { isAdvanceMode as M } from "@semcore/utils/lib/findComponent";
+var P = (
+  /*__reshadow_css_start__*/
+  (H.insert(
+    /*__inner_css_start__*/
+    `.___SCard_y92z1_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,
+    0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
+  )}.___SCard_y92z1_gg_ .___STitle_y92z1_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_y92z1_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_y92z1_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_y92z1_gg_,.___SHeader_y92z1_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_y92z1_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_y92z1_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}`,
+    "y92z1_gg_"
+  ), {
+    __SDescription: "___SDescription_y92z1_gg_",
+    __SHeader: "___SHeader_y92z1_gg_",
+    __SBody: "___SBody_y92z1_gg_",
+    __SCard: "___SCard_y92z1_gg_",
+    __STitle: "___STitle_y92z1_gg_"
+  })
+), x = /* @__PURE__ */ function(a) {
+  T(e, a);
+  var n = A(e);
+  function e() {
+    return E(this, e), n.apply(this, arguments);
+  }
+  return z(e, [{
+    key: "render",
+    value: function() {
+      var t = this.asProps, o, m = v, g = this.asProps, l = g.Children, f = g.styles, b = g.forcedAdvancedMode, C = b || M(l, [y.Header.displayName, y.Body.displayName]);
+      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(y.Body, null, /* @__PURE__ */ r.createElement(l, o.cn("Children", {}))));
+    }
+  }]), e;
+}(D);
+h(x, "displayName", "Card");
+h(x, "style", P);
+function L(a) {
+  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;
+  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, {
+    tag: p,
+    ml: 1,
+    use: "secondary",
+    "aria-label": m,
+    color: "--intergalactic-icon-secondary-neutral"
+  }, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(u, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(_.Popper, null, t))), l && /* @__PURE__ */ r.createElement(_, e.cn("DescriptionTooltip", {}), /* @__PURE__ */ r.createElement(_.Trigger, {
+    tag: p,
+    use: "secondary",
+    "aria-label": g,
+    color: "--intergalactic-icon-secondary-neutral"
+  }, /* @__PURE__ */ r.createElement(p.Addon, null, /* @__PURE__ */ r.createElement(u, e.cn("InfoM", {})))), /* @__PURE__ */ r.createElement(_.Popper, null, l)));
+}
+function k(a) {
+  var n = arguments[0], e, i = a.styles, t = S;
+  return e = d(i), /* @__PURE__ */ r.createElement(t, e.cn("SDescription", c({}, s({
+    tag: "p"
+  }, n))));
+}
+function w(a) {
+  var n = arguments[0], e, i = a.styles, t = v;
+  return e = d(i), /* @__PURE__ */ r.createElement(t, e.cn("SHeader", c({}, s(c({}, a), n))));
+}
+function I(a) {
+  var n = arguments[0], e, i = a.styles, t = v;
+  return e = d(i), /* @__PURE__ */ r.createElement(t, e.cn("SBody", c({}, s(c({}, a), n))));
+}
+var y = B(x, {
+  Title: L,
+  Description: k,
+  Header: w,
+  Body: I
+});
+export {
+  y as default
+};

package/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Card.mjs";
+export {
+  o as default
+};

package/package.json

@@ -1,23 +1,28 @@
 {
   "name": "@semcore/card",
   "description": "Semrush Card Component",
-  "version": "5.46.0-prerelease.4",
+  "version": "5.46.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/utils": "4.47.1-prerelease.4",
-    "@semcore/flex-box": "5.41.0-prerelease.4",
-    "@semcore/typography": "5.52.0-prerelease.4",
-    "@semcore/tooltip": "6.48.0-prerelease.4",
-    "@semcore/button": "5.42.0-prerelease.4",
-    "@semcore/icon": "4.58.0-prerelease.4"
+    "@semcore/utils": "4.48.0",
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/typography": "5.52.0",
+    "@semcore/tooltip": "6.49.0",
+    "@semcore/button": "5.42.0",
+    "@semcore/icon": "4.60.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.4",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -33,6 +38,6 @@
     "@semcore/icon": "*"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);