aidos-ui 3.0.9 → 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/dist/Select.js

@@ -2,13 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cssVar, jss } from "./jss";
 export const Select = forwardRef(({ jsStyle, children, onValueChange, value, ...otherProps }, ref) => {
-    return (_jsx("select", { ref: ref, className: jss({
-            fontSize: 20,
-            padding: cssVar("--spacing-m"),
-            border: `1px solid ${cssVar("--divider")}`,
-            backgroundColor: cssVar("--overlay-background"),
-            borderRadius: cssVar("--border-radius-m"),
-        }), value: value, onChange: (e) => {
+    return (_jsx("select", { ref: ref, className: jss([
+            {
+                fontSize: 20,
+                border: `1px solid ${cssVar("--divider")}`,
+                backgroundColor: cssVar("--overlay-background"),
+                borderRadius: cssVar("--border-radius-m"),
+            },
+            jsStyle,
+        ]), value: value, onChange: (e) => {
             onValueChange(e.target.value);
         }, ...otherProps, children: children }));
 });

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAW,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU7C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,UAAU,EAAe,EACvE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC;YACb,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC;YAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;YAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;SAC1C,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,KACG,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAW,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU7C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,UAAU,EAAe,EACvE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC;YACb;gBACE,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;aAC1C;YACD,OAAO;SACR,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,KACG,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.9",
+  "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}

package/src/Select.tsx

@@ -17,13 +17,15 @@ export const Select = forwardRef(
     return (
       <select
         ref={ref}
-        className={jss({
-          fontSize: 20,
-          padding: cssVar("--spacing-m"),
-          border: `1px solid ${cssVar("--divider")}`,
-          backgroundColor: cssVar("--overlay-background"),
-          borderRadius: cssVar("--border-radius-m"),
-        })}
+        className={jss([
+          {
+            fontSize: 20,
+            border: `1px solid ${cssVar("--divider")}`,
+            backgroundColor: cssVar("--overlay-background"),
+            borderRadius: cssVar("--border-radius-m"),
+          },
+          jsStyle,
+        ])}
         value={value}
         onChange={(e) => {
           onValueChange(e.target.value);