@khipu/design-system 0.2.0-alpha.58 → 0.2.0-alpha.59

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.58",
3
+ "version": "0.2.0-alpha.59",
4
4
  "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
5
- "buildDate": "2026-06-18T17:41:52.502Z",
5
+ "buildDate": "2026-06-19T14:28:24.715Z",
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.58/dist/beercss/khipu-beercss.min.css",
23
- "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.58/dist/beercss/khipu-beercss.scoped.min.css",
24
- "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.58/dist/beercss/khipu-beercss.min.js"
22
+ "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.59/dist/beercss/khipu-beercss.min.css",
23
+ "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.59/dist/beercss/khipu-beercss.scoped.min.css",
24
+ "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.59/dist/beercss/khipu-beercss.min.js"
25
25
  }
26
26
  }
package/dist/index.d.mts CHANGED
@@ -2573,6 +2573,12 @@ interface KdsTextFieldProps extends Omit<React__default.InputHTMLAttributes<HTML
2573
2573
  error?: boolean;
2574
2574
  /** Full width (default: true). */
2575
2575
  fullWidth?: boolean;
2576
+ /**
2577
+ * Variante angosta: el field toma un ancho reducido con el texto centrado, y
2578
+ * deja de ser fullWidth. Pensado para inputs de pocos caracteres dispuestos en
2579
+ * fila (ej. segmentos de coordenadas, código de verificación).
2580
+ */
2581
+ narrow?: boolean;
2576
2582
  /** Material Symbol al inicio del input (aplica clase `.prefix`). */
2577
2583
  startIcon?: string;
2578
2584
  /** Material Symbol al final del input (aplica clase `.suffix`). */
package/dist/index.d.ts CHANGED
@@ -2573,6 +2573,12 @@ interface KdsTextFieldProps extends Omit<React__default.InputHTMLAttributes<HTML
2573
2573
  error?: boolean;
2574
2574
  /** Full width (default: true). */
2575
2575
  fullWidth?: boolean;
2576
+ /**
2577
+ * Variante angosta: el field toma un ancho reducido con el texto centrado, y
2578
+ * deja de ser fullWidth. Pensado para inputs de pocos caracteres dispuestos en
2579
+ * fila (ej. segmentos de coordenadas, código de verificación).
2580
+ */
2581
+ narrow?: boolean;
2576
2582
  /** Material Symbol al inicio del input (aplica clase `.prefix`). */
2577
2583
  startIcon?: string;
2578
2584
  /** Material Symbol al final del input (aplica clase `.suffix`). */
package/dist/index.js CHANGED
@@ -1174,6 +1174,7 @@ var KdsTextField = (0, import_react2.forwardRef)(
1174
1174
  helperText,
1175
1175
  error,
1176
1176
  fullWidth = true,
1177
+ narrow = false,
1177
1178
  readOnly,
1178
1179
  startIcon,
1179
1180
  endIcon,
@@ -1209,7 +1210,8 @@ var KdsTextField = (0, import_react2.forwardRef)(
1209
1210
  hasSuffix && "suffix",
1210
1211
  error && "invalid",
1211
1212
  readOnly && "locked",
1212
- fullWidth && "kds-w-full",
1213
+ fullWidth && !narrow && "kds-w-full",
1214
+ narrow && "kds-field--narrow",
1213
1215
  className
1214
1216
  ),
1215
1217
  children: [
package/dist/index.mjs CHANGED
@@ -1065,6 +1065,7 @@ var KdsTextField = forwardRef2(
1065
1065
  helperText,
1066
1066
  error,
1067
1067
  fullWidth = true,
1068
+ narrow = false,
1068
1069
  readOnly,
1069
1070
  startIcon,
1070
1071
  endIcon,
@@ -1100,7 +1101,8 @@ var KdsTextField = forwardRef2(
1100
1101
  hasSuffix && "suffix",
1101
1102
  error && "invalid",
1102
1103
  readOnly && "locked",
1103
- fullWidth && "kds-w-full",
1104
+ fullWidth && !narrow && "kds-w-full",
1105
+ narrow && "kds-field--narrow",
1104
1106
  className
1105
1107
  ),
1106
1108
  children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khipu/design-system",
3
- "version": "0.2.0-alpha.58",
3
+ "version": "0.2.0-alpha.59",
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",