@objectifthunes/whiteboard 0.2.6 → 0.2.7

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ObjectifThunes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -215,16 +215,17 @@ A portaled, accessible confirmation dialog. Closes on `Escape`, click outside, o
 />
 ```
 
-| Prop           | Type                | Default     | Description                                  |
-| -------------- | ------------------- | ----------- | -------------------------------------------- |
-| `open`         | `boolean`           | —           | Controls visibility.                         |
-| `title`        | `string`            | —           | Dialog title (also `aria-label`).            |
-| `message`      | `string`            | —           | Body text.                                   |
-| `confirmLabel` | `string`            | `'Confirm'` | Confirm button label.                        |
-| `loading`      | `boolean`           | `false`     | Disables confirm and shows `Deleting…`.      |
-| `error`        | `string \| null`    | —           | Inline error shown above the actions.        |
-| `onConfirm`    | `() => void`        | —           | Confirm handler.                             |
-| `onCancel`     | `() => void`        | —           | Cancel handler (also fires on Escape / backdrop). |
+| Prop           | Type                | Default            | Description                                  |
+| -------------- | ------------------- | ------------------ | -------------------------------------------- |
+| `open`         | `boolean`           | —                  | Controls visibility.                         |
+| `title`        | `string`            | —                  | Dialog title (also `aria-label`).            |
+| `message`      | `string`            | —                  | Body text.                                   |
+| `confirmLabel` | `string`            | `'Confirm'`        | Confirm button label.                        |
+| `loadingLabel` | `string`            | `'<confirmLabel>…'` | Confirm button label while `loading`.       |
+| `loading`     | `boolean`           | `false`            | Disables confirm and swaps to `loadingLabel`. |
+| `error`        | `string \| null`    | —                  | Inline error shown above the actions.        |
+| `onConfirm`    | `() => void`        | —                  | Confirm handler.                             |
+| `onCancel`     | `() => void`        | —                  | Cancel handler (also fires on Escape / backdrop). |
 
 ---
 
@@ -1157,19 +1158,23 @@ Theming uses CSS custom properties on `[data-theme]`. The built-in styles expose
 
 ```css
 :root {
-  --wb-bg: #ffffff;
-  --wb-fg: #0b0b0c;
-  --wb-muted: #6c6c70;
-  --wb-border: #e5e5e7;
-  --wb-accent: #2563eb;
+  --wb-bg: #f3f4f6;
+  --wb-surface: #ffffff;
+  --wb-text: #111827;
+  --wb-text-muted: #6b7280;
+  --wb-border: #e5e7eb;
+  --wb-primary: #1f2937;
+  --wb-danger: #dc2626;
   /* …and more — inspect dist/whiteboard.css for the full set */
 }
 
 [data-theme='dark'] {
-  --wb-bg: #0b0b0c;
-  --wb-fg: #f5f5f7;
-  --wb-muted: #9a9a9f;
-  --wb-border: #2a2a2c;
+  --wb-bg: #0f1117;
+  --wb-surface: #1a1d27;
+  --wb-text: #e5e7eb;
+  --wb-text-muted: #6b7280;
+  --wb-border: #2d3041;
+  --wb-primary: #e5e7eb;
 }
 ```
 

package/dist/index.d.ts

@@ -142,7 +142,7 @@ export declare function computeWhiteboardRectFocus(rect: PanelRect, viewportSize
     };
 };
 
-export declare function ConfirmDialog({ open, title, message, onConfirm, onCancel, confirmLabel, loading, error, }: Props_5): ReactPortal | null;
+export declare function ConfirmDialog({ open, title, message, onConfirm, onCancel, confirmLabel, loadingLabel, loading, error, }: Props_5): ReactPortal | null;
 
 /**
  * A 2-column grid for coordinate inputs.
@@ -330,7 +330,7 @@ export declare type PanelRect = {
 
 export declare function PanelSection({ heading, description, actions, className, children, ...props }: PanelSectionProps): JSX_2.Element;
 
-declare interface PanelSectionProps extends HTMLAttributes<HTMLDivElement> {
+declare interface PanelSectionProps extends HTMLAttributes<HTMLElement> {
     heading?: ReactNode;
     description?: ReactNode;
     actions?: ReactNode;
@@ -436,6 +436,8 @@ declare interface Props_5 {
     onConfirm: () => void;
     onCancel: () => void;
     confirmLabel?: string;
+    /** Label shown on the confirm button while `loading` is true. Defaults to `${confirmLabel}…`. */
+    loadingLabel?: string;
     loading?: boolean;
     error?: string | null;
 }