aidos-ui 3.0.10 → 3.0.11

package/dist/BaseInput.d.ts

@@ -5,7 +5,6 @@ export interface BaseInputProps extends React.InputHTMLAttributes<HTMLInputEleme
     className?: undefined;
     size?: undefined;
     children?: undefined;
-    id?: undefined;
     label?: ReactNode;
     labelSize?: Size;
     labelColor?: TextColor;

package/dist/BaseInput.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import React, { useId } from "react";
 import { jss } from "./jss";
 import { Label } from "./Text";
-export const BaseInput = React.forwardRef(({ jsStyle, label, labelPosition = "end", labelSize, labelColor, labelBold, ...otherProps }, ref) => {
-    const id = useId();
+export const BaseInput = React.forwardRef(({ jsStyle, label, labelPosition = "end", labelSize, labelColor, labelBold, id: propId, ...otherProps }, ref) => {
+    const hookid = useId();
+    const id = propId ?? hookid;
     const labelElement = (_jsx(Label, { size: labelSize, bold: labelBold, color: labelColor, jsStyle: {
             display: "flex",
             alignItems: "center",

package/dist/BaseInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","sourceRoot":"","sources":["../src/BaseInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAA4B,GAAG,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAgB/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,OAAO,EACP,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,UAAU,EACV,SAAS,EACT,GAAG,UAAU,EACE,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,YAAY,GAAG,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,EACD,OAAO,EAAE,EAAE,YAEV,KAAK,GACA,CACT,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,IAAI,aAAa,KAAK,OAAO,IAAI,YAAY,EACnD,gBAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,KAAM,UAAU,GAAI,EACnE,KAAK,IAAI,aAAa,KAAK,KAAK,IAAI,YAAY,IAChD,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseInput.js","sourceRoot":"","sources":["../src/BaseInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAA4B,GAAG,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAe/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,OAAO,EACP,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,UAAU,EACV,SAAS,EACT,EAAE,EAAE,MAAM,EACV,GAAG,UAAU,EACE,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAC;IAC5B,MAAM,YAAY,GAAG,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,EACD,OAAO,EAAE,EAAE,YAEV,KAAK,GACA,CACT,CAAC;IAEF,OAAO,CACL,8BACG,KAAK,IAAI,aAAa,KAAK,OAAO,IAAI,YAAY,EACnD,gBAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,KAAM,UAAU,GAAI,EACnE,KAAK,IAAI,aAAa,KAAK,KAAK,IAAI,YAAY,IAChD,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "A simple UI framework",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/BaseInput.tsx

@@ -8,7 +8,6 @@ export interface BaseInputProps
   className?: undefined;
   size?: undefined;
   children?: undefined;
-  id?: undefined;
   label?: ReactNode;
   labelSize?: Size;
   labelColor?: TextColor;
@@ -25,11 +24,13 @@ export const BaseInput = React.forwardRef(
       labelSize,
       labelColor,
       labelBold,
+      id: propId,
       ...otherProps
     }: BaseInputProps,
     ref?: React.Ref<HTMLInputElement>
   ) => {
-    const id = useId();
+    const hookid = useId();
+    const id = propId ?? hookid;
     const labelElement = (
       <Label
         size={labelSize}