@bizapps/design-system-testing 1.10.0 → 1.10.1

package/dist/main.cjs

@@ -9576,8 +9576,9 @@ function SignaturePad({
       className: cn(
         // Fixed light "paper": the pen is black and the PNG is read on white by others. The
         // primitive keeps the pad light for consumers that define a dark theme, where a themed
-        // surface (`background`, `border`) would turn dark and hide the black ink.
-        "bg-main-alternative-secondary border-dark-100 relative overflow-hidden rounded-xl border",
+        // surface (`background`, `border`) would turn dark and hide the black ink. The edge
+        // uses `dark-400` (4.66:1 on white) so the pad reads as a control (WCAG 1.4.11).
+        "bg-main-alternative-secondary border-dark-400 relative overflow-hidden rounded-xl border",
         "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
         className
       ),
@@ -9595,21 +9596,23 @@ function SignaturePad({
             className: "block w-full touch-none"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
             type: "button",
             variant: "ghost",
-            size: "icon-sm",
+            size: "sm",
             "data-slot": "signature-pad-clear",
-            "aria-label": clearLabel,
             disabled,
             "aria-disabled": empty && !disabled ? true : void 0,
             onClick: () => {
               if (!emptyRef.current) clear();
             },
-            className: "bg-main-white text-dark-600 border-dark-100 hover:bg-dark-100 hover:text-main-black aria-disabled:hover:bg-main-white absolute right-2 bottom-2 border border-solid aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BrushCleaning, { "aria-hidden": true, className: "size-4" })
+            className: "bg-main-white text-dark-600 border-dark-400 hover:bg-dark-100 hover:text-main-black aria-disabled:hover:bg-main-white absolute right-2 bottom-2 h-11 max-w-[calc(100%-1rem)] gap-1.5 rounded-full border border-solid px-4 text-sm aria-disabled:cursor-not-allowed aria-disabled:opacity-70",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BrushCleaning, { "aria-hidden": true, className: "size-4 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: clearLabel })
+            ]
           }
         )
       ]