@sebgroup/green-react 3.27.0 → 3.27.1

package/package.json

@@ -2,13 +2,13 @@
   "name": "@sebgroup/green-react",
   "main": "./src/index.js",
   "module": "./src/index.js",
-  "version": "3.27.0",
+  "version": "3.27.1",
   "peerDependencies": {
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.71.2",
+    "@sebgroup/green-core": "^1.72.0",
     "@sebgroup/chlorophyll": "^3.6.16",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",

package/src/lib/form/input/input.d.ts

@@ -1,31 +1,44 @@
 import { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
 import { IExpandableInformation, IValidator } from '@sebgroup/extract';
 export interface InputProps extends IExpandableInformation, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    /** Data test id used for finding elements in test */
+    /**
+     * Data test id used for finding elements in test
+     */
     testId?: string;
-    /** Format value on change */
+    /**
+     * Function to format the value on change
+     */
     formatter?: (value: string) => string;
-    /** Extra describing text, below the label */
+    /**
+     * Additional descriptive text displayed below the label
+     */
     info?: ReactNode;
-    /** Label describing the input */
+    /**
+     * Label text describing the input field
+     */
     label?: string;
-    /** Text on the right side of the input, used for unit such as 'kr' or '%' */
+    /**
+     * Text displayed on the right side of the input, typically used for units like 'kr' or '%'
+     */
     unit?: string;
-    /** Validation object */
+    /**
+     * Validation object for input validation
+     */
     validator?: IValidator;
     /**
-     * Value of input
+     * Current value of the input field
      */
     value?: string | number;
-    /** Function called when input value changes */
+    /**
+     * Callback function triggered when the input value changes
+     */
     onChangeInput?: (value: string) => string;
     /**
-     * Pass an string that is an id to another element describing the input field
+     * ID of another element that describes the input field
      */
     'aria-describedby'?: string;
     /**
-     * Set the live region attribute of the form control footer, this will change how error messages are read by screen readers
-     * @default 'assertive'
+     * ARIA live region attribute for the form control footer, affecting how error messages are read by screen readers
      */
     'aria-live'?: React.AriaAttributes['aria-live'];
 }

package/src/lib/form/input/input.js

@@ -70,7 +70,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     if (onChangeInput) onChangeInput(formattedValue);
   }, [formatter, setLocalValue, onChange, onChangeInput]);
   var showSimpleInput = !label && !info && !expandableInfo;
-  var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), !showSimpleInput && (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uuid, "_info"), !showSimpleInput && info), "gds-expandable-info-".concat(uuid), !showSimpleInput && expandableInfo));
+  var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), !showSimpleInput), "".concat(uuid, "_info"), !showSimpleInput && info), "gds-expandable-info-".concat(uuid), !showSimpleInput && expandableInfo));
   var inputClassName = classNames(className, _defineProperty({}, validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator), validator));
   var input = jsx("input", Object.assign({
     "aria-describedby": describedBy || undefined,