@linzjs/lui 16.2.4 → 16.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [16.2.5](https://github.com/linz/lui/compare/v16.2.4...v16.2.5) (2022-03-31)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * updating to accept classname (also convert from FC) ([#640](https://github.com/linz/lui/issues/640)) ([9b4aa50](https://github.com/linz/lui/commit/9b4aa50ba2aca8f1aca049f23c0566d881e6c2a0))
7
+
1
8
  ## [16.2.4](https://github.com/linz/lui/compare/v16.2.3...v16.2.4) (2022-03-29)
2
9
 
3
10
 
@@ -1,10 +1,10 @@
1
1
  import { ReactNode } from 'react';
2
- declare type Props = {
2
+ declare type ILuiBanner = {
3
3
  level: 'success' | 'info' | 'warning' | 'error';
4
4
  children: ReactNode;
5
5
  className?: string;
6
6
  };
7
7
  export declare function getMaterialIconForLevel(level: 'success' | 'info' | 'warning' | 'error'): "info" | "warning" | "error" | "check_circle";
8
- export declare const LuiBanner: (props: Props) => JSX.Element;
9
- export declare const LuiBannerContent: (props: Props) => JSX.Element;
8
+ export declare const LuiBanner: (props: ILuiBanner) => JSX.Element;
9
+ export declare const LuiBannerContent: (props: ILuiBanner) => JSX.Element;
10
10
  export {};
@@ -1,5 +1,8 @@
1
1
  import React from 'react';
2
- export declare const LuiStaticMessage: React.FC<{
2
+ export interface ILuiStaticMessage {
3
3
  level: 'success' | 'info' | 'warning' | 'error';
4
4
  closable?: boolean;
5
- }>;
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ }
8
+ export declare const LuiStaticMessage: (props: ILuiStaticMessage) => JSX.Element;
package/dist/index.js CHANGED
@@ -457,13 +457,13 @@ var LuiBannerContent = function (props) {
457
457
  var LuiStaticMessage = function (props) {
458
458
  var _a = React.useState(true), display = _a[0], setDisplay = _a[1];
459
459
  var materialIcon = getMaterialIconForLevel(props.level);
460
- return display ? (React__default["default"].createElement("div", { className: "lui-msg-" + props.level, "data-testid": 'static-message-container' },
460
+ return display ? (React__default["default"].createElement("div", { className: clsx("lui-msg-" + props.level, props.className), "data-testid": 'static-message-container' },
461
461
  React__default["default"].createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " static icon", size: "lg", className: "lui-msg-status-icon" }),
462
462
  props.children,
463
463
  (props.closable === undefined || props.closable) && (React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: function () {
464
464
  setDisplay(false);
465
465
  } },
466
- React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : null;
466
+ React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : (React__default["default"].createElement(React__default["default"].Fragment, null));
467
467
  };
468
468
 
469
469
  var PlainButton = React__default["default"].forwardRef(function (props, ref) {