design-zystem 1.0.460 → 1.0.462

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.
Files changed (5) hide show
  1. package/dist/ui/index.d.mts +4 -0
  2. package/dist/ui/index.d.ts +4 -0
  3. package/dist/ui/index.js +6 -4
  4. package/dist/ui/index.mjs +6 -4
  5. package/package.json +1 -1
package/dist/ui/index.d.mts CHANGED
@@ -41,6 +41,8 @@ interface LayoutProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<
41
41
  maxWidth?: string;
42
42
  /** Hauteur explicite (`"320px"`) — pour une zone de taille fixe (aperçu, recadrage). */
43
43
  height?: string;
44
+ /** Hauteur minimale (`"262px"`) — la zone grandit avec son contenu sans descendre en dessous. */
45
+ minHeight?: string;
44
46
  /** Raccourci CSS `flex` (ex. `1`, `2`, `"1 1 0%"`) — pour répartir l'espace entre plusieurs `Layout` côte à côte dans un `Layout row` parent. */
45
47
  flex?: number | string;
46
48
  }
@@ -2175,6 +2177,8 @@ declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeC
2175
2177
  interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
2176
2178
  value: string;
2177
2179
  onChange: (value: string) => void;
2180
+ /** Largeur du champ — un format `HH:mm` n'a pas besoin de s'étirer en pleine largeur. */
2181
+ width?: string;
2178
2182
  }
2179
2183
  /**
2180
2184
  * Champ heure en texte libre (`HH:mm`), icône horloge posée dans le champ —
package/dist/ui/index.d.ts CHANGED
@@ -41,6 +41,8 @@ interface LayoutProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<
41
41
  maxWidth?: string;
42
42
  /** Hauteur explicite (`"320px"`) — pour une zone de taille fixe (aperçu, recadrage). */
43
43
  height?: string;
44
+ /** Hauteur minimale (`"262px"`) — la zone grandit avec son contenu sans descendre en dessous. */
45
+ minHeight?: string;
44
46
  /** Raccourci CSS `flex` (ex. `1`, `2`, `"1 1 0%"`) — pour répartir l'espace entre plusieurs `Layout` côte à côte dans un `Layout row` parent. */
45
47
  flex?: number | string;
46
48
  }
@@ -2175,6 +2177,8 @@ declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeC
2175
2177
  interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
2176
2178
  value: string;
2177
2179
  onChange: (value: string) => void;
2180
+ /** Largeur du champ — un format `HH:mm` n'a pas besoin de s'étirer en pleine largeur. */
2181
+ width?: string;
2178
2182
  }
2179
2183
  /**
2180
2184
  * Champ heure en texte libre (`HH:mm`), icône horloge posée dans le champ —
package/dist/ui/index.js CHANGED
@@ -462,6 +462,7 @@ var Layout = (0, import_react.forwardRef)(
462
462
  width,
463
463
  maxWidth,
464
464
  height,
465
+ minHeight,
465
466
  flex,
466
467
  className,
467
468
  style
@@ -485,6 +486,7 @@ var Layout = (0, import_react.forwardRef)(
485
486
  "width",
486
487
  "maxWidth",
487
488
  "height",
489
+ "minHeight",
488
490
  "flex",
489
491
  "className",
490
492
  "style"
@@ -514,7 +516,7 @@ var Layout = (0, import_react.forwardRef)(
514
516
  }),
515
517
  className
516
518
  ),
517
- style: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), height ? { height } : {}), flex !== void 0 ? { flex } : {}), style)
519
+ style: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), height ? { height } : {}), minHeight ? { minHeight } : {}), flex !== void 0 ? { flex } : {}), style)
518
520
  }, props)
519
521
  );
520
522
  }
@@ -10239,8 +10241,8 @@ var import_jsx_runtime120 = require("react/jsx-runtime");
10239
10241
  var formatDigitsAsTime = (digits) => [digits.slice(0, 2), digits.slice(2, 4)].filter(Boolean).join(":");
10240
10242
  var TimeInput = (0, import_react67.forwardRef)(
10241
10243
  (_a, ref) => {
10242
- var _b = _a, { value, onChange, className } = _b, props = __objRest(_b, ["value", "onChange", "className"]);
10243
- return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative w-full", children: [
10244
+ var _b = _a, { value, onChange, className, width = "110px", style } = _b, props = __objRest(_b, ["value", "onChange", "className", "width", "style"]);
10245
+ return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", style: __spreadValues({ width }, style), children: [
10244
10246
  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
10245
10247
  Input,
10246
10248
  __spreadValues({
@@ -10253,7 +10255,7 @@ var TimeInput = (0, import_react67.forwardRef)(
10253
10255
  const digits = e.target.value.replace(/\D/g, "").slice(0, 4);
10254
10256
  onChange(formatDigitsAsTime(digits));
10255
10257
  },
10256
- className: cn("pr-8", className)
10258
+ className: cn("w-full pr-8", className)
10257
10259
  }, props)
10258
10260
  ),
10259
10261
  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
package/dist/ui/index.mjs CHANGED
@@ -231,6 +231,7 @@ var Layout = forwardRef(
231
231
  width,
232
232
  maxWidth,
233
233
  height,
234
+ minHeight,
234
235
  flex,
235
236
  className,
236
237
  style
@@ -254,6 +255,7 @@ var Layout = forwardRef(
254
255
  "width",
255
256
  "maxWidth",
256
257
  "height",
258
+ "minHeight",
257
259
  "flex",
258
260
  "className",
259
261
  "style"
@@ -283,7 +285,7 @@ var Layout = forwardRef(
283
285
  }),
284
286
  className
285
287
  ),
286
- style: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), height ? { height } : {}), flex !== void 0 ? { flex } : {}), style)
288
+ style: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), height ? { height } : {}), minHeight ? { minHeight } : {}), flex !== void 0 ? { flex } : {}), style)
287
289
  }, props)
288
290
  );
289
291
  }
@@ -10054,8 +10056,8 @@ import { jsx as jsx120, jsxs as jsxs71 } from "react/jsx-runtime";
10054
10056
  var formatDigitsAsTime = (digits) => [digits.slice(0, 2), digits.slice(2, 4)].filter(Boolean).join(":");
10055
10057
  var TimeInput = forwardRef38(
10056
10058
  (_a, ref) => {
10057
- var _b = _a, { value, onChange, className } = _b, props = __objRest(_b, ["value", "onChange", "className"]);
10058
- return /* @__PURE__ */ jsxs71("div", { className: "relative w-full", children: [
10059
+ var _b = _a, { value, onChange, className, width = "110px", style } = _b, props = __objRest(_b, ["value", "onChange", "className", "width", "style"]);
10060
+ return /* @__PURE__ */ jsxs71("div", { className: "relative", style: __spreadValues({ width }, style), children: [
10059
10061
  /* @__PURE__ */ jsx120(
10060
10062
  Input,
10061
10063
  __spreadValues({
@@ -10068,7 +10070,7 @@ var TimeInput = forwardRef38(
10068
10070
  const digits = e.target.value.replace(/\D/g, "").slice(0, 4);
10069
10071
  onChange(formatDigitsAsTime(digits));
10070
10072
  },
10071
- className: cn("pr-8", className)
10073
+ className: cn("w-full pr-8", className)
10072
10074
  }, props)
10073
10075
  ),
10074
10076
  /* @__PURE__ */ jsx120(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.460",
3
+ "version": "1.0.462",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",