@linzjs/lui 26.1.0 → 27.0.0

package/CHANGELOG.md

@@ -5,6 +5,25 @@
 
 * **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))
 
+## [27.0.0](https://github.com/linz/Lui/compare/lui-v26.2.0...lui-v27.0.0) (2026-09-10)
+
+
+### ⚠ BREAKING CHANGES
+
+* Toast updated to disconnect dismissing action from auto dismiss… ([#1413](https://github.com/linz/Lui/issues/1413))
+
+### Bug Fixes
+
+* Toast updated to disconnect dismissing action from auto dismiss… ([#1413](https://github.com/linz/Lui/issues/1413)) ([4cc40ab](https://github.com/linz/Lui/commit/4cc40abea7bf4cbc79fd8fc5fa4039f7ef6ee078))
+
+## [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)
 
 

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/components/Toast/Helpers/ToastTypes.d.ts

@@ -10,11 +10,18 @@ export type ToastOptions = {
     position?: ToastPosition;
     onLeave?: (id: number) => void;
     /**
-     * If true, the toast will require a user to dismiss it. This will set timeout to Infinity and override any provided timeout value.
-     * If false, the toast will not have a dismiss button and will automatically dismiss based on the timeout value (default 5s).
-     * If not provided, the toast will require dismissal if timeout is Infinity, and auto-dismiss otherwise, while still showing a dismiss button.
+     * If true, the toast will persist until dismissed by setting an unspecified timeout to Infinity.
+     * If false or not provided, the toast will use the provided timeout or the ToastProvider default.
+     * This option does not control whether the dismiss button is shown.
      */
     requireDismiss?: boolean;
+    /**
+     * If false, banner toasts will not have a close button. Defaults to true.
+     * Use this instead of `requireDismiss: false` when hiding the close button.
+     * This has no effect on custom content passed to `toast`, which controls its own dismiss UI.
+     * When combined with `requireDismiss: true`, dismiss the toast programmatically using its id.
+     */
+    closeable?: boolean;
 };
 export type ToastAction = {
     type: 'add';

package/dist/index.js

@@ -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));
 };
 
@@ -42990,15 +42993,15 @@ const toastFunctions = (dispatch) => {
     const banner = (level, defaults = {}) => (children, config = {}) => {
         const options = { ...defaults, ...config };
         return toast(({ close: onDismissFn }) => {
-            const onDismiss = options.requireDismiss === false ? undefined : onDismissFn;
+            const onDismiss = options.closeable === false ? undefined : onDismissFn;
             return React__namespace.createElement(ToastBanner, { level, children, onDismiss });
         }, options);
     };
     return {
         toast,
         dismiss: (id) => dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'remove', id }),
-        info: banner('info', { requireDismiss: false }),
-        success: banner('success', { requireDismiss: false }),
+        info: banner('info'),
+        success: banner('success'),
         error: banner('error', { requireDismiss: true }),
         warning: banner('warning', { requireDismiss: true }),
         plain: banner(),