@linzjs/lui 16.2.1 → 16.2.4

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [16.2.4](https://github.com/linz/lui/compare/v16.2.3...v16.2.4) (2022-03-29)
+
+
+### Bug Fixes
+
+* wrong type for mandatory ([#639](https://github.com/linz/lui/issues/639)) ([f6fdffa](https://github.com/linz/lui/commit/f6fdffa936345fe701e32e709dc9e185290997d7))
+
+## [16.2.3](https://github.com/linz/lui/compare/v16.2.2...v16.2.3) (2022-03-28)
+
+
+### Bug Fixes
+
+* Adding classname to luitextinput ([#638](https://github.com/linz/lui/issues/638)) ([92dc54f](https://github.com/linz/lui/commit/92dc54f595c6678c53a3393cc8d05d127be38d3a))
+
+## [16.2.2](https://github.com/linz/lui/compare/v16.2.1...v16.2.2) (2022-03-24)
+
+
+### Bug Fixes
+
+* Adding conditional class name ([#636](https://github.com/linz/lui/issues/636)) ([5bd6858](https://github.com/linz/lui/commit/5bd6858d8d579622ba23aac64a27e8b4c7d1ae79))
+
 ## [16.2.1](https://github.com/linz/lui/compare/v16.2.0...v16.2.1) (2022-03-23)
 
 

package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.d.ts

@@ -8,5 +8,6 @@ export interface LuiCheckboxProps {
     error?: string;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     className?: string;
+    mandatory?: boolean;
 }
 export declare const LuiCheckboxInput: (props: LuiCheckboxProps) => JSX.Element;

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts

@@ -13,6 +13,7 @@ export interface LuiTextInputProps {
      * A padlock will be displayed on right side of input
      */
     showPadlockIcon?: boolean;
+    className?: string;
     value: string;
     icon?: JSX.Element;
 }

package/dist/index.js

@@ -867,7 +867,7 @@ function useGenerateOrDefaultId(idFromProps) {
 var LuiTextInput = function (props) {
     var _a;
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
-    return (React__default["default"].createElement("div", { className: clsx('LuiTextInput', props.error && 'hasError') },
+    return (React__default["default"].createElement("div", { className: clsx('LuiTextInput', props.error && 'hasError', props.className) },
         React__default["default"].createElement("label", { className: 'LuiTextInput-label', htmlFor: id },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiTextInput-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
@@ -888,8 +888,9 @@ var LuiCheckboxInput = function (props) {
             'LuiCheckboxInput--isChecked': props.isChecked,
             'LuiCheckboxInput--hasError': !!props.error,
             'LuiCheckboxInput--isDisabled': !!props.isDisabled,
-        }) },
+        }, props.className) },
         React__default["default"].createElement("label", { htmlFor: id, className: "LuiCheckboxInput-group" },
+            props.mandatory && (React__default["default"].createElement("span", { "aria-label": "Required", className: "LuiCheckboxInput-mandatory" }, "*")),
             React__default["default"].createElement("input", __assign({ className: clsx('LuiCheckboxInput-input'), id: id, type: "checkbox", value: props.value, onChange: props.onChange, checked: props.isChecked, disabled: props.isDisabled }, props.inputProps)),
             React__default["default"].createElement("span", { className: "LuiCheckboxInput-label" },
                 props.label,