@khipu/design-system 0.2.0-alpha.49 → 0.2.0-alpha.50
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.
|
|
3
|
+
"version": "0.2.0-alpha.50",
|
|
4
4
|
"description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
|
|
5
|
-
"buildDate": "2026-06-16T20:
|
|
5
|
+
"buildDate": "2026-06-16T20:37:43.877Z",
|
|
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.
|
|
23
|
-
"cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.
|
|
24
|
-
"js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.
|
|
22
|
+
"css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.50/dist/beercss/khipu-beercss.min.css",
|
|
23
|
+
"cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.50/dist/beercss/khipu-beercss.scoped.min.css",
|
|
24
|
+
"js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.50/dist/beercss/khipu-beercss.min.js"
|
|
25
25
|
}
|
|
26
26
|
}
|
package/dist/index.d.mts
CHANGED
|
@@ -2591,6 +2591,15 @@ interface KdsTextFieldProps extends Omit<React__default.InputHTMLAttributes<HTML
|
|
|
2591
2591
|
* @default 'Mostrar u ocultar contraseña'
|
|
2592
2592
|
*/
|
|
2593
2593
|
revealLabel?: string;
|
|
2594
|
+
/**
|
|
2595
|
+
* Muestra la marca ` *` en la label cuando el campo es `required`.
|
|
2596
|
+
*
|
|
2597
|
+
* El atributo `required` del input se aplica siempre que se pase `required`;
|
|
2598
|
+
* esta prop solo controla la marca visual. Ponla en `false` para campos
|
|
2599
|
+
* requeridos que no deben mostrar asterisco (el requerimiento se comunica de otra forma).
|
|
2600
|
+
* @default true
|
|
2601
|
+
*/
|
|
2602
|
+
requiredMark?: boolean;
|
|
2594
2603
|
}
|
|
2595
2604
|
declare const KdsTextField: React__default.ForwardRefExoticComponent<KdsTextFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
2596
2605
|
|
package/dist/index.d.ts
CHANGED
|
@@ -2591,6 +2591,15 @@ interface KdsTextFieldProps extends Omit<React__default.InputHTMLAttributes<HTML
|
|
|
2591
2591
|
* @default 'Mostrar u ocultar contraseña'
|
|
2592
2592
|
*/
|
|
2593
2593
|
revealLabel?: string;
|
|
2594
|
+
/**
|
|
2595
|
+
* Muestra la marca ` *` en la label cuando el campo es `required`.
|
|
2596
|
+
*
|
|
2597
|
+
* El atributo `required` del input se aplica siempre que se pase `required`;
|
|
2598
|
+
* esta prop solo controla la marca visual. Ponla en `false` para campos
|
|
2599
|
+
* requeridos que no deben mostrar asterisco (el requerimiento se comunica de otra forma).
|
|
2600
|
+
* @default true
|
|
2601
|
+
*/
|
|
2602
|
+
requiredMark?: boolean;
|
|
2594
2603
|
}
|
|
2595
2604
|
declare const KdsTextField: React__default.ForwardRefExoticComponent<KdsTextFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
2596
2605
|
|
package/dist/index.js
CHANGED
|
@@ -1182,6 +1182,7 @@ var KdsTextField = (0, import_react2.forwardRef)(
|
|
|
1182
1182
|
type,
|
|
1183
1183
|
revealable,
|
|
1184
1184
|
revealLabel = "Mostrar u ocultar contrase\xF1a",
|
|
1185
|
+
requiredMark = true,
|
|
1185
1186
|
...props
|
|
1186
1187
|
}, ref) => {
|
|
1187
1188
|
const [revealed, setRevealed] = (0, import_react2.useState)(false);
|
|
@@ -1226,7 +1227,7 @@ var KdsTextField = (0, import_react2.forwardRef)(
|
|
|
1226
1227
|
),
|
|
1227
1228
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: fieldId, children: [
|
|
1228
1229
|
label,
|
|
1229
|
-
required && " *"
|
|
1230
|
+
required && requiredMark && " *"
|
|
1230
1231
|
] }),
|
|
1231
1232
|
readOnly && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: "material-symbols-outlined", children: "lock" }),
|
|
1232
1233
|
isRevealable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
package/dist/index.mjs
CHANGED
|
@@ -1074,6 +1074,7 @@ var KdsTextField = forwardRef2(
|
|
|
1074
1074
|
type,
|
|
1075
1075
|
revealable,
|
|
1076
1076
|
revealLabel = "Mostrar u ocultar contrase\xF1a",
|
|
1077
|
+
requiredMark = true,
|
|
1077
1078
|
...props
|
|
1078
1079
|
}, ref) => {
|
|
1079
1080
|
const [revealed, setRevealed] = useState(false);
|
|
@@ -1118,7 +1119,7 @@ var KdsTextField = forwardRef2(
|
|
|
1118
1119
|
),
|
|
1119
1120
|
/* @__PURE__ */ jsxs2("label", { htmlFor: fieldId, children: [
|
|
1120
1121
|
label,
|
|
1121
|
-
required && " *"
|
|
1122
|
+
required && requiredMark && " *"
|
|
1122
1123
|
] }),
|
|
1123
1124
|
readOnly && /* @__PURE__ */ jsx3("i", { className: "material-symbols-outlined", children: "lock" }),
|
|
1124
1125
|
isRevealable && /* @__PURE__ */ jsx3(
|
package/package.json
CHANGED