@khipu/design-system 0.2.0-alpha.90 → 0.2.0-alpha.91

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.
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@khipu/design-system/beercss",
3
- "version": "0.2.0-alpha.90",
3
+ "version": "0.2.0-alpha.91",
4
4
  "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
5
- "buildDate": "2026-07-02T21:31:51.893Z",
5
+ "buildDate": "2026-07-03T17:19:03.899Z",
6
6
  "includes": {
7
7
  "beercss": "4.0.1",
8
8
  "khipu-tokens": "latest",
@@ -19,8 +19,8 @@
19
19
  },
20
20
  "scopeClass": ".kds-theme-root",
21
21
  "cdn": {
22
- "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.90/dist/beercss/khipu-beercss.min.css",
23
- "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.90/dist/beercss/khipu-beercss.scoped.min.css",
24
- "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.90/dist/beercss/khipu-beercss.min.js"
22
+ "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.91/dist/beercss/khipu-beercss.min.css",
23
+ "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.91/dist/beercss/khipu-beercss.scoped.min.css",
24
+ "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.91/dist/beercss/khipu-beercss.min.js"
25
25
  }
26
26
  }
package/dist/index.js CHANGED
@@ -1531,6 +1531,9 @@ var KdsTypography = (0, import_react12.forwardRef)(
1531
1531
  ref,
1532
1532
  className: (0, import_clsx.clsx)(
1533
1533
  `kds-text-${variant}`,
1534
+ // margin propio en 0 (como MUI Typography): el espaciado lo pone el layout.
1535
+ // El nombre con "margin" exime del auto-espaciado de BeerCSS ([class*='margin']).
1536
+ "kds-margin-0",
1534
1537
  color && color !== "inherit" && `kds-text-${color}`,
1535
1538
  className
1536
1539
  ),
@@ -1898,8 +1901,8 @@ var KdsStatusBlock = (0, import_react23.forwardRef)(
1898
1901
  ({ status, icon, title, description, inline, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { ref, className: (0, import_clsx.clsx)("kds-status-block", inline && "inline", className), "data-status": status, ...props, children: [
1899
1902
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "kds-status-block-icon", children: icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", { className: "material-symbols-outlined", children: icon }) }),
1900
1903
  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
1901
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "kds-status-block-title", children: title }),
1902
- description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "kds-status-block-description", children: description })
1904
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "kds-status-block-title kds-margin-0", children: title }),
1905
+ description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "kds-status-block-description kds-margin-0", children: description })
1903
1906
  ] })
1904
1907
  ] })
1905
1908
  );
package/dist/index.mjs CHANGED
@@ -1416,6 +1416,9 @@ var KdsTypography = forwardRef11(
1416
1416
  ref,
1417
1417
  className: clsx(
1418
1418
  `kds-text-${variant}`,
1419
+ // margin propio en 0 (como MUI Typography): el espaciado lo pone el layout.
1420
+ // El nombre con "margin" exime del auto-espaciado de BeerCSS ([class*='margin']).
1421
+ "kds-margin-0",
1419
1422
  color && color !== "inherit" && `kds-text-${color}`,
1420
1423
  className
1421
1424
  ),
@@ -1783,8 +1786,8 @@ var KdsStatusBlock = forwardRef20(
1783
1786
  ({ status, icon, title, description, inline, className, ...props }, ref) => /* @__PURE__ */ jsxs16("div", { ref, className: clsx("kds-status-block", inline && "inline", className), "data-status": status, ...props, children: [
1784
1787
  /* @__PURE__ */ jsx22("div", { className: "kds-status-block-icon", children: icon && /* @__PURE__ */ jsx22("i", { className: "material-symbols-outlined", children: icon }) }),
1785
1788
  /* @__PURE__ */ jsxs16("div", { children: [
1786
- /* @__PURE__ */ jsx22("h2", { className: "kds-status-block-title", children: title }),
1787
- description && /* @__PURE__ */ jsx22("p", { className: "kds-status-block-description", children: description })
1789
+ /* @__PURE__ */ jsx22("h2", { className: "kds-status-block-title kds-margin-0", children: title }),
1790
+ description && /* @__PURE__ */ jsx22("p", { className: "kds-status-block-description kds-margin-0", children: description })
1788
1791
  ] })
1789
1792
  ] })
1790
1793
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khipu/design-system",
3
- "version": "0.2.0-alpha.90",
3
+ "version": "0.2.0-alpha.91",
4
4
  "description": "Khipu Design System - UI components and design tokens for the Khipu payment platform",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",