@linzjs/lui 26.0.0 → 26.2.0

package/CHANGELOG.md

@@ -5,6 +5,31 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [26.2.0](https://github.com/linz/Lui/compare/lui-v26.1.0...lui-v26.2.0) (2026-09-10)
+
+
+### Features
+
+* enable snyk ([#1410](https://github.com/linz/Lui/issues/1410)) ([457c6b0](https://github.com/linz/Lui/commit/457c6b0f8b989316c67f6b064edb2d36e52096be))
+* **LuiAccordion:** support right-aligned chevron ([#1414](https://github.com/linz/Lui/issues/1414)) ([89908f9](https://github.com/linz/Lui/commit/89908f9945df9565579699ea0a23794b96a0da4d))
+
+## [26.1.0](https://github.com/linz/Lui/compare/lui-v26.0.0...lui-v26.1.0) (2026-09-04)
+
+
+### Features
+
+* **LuiIcon:** add parcel topology icon for SURVEY-28094 ([#1406](https://github.com/linz/Lui/issues/1406)) ([33213db](https://github.com/linz/Lui/commit/33213db8efb9b71b704dd0688c38da7a9484296e))
+
+
+### Bug Fixes
+
+* SRVTRI-5363 LuiSwitch changes caused formatting change ([#1409](https://github.com/linz/Lui/issues/1409)) ([f0de019](https://github.com/linz/Lui/commit/f0de01968742183e8b385951cc87ad2a74d792b4))
+
+
+### Reverts
+
+* remove parcel topology icon (SURVEY-28094) ([#1408](https://github.com/linz/Lui/issues/1408)) ([2fd86f3](https://github.com/linz/Lui/commit/2fd86f3b43b563a6e31767a684a3dee23155f7a7))
+
 ## [26.0.0](https://github.com/linz/Lui/compare/lui-v25.0.0...lui-v26.0.0) (2026-09-03)
 
 

package/dist/components/LuiAccordion/LuiAccordion.d.ts

@@ -5,6 +5,7 @@ export interface ILuiAccordion {
     children: ReactNode;
     expanded?: boolean;
     iconColor?: string;
+    iconPosition?: 'left' | 'right';
     className?: string;
     style?: CSSProperties;
     onToggleExpand?: (isOpen: boolean) => void;

package/dist/index.js

@@ -23573,7 +23573,7 @@ const LuiSidePanelProvider = ({ children }) => {
         React__default["default"].createElement(LuiSidePanelContainer, { ...props })));
 };
 
-var css_248z$k = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 40px;\n  padding: 2px;\n  background: #ffffff;\n  border: 2px solid #007198;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  transition: 0.2s;\n  background: #007198;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-label-checked {\n  background: #007198;\n}\n.lui-switch-label-checked .lui-switch-button {\n  transform: translateX(19px);\n  background: #ffffff;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}\n\n.lui-switch-sm .lui-switch-label {\n  width: 24px;\n  padding: 1px;\n  border-width: 2px;\n  border-radius: 20px;\n}\n.lui-switch-sm .lui-switch-label .lui-switch-button {\n  width: 7px;\n  height: 7px;\n}\n.lui-switch-sm .lui-switch-label-checked .lui-switch-button {\n  transform: translateX(11px);\n}\n.lui-switch-sm .lui-switch-checkbox:disabled + .lui-switch-label {\n  border-width: 1px;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}";
+var css_248z$k = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n  position: absolute;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 40px;\n  padding: 2px;\n  background: #ffffff;\n  border: 2px solid #007198;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  transition: 0.2s;\n  background: #007198;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-label-checked {\n  background: #007198;\n}\n.lui-switch-label-checked .lui-switch-button {\n  transform: translateX(19px);\n  background: #ffffff;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}\n\n.lui-switch-sm .lui-switch-label {\n  width: 24px;\n  padding: 1px;\n  border-width: 2px;\n  border-radius: 20px;\n}\n.lui-switch-sm .lui-switch-label .lui-switch-button {\n  width: 7px;\n  height: 7px;\n}\n.lui-switch-sm .lui-switch-label-checked .lui-switch-button {\n  transform: translateX(11px);\n}\n.lui-switch-sm .lui-switch-checkbox:disabled + .lui-switch-label {\n  border-width: 1px;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n  background: #eaeaea;\n  border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n  background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n  background: #eaeaea;\n}";
 styleInject(css_248z$k);
 
 const LuiSwitchButton = (props) => {
@@ -34012,11 +34012,11 @@ const LuiAccordicardStatic = (props) => {
             React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
 };
 
-var css_248z$j = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.lui-accordion {\n  padding: 8px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n.lui-accordion .chevron {\n  transition: all 0.3s ease-in-out;\n  transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n  transform: rotate(180deg);\n}\n.lui-accordion .accordion-heading {\n  padding: 4px;\n}\n.lui-accordion h4 {\n  padding: 4px;\n}\n.lui-accordion > summary {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.lui-accordion > summary h4 {\n  margin-top: 0;\n  display: inline-block;\n}\n.lui-accordion > summary::marker, .lui-accordion > summary::-webkit-details-marker {\n  display: none;\n}";
+var css_248z$j = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.lui-accordion {\n  padding: 8px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n.lui-accordion .chevron {\n  transition: all 0.3s ease-in-out;\n  transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n  transform: rotate(180deg);\n}\n.lui-accordion--icon-right > summary .chevron {\n  margin-left: auto;\n}\n.lui-accordion .accordion-heading {\n  padding: 4px;\n}\n.lui-accordion h4 {\n  padding: 4px;\n}\n.lui-accordion > summary {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.lui-accordion > summary h4 {\n  margin-top: 0;\n  display: inline-block;\n}\n.lui-accordion > summary::marker, .lui-accordion > summary::-webkit-details-marker {\n  display: none;\n}";
 styleInject(css_248z$j);
 
 const LuiAccordion = (props) => {
-    const { expanded = false, heading, children, iconColor = '#017A76', className, style = {}, onToggleExpand, } = props;
+    const { expanded = false, heading, children, iconColor = '#017A76', iconPosition = 'left', className, style = {}, onToggleExpand, } = props;
     const [open, setOpen] = React.useState(expanded);
     React__default["default"].useEffect(() => {
         setOpen(expanded);
@@ -34029,10 +34029,13 @@ const LuiAccordion = (props) => {
             onToggleExpand(!open);
         }
     };
-    return (React__default["default"].createElement("details", { style: style, className: clsx('lui-accordion', className), open: open },
+    const chevron = (React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name: "ic_expand_more", alt: open ? 'Close' : 'Expand', "aria-label": open ? 'Expanded' : 'Closed', className: clsx('chevron', open ? 'chevron--isOpen' : null) }));
+    const headingContent = React__default["default"].isValidElement(heading) ? (heading) : (React__default["default"].createElement("h4", { className: "accordion-heading", "data-testid": `lui-accordion-heading-${open}` }, heading));
+    return (React__default["default"].createElement("details", { style: style, className: clsx('lui-accordion', `lui-accordion--icon-${iconPosition}`, className), open: open },
         React__default["default"].createElement("summary", { onClick: toggle, "data-testid": `lui-accordion-summary-${open}` },
-            React__default["default"].createElement(LuiIcon, { color: iconColor, size: "md", name: "ic_expand_more", alt: open ? 'Close' : 'Expand', "aria-label": open ? 'Expanded' : 'Closed', className: clsx('chevron', open ? 'chevron--isOpen' : null) }),
-            React__default["default"].isValidElement(heading) ? (heading) : (React__default["default"].createElement("h4", { className: "accordion-heading", "data-testid": `lui-accordion-heading-${open}` }, heading))),
+            iconPosition === 'left' && chevron,
+            headingContent,
+            iconPosition === 'right' && chevron),
         children));
 };