@linzjs/lui 22.4.0 → 22.4.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [22.4.2](https://github.com/linz/lui/compare/v22.4.1...v22.4.2) (2025-01-28)
+
+
+### Bug Fixes
+
+* do a version bump for release ([#1194](https://github.com/linz/lui/issues/1194)) ([7b1fa4b](https://github.com/linz/lui/commit/7b1fa4b0ae832e27ad13217b66a50e66a21d4152))
+
+## [22.4.1](https://github.com/linz/lui/compare/v22.4.0...v22.4.1) (2025-01-27)
+
+
+### Bug Fixes
+
+* clean up most lui build warnings ([#1192](https://github.com/linz/lui/issues/1192)) ([53d44ad](https://github.com/linz/lui/commit/53d44ad2a35191b1ba5694d5b8d4de0a0e0a07b8))
+
 # [22.4.0](https://github.com/linz/lui/compare/v22.3.0...v22.4.0) (2025-01-27)
 
 

package/README.md

@@ -1,4 +1,4 @@
-# Lui - Linz User Interface!!
+# Lui - Linz User Interface!
 
 > It's written in CSS and a React wrapper!
 >

package/dist/components/LuiSwitchButton/LuiSwitchButton.d.ts

@@ -3,4 +3,5 @@ import './../../scss/Components/LuiSwitchButton/LuiSwitchButton.scss';
 export declare const LuiSwitchButton: (props: {
     checked: boolean;
     onChange: (event: ChangeEvent<HTMLInputElement>) => any;
+    disabled?: boolean | undefined;
 }) => JSX.Element;

package/dist/index.js

@@ -47156,7 +47156,7 @@ styleInject(css_248z$i);
 var LuiSwitchButton = function (props) {
     var generatedId = useGenerateOrDefaultId();
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId }, props)),
+        React__default["default"].createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId, disabled: props.disabled }, props)),
         React__default["default"].createElement("label", { "data-testid": "label", className: clsx('lui-switch-label', props.checked ? 'lui-switch-label-checked' : null), htmlFor: generatedId },
             React__default["default"].createElement("span", { className: "lui-switch-button" }))));
 };
@@ -54894,7 +54894,7 @@ var LuiMultiSwitch = function (_a) {
         React__default["default"].createElement("div", { className: clsx('LuiMultiSwitch-labels', disabled && 'LuiMultiSwitch-disabled') }, options === null || options === void 0 ? void 0 : options.map(function (option, i) { return (React__default["default"].createElement("label", { role: 'radio', key: i, htmlFor: id.current, "aria-disabled": option.disabled || disabled, "aria-checked": selectedIndex === i, className: option.className, onClick: function () { return select(i); }, onTouchStart: function () { return select(i); } }, option.text)); }))));
 };
 
-var css_248z$g = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.LuiListBox {\n  padding: 0;\n  list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n  font-family: \"Open Sans\", system-ui, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  user-select: none;\n  color: #2a292c;\n  line-height: 24px;\n  outline: none;\n  padding: 0.5rem 0.75rem;\n  border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n  border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n  background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n  background: #d6eef4;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n  background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator, .LuiListBox .LuiListBox-loadingIndicator {\n  padding: 0.5rem 0.75rem;\n}\n.LuiListBox .LuiListBoxGroup .LuiListBoxGroup-heading {\n  font-family: \"Open Sans\", system-ui, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  user-select: none;\n  color: #6b6966;\n  line-height: 16px;\n  padding: 0.5rem 0.5rem;\n}";
+var css_248z$g = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.LuiListBox {\n  padding: 0;\n  list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n  font-family: \"Open Sans\", system-ui, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  user-select: none;\n  color: #2a292c;\n  line-height: 24px;\n  outline: none;\n  padding: 0.5rem 0.75rem;\n  border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n  border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n  background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n  background: rgb(214.0081081081, 238.0378378378, 243.6918918919);\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n  background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator, .LuiListBox .LuiListBox-loadingIndicator {\n  padding: 0.5rem 0.75rem;\n}\n.LuiListBox .LuiListBoxGroup .LuiListBoxGroup-heading {\n  font-family: \"Open Sans\", system-ui, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  user-select: none;\n  color: #6b6966;\n  line-height: 16px;\n  padding: 0.5rem 0.5rem;\n}";
 styleInject(css_248z$g);
 
 function $c1d7fb2ec91bae71$var$Item(props) {