@khipu/design-system 0.2.0-alpha.45 → 0.2.0-alpha.47

package/dist/beercss/metadata.json

@@ -1,8 +1,8 @@
 {
   "name": "@khipu/design-system/beercss",
-  "version": "0.2.0-alpha.45",
+  "version": "0.2.0-alpha.47",
   "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
-  "buildDate": "2026-06-12T13:45:44.601Z",
+  "buildDate": "2026-06-12T20:54:48.591Z",
   "includes": {
     "beercss": "4.0.1",
     "khipu-tokens": "latest",
@@ -19,8 +19,8 @@
   },
   "scopeClass": ".kds-theme-root",
   "cdn": {
-    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.45/dist/beercss/khipu-beercss.min.css",
-    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.45/dist/beercss/khipu-beercss.scoped.min.css",
-    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.45/dist/beercss/khipu-beercss.min.js"
+    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.47/dist/beercss/khipu-beercss.min.css",
+    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.47/dist/beercss/khipu-beercss.scoped.min.css",
+    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.47/dist/beercss/khipu-beercss.min.js"
   }
 }

package/dist/index.d.mts

@@ -2763,7 +2763,7 @@ declare const KdsAlert: React__default.ForwardRefExoticComponent<KdsAlertProps &
 /**
  * Custom Khipu typography variants that map to specific design tokens
  */
-type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'muted' | 'link';
+type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'muted' | 'link' | 'strong';
 type ElementTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label';
 interface KdsTypographyProps extends React__default.HTMLAttributes<HTMLElement> {
     /**

package/dist/index.d.ts

@@ -2763,7 +2763,7 @@ declare const KdsAlert: React__default.ForwardRefExoticComponent<KdsAlertProps &
 /**
  * Custom Khipu typography variants that map to specific design tokens
  */
-type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'muted' | 'link';
+type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'muted' | 'link' | 'strong';
 type ElementTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label';
 interface KdsTypographyProps extends React__default.HTMLAttributes<HTMLElement> {
     /**

package/dist/index.js

@@ -1306,7 +1306,18 @@ var KdsSecureLoader = (0, import_react6.forwardRef)(
       message && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "kds-secure-loader-message", children: message })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "kds-secure-loader-spinner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { className: "kds-secure-loader-ring", viewBox: "22 22 44 44", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "44", cy: "44", r: "20.2" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "svg",
+        {
+          className: "kds-secure-loader-ring",
+          viewBox: "22 22 44 44",
+          width: "100",
+          height: "100",
+          fill: "none",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "44", cy: "44", r: "20.2", fill: "none" })
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { className: "material-symbols-outlined kds-secure-loader-lock", "aria-hidden": "true", children: "lock" })
     ] })
   ] })
@@ -1423,7 +1434,8 @@ var variantTag = {
   label: "span",
   "label-small": "span",
   muted: "p",
-  link: "span"
+  link: "span",
+  strong: "span"
 };
 var KdsTypography = (0, import_react11.forwardRef)(
   ({ variant = "body", color, as, children, className, ...props }, ref) => {

package/dist/index.mjs

@@ -1198,7 +1198,18 @@ var KdsSecureLoader = forwardRef6(
       message && /* @__PURE__ */ jsx7("p", { className: "kds-secure-loader-message", children: message })
     ] }),
     /* @__PURE__ */ jsxs5("div", { className: "kds-secure-loader-spinner", children: [
-      /* @__PURE__ */ jsx7("svg", { className: "kds-secure-loader-ring", viewBox: "22 22 44 44", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("circle", { cx: "44", cy: "44", r: "20.2" }) }),
+      /* @__PURE__ */ jsx7(
+        "svg",
+        {
+          className: "kds-secure-loader-ring",
+          viewBox: "22 22 44 44",
+          width: "100",
+          height: "100",
+          fill: "none",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx7("circle", { cx: "44", cy: "44", r: "20.2", fill: "none" })
+        }
+      ),
       /* @__PURE__ */ jsx7("i", { className: "material-symbols-outlined kds-secure-loader-lock", "aria-hidden": "true", children: "lock" })
     ] })
   ] })
@@ -1315,7 +1326,8 @@ var variantTag = {
   label: "span",
   "label-small": "span",
   muted: "p",
-  link: "span"
+  link: "span",
+  strong: "span"
 };
 var KdsTypography = forwardRef10(
   ({ variant = "body", color, as, children, className, ...props }, ref) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khipu/design-system",
-  "version": "0.2.0-alpha.45",
+  "version": "0.2.0-alpha.47",
   "description": "Khipu Design System - UI components and design tokens for the Khipu payment platform",
   "main": "dist/index.js",
   "module": "dist/index.mjs",