@khipu/design-system 0.2.0-alpha.84 → 0.2.0-alpha.86

package/dist/beercss/metadata.json

@@ -1,8 +1,8 @@
 {
   "name": "@khipu/design-system/beercss",
-  "version": "0.2.0-alpha.84",
+  "version": "0.2.0-alpha.86",
   "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
-  "buildDate": "2026-07-01T17:49:02.523Z",
+  "buildDate": "2026-07-01T20:05:58.297Z",
   "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.84/dist/beercss/khipu-beercss.min.css",
-    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.84/dist/beercss/khipu-beercss.scoped.min.css",
-    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.84/dist/beercss/khipu-beercss.min.js"
+    "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.86/dist/beercss/khipu-beercss.min.css",
+    "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.86/dist/beercss/khipu-beercss.scoped.min.css",
+    "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.86/dist/beercss/khipu-beercss.min.js"
   }
 }

package/dist/index.d.mts

@@ -368,6 +368,7 @@ declare const fontWeights: {
     readonly bold: 700;
 };
 declare const fontSizes: {
+    readonly '2xs': "0.625rem";
     readonly xs: "0.75rem";
     readonly sm: "0.875rem";
     readonly base: "1rem";
@@ -826,6 +827,7 @@ declare const tokensByMode: {
             readonly bold: 700;
         };
         readonly fontSizes: {
+            readonly '2xs': "0.625rem";
             readonly xs: "0.75rem";
             readonly sm: "0.875rem";
             readonly base: "1rem";
@@ -1132,6 +1134,11 @@ declare const tokensByMode: {
             };
         };
         readonly responsiveBaseFontSizes: {
+            readonly '2xs': {
+                readonly mobile: "0.5625rem";
+                readonly tablet: "0.625rem";
+                readonly desktop: "0.625rem";
+            };
             readonly xs: {
                 readonly mobile: "0.6875rem";
                 readonly tablet: "0.75rem";
@@ -1418,6 +1425,7 @@ declare const tokensByMode: {
             readonly bold: 700;
         };
         readonly fontSizes: {
+            readonly '2xs': "0.625rem";
             readonly xs: "0.75rem";
             readonly sm: "0.875rem";
             readonly base: "1rem";
@@ -1724,6 +1732,11 @@ declare const tokensByMode: {
             };
         };
         readonly responsiveBaseFontSizes: {
+            readonly '2xs': {
+                readonly mobile: "0.5625rem";
+                readonly tablet: "0.625rem";
+                readonly desktop: "0.625rem";
+            };
             readonly xs: {
                 readonly mobile: "0.6875rem";
                 readonly tablet: "0.75rem";
@@ -2019,6 +2032,7 @@ declare const tokens: {
         readonly bold: 700;
     };
     readonly fontSizes: {
+        readonly '2xs': "0.625rem";
         readonly xs: "0.75rem";
         readonly sm: "0.875rem";
         readonly base: "1rem";
@@ -2325,6 +2339,11 @@ declare const tokens: {
         };
     };
     readonly responsiveBaseFontSizes: {
+        readonly '2xs': {
+            readonly mobile: "0.5625rem";
+            readonly tablet: "0.625rem";
+            readonly desktop: "0.625rem";
+        };
         readonly xs: {
             readonly mobile: "0.6875rem";
             readonly tablet: "0.75rem";
@@ -2817,7 +2836,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' | 'strong';
+type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'value' | 'code' | 'caption' | '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

@@ -368,6 +368,7 @@ declare const fontWeights: {
     readonly bold: 700;
 };
 declare const fontSizes: {
+    readonly '2xs': "0.625rem";
     readonly xs: "0.75rem";
     readonly sm: "0.875rem";
     readonly base: "1rem";
@@ -826,6 +827,7 @@ declare const tokensByMode: {
             readonly bold: 700;
         };
         readonly fontSizes: {
+            readonly '2xs': "0.625rem";
             readonly xs: "0.75rem";
             readonly sm: "0.875rem";
             readonly base: "1rem";
@@ -1132,6 +1134,11 @@ declare const tokensByMode: {
             };
         };
         readonly responsiveBaseFontSizes: {
+            readonly '2xs': {
+                readonly mobile: "0.5625rem";
+                readonly tablet: "0.625rem";
+                readonly desktop: "0.625rem";
+            };
             readonly xs: {
                 readonly mobile: "0.6875rem";
                 readonly tablet: "0.75rem";
@@ -1418,6 +1425,7 @@ declare const tokensByMode: {
             readonly bold: 700;
         };
         readonly fontSizes: {
+            readonly '2xs': "0.625rem";
             readonly xs: "0.75rem";
             readonly sm: "0.875rem";
             readonly base: "1rem";
@@ -1724,6 +1732,11 @@ declare const tokensByMode: {
             };
         };
         readonly responsiveBaseFontSizes: {
+            readonly '2xs': {
+                readonly mobile: "0.5625rem";
+                readonly tablet: "0.625rem";
+                readonly desktop: "0.625rem";
+            };
             readonly xs: {
                 readonly mobile: "0.6875rem";
                 readonly tablet: "0.75rem";
@@ -2019,6 +2032,7 @@ declare const tokens: {
         readonly bold: 700;
     };
     readonly fontSizes: {
+        readonly '2xs': "0.625rem";
         readonly xs: "0.75rem";
         readonly sm: "0.875rem";
         readonly base: "1rem";
@@ -2325,6 +2339,11 @@ declare const tokens: {
         };
     };
     readonly responsiveBaseFontSizes: {
+        readonly '2xs': {
+            readonly mobile: "0.5625rem";
+            readonly tablet: "0.625rem";
+            readonly desktop: "0.625rem";
+        };
         readonly xs: {
             readonly mobile: "0.6875rem";
             readonly tablet: "0.75rem";
@@ -2817,7 +2836,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' | 'strong';
+type KdsTypographyVariant = 'display1' | 'display2' | 'heading1' | 'heading2' | 'heading3' | 'body-large' | 'body' | 'body-small' | 'label' | 'label-small' | 'value' | 'code' | 'caption' | '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

@@ -509,6 +509,8 @@ var fontWeights = {
   bold: 700
 };
 var fontSizes = {
+  "2xs": "0.625rem",
+  // 10px — tiny captions (version footer, fine print)
   xs: "0.75rem",
   // 12px
   sm: "0.875rem",
@@ -931,6 +933,8 @@ var responsiveTypography = {
   }
 };
 var responsiveBaseFontSizes = {
+  "2xs": { mobile: "0.5625rem", tablet: "0.625rem", desktop: "0.625rem" },
+  // 9px → 10px
   xs: { mobile: "0.6875rem", tablet: "0.75rem", desktop: "0.75rem" },
   // 11px → 12px
   sm: { mobile: "0.8125rem", tablet: "0.875rem", desktop: "0.875rem" },
@@ -1497,6 +1501,9 @@ var variantTag = {
   "body-small": "p",
   label: "span",
   "label-small": "span",
+  value: "span",
+  code: "span",
+  caption: "span",
   muted: "p",
   link: "span",
   strong: "span"

package/dist/index.mjs

@@ -395,6 +395,8 @@ var fontWeights = {
   bold: 700
 };
 var fontSizes = {
+  "2xs": "0.625rem",
+  // 10px — tiny captions (version footer, fine print)
   xs: "0.75rem",
   // 12px
   sm: "0.875rem",
@@ -817,6 +819,8 @@ var responsiveTypography = {
   }
 };
 var responsiveBaseFontSizes = {
+  "2xs": { mobile: "0.5625rem", tablet: "0.625rem", desktop: "0.625rem" },
+  // 9px → 10px
   xs: { mobile: "0.6875rem", tablet: "0.75rem", desktop: "0.75rem" },
   // 11px → 12px
   sm: { mobile: "0.8125rem", tablet: "0.875rem", desktop: "0.875rem" },
@@ -1383,6 +1387,9 @@ var variantTag = {
   "body-small": "p",
   label: "span",
   "label-small": "span",
+  value: "span",
+  code: "span",
+  caption: "span",
   muted: "p",
   link: "span",
   strong: "span"

package/package.json

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