@linzjs/lui 15.1.8 → 15.1.9

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [15.1.9](https://github.com/linz/lui/compare/v15.1.8...v15.1.9) (2022-03-09)
+
+
+### Bug Fixes
+
+* adding classname things to banner and checkbox ([#613](https://github.com/linz/lui/issues/613)) ([b8c097e](https://github.com/linz/lui/commit/b8c097e9d33c4ed2479e6780295ad55c79bde63c))
+
 ## [15.1.8](https://github.com/linz/lui/compare/v15.1.7...v15.1.8) (2022-03-09)
 
 

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 declare type Props = {
     level: 'success' | 'info' | 'warning' | 'error';
     children: ReactNode;
+    className?: string;
 };
 export declare const LuiBanner: (props: Props) => JSX.Element;
 export declare const LuiBannerContent: (props: Props) => JSX.Element;

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

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

package/dist/index.js

@@ -11,29 +11,70 @@ var reactQuery = require('react-query');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
 
+function toVal(mix) {
+	var k, y, str='';
+
+	if (typeof mix === 'string' || typeof mix === 'number') {
+		str += mix;
+	} else if (typeof mix === 'object') {
+		if (Array.isArray(mix)) {
+			for (k=0; k < mix.length; k++) {
+				if (mix[k]) {
+					if (y = toVal(mix[k])) {
+						str && (str += ' ');
+						str += y;
+					}
+				}
+			}
+		} else {
+			for (k in mix) {
+				if (mix[k]) {
+					str && (str += ' ');
+					str += k;
+				}
+			}
+		}
+	}
+
+	return str;
+}
+
+function clsx () {
+	var i=0, tmp, x, str='';
+	while (i < arguments.length) {
+		if (tmp = arguments[i++]) {
+			if (x = toVal(tmp)) {
+				str && (str += ' ');
+				str += x;
+			}
+		}
+	}
+	return str;
+}
+
 var LuiBanner = function (props) {
-    return (React__default["default"].createElement("div", { className: "lui-msg-banner-container" },
+    return (React__default["default"].createElement("div", { className: clsx('lui-msg-banner-container', props.className) },
         React__default["default"].createElement(LuiBannerContent, { level: props.level }, props.children)));
 };
 var LuiBannerContent = function (props) {
@@ -143,47 +184,6 @@ function __generator(thisArg, body) {
     }
 }
 
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
 var PlainButton = React__default["default"].forwardRef(function (props, ref) {
     return (React__default["default"].createElement("button", __assign({}, props.buttonProps, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }), props.children));
 });
@@ -55281,8 +55281,8 @@ function polyfill(Component) {
 }
 
 var reactLifecyclesCompat_es = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  polyfill: polyfill
+	__proto__: null,
+	polyfill: polyfill
 });
 
 var require$$6 = /*@__PURE__*/getAugmentedNamespace(reactLifecyclesCompat_es);