@alveole/components 1.8.3 → 1.8.4

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "1.8.3";
+export declare const ALVEOLE_COMPONENTS_VERSION: "1.8.4";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.8.3";
+export const ALVEOLE_COMPONENTS_VERSION = "1.8.4";

package/dist/ui/FormControl/FormControlDateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlDateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,CAAC;AAC3D,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAaF,eAAO,MAAM,oBAAoB,oGA6ChC,CAAC"}
+{"version":3,"file":"FormControlDateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,CAAC;AAC3D,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAaF,eAAO,MAAM,oBAAoB,oGAwDhC,CAAC"}

package/dist/ui/FormControl/FormControlDateInput.js

@@ -18,6 +18,15 @@ function formatForInput(value, type) {
 export const FormControlDateInput = React.forwardRef(function DateInput(props, ref) {
     const { value, type, onChange, ...inputProps } = props;
     const styles = useStyles();
+    const [focus, setFocus] = React.useState(false);
+    const handleFocus = () => {
+        if (!props.disabled && !props.readOnly)
+            setFocus(true);
+    };
+    const handleBlur = () => {
+        if (!props.disabled && !props.readOnly)
+            setFocus(false);
+    };
     const parsed = React.useMemo(() => {
         if (value == null)
             return value;
@@ -37,10 +46,11 @@ export const FormControlDateInput = React.forwardRef(function DateInput(props, r
     return (_jsx(Box, { tag: "form-control-date-input", style: styles.inputContainer, children: _jsx(Box, { tag: "form-control-date-input-inner", style: {
                 ...styles.inputInner,
                 ...(props.disabled ? styles.inputDisabled : {}),
+                ...(focus ? styles.inputFocused : {}),
             }, children: _jsx("input", { ref: ref, onChange: e => {
                     const newDate = e.target.value;
                     if (type === 'month')
                         return onChange?.(newDate + '-01');
                     return onChange?.(newDate);
-                }, autoComplete: undefined, style: { ...styles.input, ...styles.inputWeb }, type: type === 'datetime' ? 'datetime-local' : (type ?? 'date'), ...inputProps, value: parsed }) }) }));
+                }, autoComplete: undefined, style: { ...styles.input, ...styles.inputWeb }, type: type === 'datetime' ? 'datetime-local' : (type ?? 'date'), ...inputProps, value: parsed, onFocus: handleFocus, onBlur: handleBlur }) }) }));
 });

package/dist/ui/FormControl/FormControlNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlNumberInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,6BAA6B,GAAG,gBAAgB,CAAC;AAC7D,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,sGAyClC,CAAC"}
+{"version":3,"file":"FormControlNumberInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,6BAA6B,GAAG,gBAAgB,CAAC;AAC7D,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,sGAoDlC,CAAC"}

package/dist/ui/FormControl/FormControlNumberInput.js

@@ -5,9 +5,19 @@ import { useStyles } from './FormControl.styles';
 export const FormControlNumberInput = React.forwardRef(function DateInput(props, ref) {
     const { value, onChange, startAdornment, endAdornment, ...inputProps } = props;
     const styles = useStyles();
+    const [focus, setFocus] = React.useState(false);
+    const handleFocus = () => {
+        if (!props.disabled && !props.readOnly)
+            setFocus(true);
+    };
+    const handleBlur = () => {
+        if (!props.disabled && !props.readOnly)
+            setFocus(false);
+    };
     return (_jsx(Box, { tag: "form-control-number-input", style: styles.inputContainer, children: _jsxs(Box, { tag: "form-control-number-input-inner", style: {
                 ...styles.inputInner,
                 ...(props.disabled ? styles.inputDisabled : {}),
+                ...(focus ? styles.inputFocused : {}),
                 ...(endAdornment ? { paddingRight: 0 } : {}),
                 ...(startAdornment ? { paddingLeft: 0 } : {}),
             }, children: [startAdornment, _jsx("input", { ref: ref, value: value ?? '', onChange: e => {
@@ -18,5 +28,5 @@ export const FormControlNumberInput = React.forwardRef(function DateInput(props,
                         ...styles.inputWeb,
                         ...(endAdornment && startAdornment ? { textAlign: 'center' } : {}),
                         ...(endAdornment ? { minWidth: 0 } : {}),
-                    }, ...inputProps }), endAdornment] }) }));
+                    }, ...inputProps, onFocus: handleFocus, onBlur: handleBlur }), endAdornment] }) }));
 });

package/dist/ui/SelectMultiple/SelectMultiple.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultiple.web.d.ts","sourceRoot":"","sources":["../../../src/ui/SelectMultiple/SelectMultiple.web.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAGlF,eAAO,MAAM,cAAc;;;;;;;;;;;;6BA0FzB,CAAC"}
+{"version":3,"file":"SelectMultiple.web.d.ts","sourceRoot":"","sources":["../../../src/ui/SelectMultiple/SelectMultiple.web.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAGlF,eAAO,MAAM,cAAc;;;;;;;;;;;;6BA6FzB,CAAC"}

package/dist/ui/SelectMultiple/SelectMultiple.web.js

@@ -13,6 +13,9 @@ export const SelectMultiple = React.forwardRef(function SelectMultiple(props, re
             ...s,
             ...styles.control,
             ...(p.isDisabled ? styles.controlDisabled : {}),
+            boxShadow: 'none',
+            outline: p.isFocused ? `2px solid ${color.light.system.focus}` : 'none',
+            outlineOffset: 2,
             ':hover': { borderColor: styles.control.borderColor },
         }),
         valueContainer: s => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -69,7 +69,7 @@
   },
   "dependencies": {
     "react-markdown": "8.0.7",
-    "remark-gfm": "4.0.1",
+    "remark-gfm": "3.0.1",
     "zod": "4.4.3"
   },
   "peerDependencies": {