@linzjs/lui 26.1.0 → 27.0.0

package/dist/lui.esm.js

@@ -33983,11 +33983,11 @@ const LuiAccordicardStatic = (props) => {
             React__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] = useState(expanded);
     React__default.useEffect(() => {
         setOpen(expanded);
@@ -34000,10 +34000,13 @@ const LuiAccordion = (props) => {
             onToggleExpand(!open);
         }
     };
-    return (React__default.createElement("details", { style: style, className: clsx('lui-accordion', className), open: open },
+    const chevron = (React__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.isValidElement(heading) ? (heading) : (React__default.createElement("h4", { className: "accordion-heading", "data-testid": `lui-accordion-heading-${open}` }, heading));
+    return (React__default.createElement("details", { style: style, className: clsx('lui-accordion', `lui-accordion--icon-${iconPosition}`, className), open: open },
         React__default.createElement("summary", { onClick: toggle, "data-testid": `lui-accordion-summary-${open}` },
-            React__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.isValidElement(heading) ? (heading) : (React__default.createElement("h4", { className: "accordion-heading", "data-testid": `lui-accordion-heading-${open}` }, heading))),
+            iconPosition === 'left' && chevron,
+            headingContent,
+            iconPosition === 'right' && chevron),
         children));
 };
 
@@ -42961,15 +42964,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.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(),