@linzjs/windows 10.2.0 → 10.3.1

package/dist/LuiModalAsync/LuiModalAsync.scss

@@ -136,7 +136,7 @@ dialog.LuiModalAsync, div.LuiModalAsync {
     font-weight: 400;
   }
 
-  .lui-button:focus {
+  .lui-button:focus-visible {
     // Button focus not showing unless window content has focus
     outline: form.$input-border-width-thick solid colors.$input-focus;
   }
@@ -150,3 +150,11 @@ dialog.LuiModalPrefab-file {
     padding-bottom: spacing.$unit-xs;
   }
 }
+
+button.lui-button.lui-button-secondary.lui-button-secondary-error {
+  color: colors.$error;
+
+  span.LuiIcon svg * {
+    fill: colors.$error;
+  }
+}

package/dist/LuiModalAsync/useLuiModalPrefab.tsx

@@ -18,7 +18,7 @@ export type PrefabType = 'outline' | 'success' | 'info' | 'warning' | 'error' |
 
 export interface LuiModalAsyncPrefabButton<RT> {
   default?: boolean;
-  level?: LuiButtonProps['level'];
+  level?: LuiButtonProps['level'] | 'secondary-error';
   title: string;
   icon?: IconName;
   value?: RT;
@@ -149,8 +149,11 @@ export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps
         {buttons.map((pf, i) => (
           <LuiButton
             key={i}
-            level={pf.level ?? 'secondary'}
-            className={clsx(pf.icon && 'lui-button-icon')}
+            level={pf.level === 'secondary-error' ? 'secondary' : (pf.level ?? 'secondary')}
+            className={clsx(
+              pf.icon && 'lui-button-icon',
+              pf.level === 'secondary-error' && 'lui-button-secondary-error',
+            )}
             onClick={() => {
               setDontShow();
               resolve(pf.value);
@@ -189,7 +192,7 @@ export const useLuiModalPrefab = () => {
   const { showModal, modalOwnerRef } = useShowAsyncModal();
 
   const showPrefabModal = useCallback(
-    <RT = string>(props: PropsWithChildren<useLuiModalPrefabProps<RT>>): PromiseWithResolve<RT> => {
+    <RT = string,>(props: PropsWithChildren<useLuiModalPrefabProps<RT>>): PromiseWithResolve<RT> => {
       debugLog(`Show '${props.level}' prefab-modal '${props.title}'`, props);
       if (typeof props.children === 'string') {
         // Convert \n to <br/>

package/package.json

@@ -13,7 +13,7 @@
     "popout"
   ],
   "main": "./dist/index.ts",
-  "version": "10.2.0",
+  "version": "10.3.1",
   "peerDependencies": {
     "@linzjs/lui": ">=23",
     "react": ">=18",