@linzjs/lui 17.13.2 → 17.13.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [17.13.3](https://github.com/linz/lui/compare/v17.13.2...v17.13.3) (2022-09-13)
+
+
+### Bug Fixes
+
+* Add child key to options of LuiRadioInput ([#753](https://github.com/linz/lui/issues/753)) ([33b5697](https://github.com/linz/lui/commit/33b5697420a53fdd8fd4da88815d5e34a7196ca7))
+
 ## [17.13.2](https://github.com/linz/lui/compare/v17.13.1...v17.13.2) (2022-09-07)
 
 

package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts

@@ -3,6 +3,7 @@ export declare const LuiUpdatesSplashModal: React.FC<{
     bigImage: string;
     smallImage: string;
     header: string;
+    wrapperClass: string;
     onClose: () => void;
     id: string;
 }>;

package/dist/index.js

@@ -1199,12 +1199,12 @@ var LuiRadioInput = function (props) {
                     var isSelected = props.selectedValue === option;
                     var isDisabled = props.isOptionDisabled && props.isOptionDisabled(index);
                     var hasWarning = props.optionHasWarning && props.optionHasWarning(index);
-                    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    return (React__default["default"].createElement(React.Fragment, { key: radioId },
                         React__default["default"].createElement("label", { htmlFor: radioId, className: clsx('LuiRadioInput-label', {
                                 'LuiRadioInput-label--isDisabled': isDisabled,
                                 'LuiRadioInput-label--hasWarning': hasWarning && isSelected,
                                 'LuiRadioInput-label--isSelected': isSelected
-                            }), key: radioId },
+                            }) },
                             React__default["default"].createElement("input", __assign({ disabled: isDisabled, className: "LuiRadioInput-input", type: "radio", id: radioId, name: option, value: option, checked: isSelected, onChange: props.onChange }, props.inputProps)),
                             props.renderLabelFor ? props.renderLabelFor(option) : option),
                         hasWarning && isSelected && (React__default["default"].createElement("div", { className: "LuiRadioInput-warningOnIndividualMsg" },
@@ -28159,11 +28159,12 @@ var LuiUpdatesSplashModal = function (props) {
         Modal.setAppElement('#root');
     }
     return (React__default["default"].createElement(Modal, { key: props.id, isOpen: true, shouldCloseOnOverlayClick: true, onRequestClose: props.onClose, contentLabel: "Recent updates", className: "lui-scrim", style: { overlay: { backgroundColor: 'transparent' } } },
-        React__default["default"].createElement("div", { ref: node, className: "lui-large-feature-notification" },
-            React__default["default"].createElement("div", { className: "lui-feature-img" },
+        React__default["default"].createElement("div", { ref: node, className: clsx('lui-large-feature-notification', props.wrapperClass) },
+            React__default["default"].createElement("div", { className: "lui-feature-header" },
                 React__default["default"].createElement("h1", null, props.header),
                 React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: props.onClose },
-                    React__default["default"].createElement("i", { className: "material-icons-round" }, "close")),
+                    React__default["default"].createElement("i", { className: "material-icons-round" }, "close"))),
+            React__default["default"].createElement("div", { className: "lui-feature-img" },
                 React__default["default"].createElement("img", { className: "lui-hide-xs lui-hide-sm", alt: "What's new", src: props.bigImage }),
                 React__default["default"].createElement("img", { className: "lui-hide-md lui-hide-lg lui-hide-xl", alt: "What's new", src: props.smallImage })),
             React__default["default"].createElement("div", { className: 'lui-feature-text' }, props.children))));