@linzjs/lui 16.2.2 → 16.2.5

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [16.2.5](https://github.com/linz/lui/compare/v16.2.4...v16.2.5) (2022-03-31)
+
+
+### Bug Fixes
+
+* updating to accept classname (also convert from FC) ([#640](https://github.com/linz/lui/issues/640)) ([9b4aa50](https://github.com/linz/lui/commit/9b4aa50ba2aca8f1aca049f23c0566d881e6c2a0))
+
+## [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)
 
 

package/dist/components/LuiBanner/LuiBanner.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-declare type Props = {
+declare type ILuiBanner = {
     level: 'success' | 'info' | 'warning' | 'error';
     children: ReactNode;
     className?: string;
 };
 export declare function getMaterialIconForLevel(level: 'success' | 'info' | 'warning' | 'error'): "info" | "warning" | "error" | "check_circle";
-export declare const LuiBanner: (props: Props) => JSX.Element;
-export declare const LuiBannerContent: (props: Props) => JSX.Element;
+export declare const LuiBanner: (props: ILuiBanner) => JSX.Element;
+export declare const LuiBannerContent: (props: ILuiBanner) => JSX.Element;
 export {};

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/LuiStaticMessage/LuiStaticMessage.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-export declare const LuiStaticMessage: React.FC<{
+export interface ILuiStaticMessage {
     level: 'success' | 'info' | 'warning' | 'error';
     closable?: boolean;
-}>;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const LuiStaticMessage: (props: ILuiStaticMessage) => JSX.Element;

package/dist/index.js

@@ -457,13 +457,13 @@ var LuiBannerContent = function (props) {
 var LuiStaticMessage = function (props) {
     var _a = React.useState(true), display = _a[0], setDisplay = _a[1];
     var materialIcon = getMaterialIconForLevel(props.level);
-    return display ? (React__default["default"].createElement("div", { className: "lui-msg-" + props.level, "data-testid": 'static-message-container' },
+    return display ? (React__default["default"].createElement("div", { className: clsx("lui-msg-" + props.level, props.className), "data-testid": 'static-message-container' },
         React__default["default"].createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " static icon", size: "lg", className: "lui-msg-status-icon" }),
         props.children,
         (props.closable === undefined || props.closable) && (React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: function () {
                 setDisplay(false);
             } },
-            React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : null;
+            React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : (React__default["default"].createElement(React__default["default"].Fragment, null));
 };
 
 var PlainButton = React__default["default"].forwardRef(function (props, ref) {
@@ -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,