@candidhealth/react-vitals 1.0.0-alpha.10 → 1.0.0-alpha.11

package/dist/index.js

@@ -515,7 +515,7 @@ var TooltipContent = ({ children, variant = "dark", ...rest }) => {
       ...rest,
       hideWhenDetached: true,
       sideOffset: 6,
-      className: `z-9000000000 max-w-prose rounded-lg px-5 py-3 text-sm break-words shadow-lg ${variant === "dark" ? "bg-gray-900 text-white" : "bg-white text-gray-600"}`,
+      className: `z-9000000000 max-w-prose rounded-lg px-5 py-3 text-sm wrap-break-word shadow-lg ${variant === "dark" ? "bg-gray-900 text-white" : "bg-white text-gray-600"}`,
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadixTooltip.Arrow, { className: variant === "dark" ? "fill-gray-900" : "fill-white", offset: 8 })
@@ -661,10 +661,10 @@ var Callout = ({
     ),
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_tailwind_merge6.twJoin)("text-sm", title ? "leading-6.5" : "leading-5", calloutIconStyles[intent]), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { icon: customIcon ?? calloutIcons[intent] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_tailwind_merge6.twJoin)("text-sm", title ? "leading-xs" : "leading-5", calloutIconStyles[intent]), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { icon: customIcon ?? calloutIcons[intent] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "leading-6.5 font-medium whitespace-pre-line text-neutral", children: title }),
-          children && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm leading-5 text-muted", children })
+          title && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "leading-xs font-medium whitespace-pre-line text-neutral", children: title }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm/5 text-muted", children })
         ] })
       ] }),
       rightSlot
@@ -1080,6 +1080,7 @@ var inputBoxStyles = ({
 }) => (0, import_tailwind_merge11.twJoin)(
   "flex w-full items-center focus-within:ring-0 focus:ring-0 has-disabled:bg-surface-neutral has-disabled:text-placeholder",
   sizeStyles2[size],
+  // eslint-disable-next-line better-tailwindcss/no-unknown-classes
   variantStyles[variant][hasError ? "error" : hasWarning ? "warning" : hasSuccess ? "success" : "default"]
 );
 var inputStyles = "w-full text-gray-800 placeholder:text-placeholder disabled:text-placeholder";
@@ -1272,7 +1273,7 @@ var DatePicker = (props) => props.range ? /* @__PURE__ */ (0, import_jsx_runtime
 
 // src/core/divider/Divider.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var Divider = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: twMerge("h-[1px] w-full border-b border-surface-neutral", className) });
+var Divider = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: twMerge("h-px w-full border-b border-surface-neutral", className) });
 
 // src/core/error-text/ErrorText.tsx
 var import_react11 = require("react");
@@ -1713,7 +1714,7 @@ var DollarInput = (0, import_react20.forwardRef)(
               "div",
               {
                 className: (0, import_tailwind_merge18.twJoin)(
-                  "flex h-md w-9.5 items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-muted",
+                  "flex h-md w-md items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-muted",
                   hasError ? "border-red-300 bg-red-200 text-red-700" : hasWarning ? "border-yellow-300 bg-surface-warning text-warning" : hasSuccess ? "border-green-300 bg-surface-success text-success" : "border-surface-neutral bg-surface-neutral"
                 ),
                 children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_sharp_solid_svg_icons9.faDollarSign })
@@ -1853,7 +1854,7 @@ var PercentInput = (0, import_react21.forwardRef)(
               "div",
               {
                 className: (0, import_tailwind_merge19.twJoin)(
-                  "flex h-md w-9.5 items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-muted",
+                  "flex h-md w-md items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-muted",
                   hasError ? "border-red-300 bg-red-200 text-red-700" : hasWarning ? "border-yellow-300 bg-surface-warning text-warning" : hasSuccess ? "border-green-300 bg-surface-success text-success" : "border-surface-neutral bg-surface-neutral"
                 ),
                 children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_sharp_solid_svg_icons10.faPercent })
@@ -3250,7 +3251,7 @@ var Drawer = (0, import_react31.forwardRef)(
             {
               className: (0, import_tailwind_merge27.twJoin)(
                 "absolute inset-0 z-30 transition-all",
-                isOpen && blurredOverlay && "bg-surface-light0/10 backdrop-blur-sm",
+                isOpen && blurredOverlay && "bg-surface-light/10 backdrop-blur-sm",
                 // If the drawer is open, and the blurredOverlay prop is given, stop the user from clicking through the overlay
                 isOpen && blurredOverlay ? "pointer-events-auto" : "pointer-events-none"
               ),
@@ -3343,7 +3344,7 @@ var TableCheckboxSkeleton = ({
     {
       className: (0, import_tailwind_merge29.twJoin)("flex gap-4", hasBorder && "px-2 not-last:border-b"),
       style: rowHeight ? { height: rowHeight } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Skeleton, { className: (0, import_tailwind_merge29.twJoin)("w-full, rounded-none", rowHeight ? "h-3" : "h-6") }, index) }, index)
+      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Skeleton, { className: (0, import_tailwind_merge29.twJoin)("w-full rounded-none", rowHeight ? "h-3" : "h-6") }, index) }, index)
     },
     index
   )) }) });
@@ -4077,7 +4078,7 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
       "data-depth": isStaticSubRow ? row.depth : void 0,
       onClick: !isStaticSubRow && row.getCanExpand() ? row.getToggleExpandedHandler() : void 0,
       className: (0, import_tailwind_merge38.twJoin)(
-        "data-[active]:bg-indigo-100 data-[clickable]:hover:cursor-pointer data-[clickable]:hover:bg-surface-primary data-[active]:data-[clickable]:hover:bg-indigo-200",
+        "data-active:bg-indigo-100 data-clickable:hover:cursor-pointer data-clickable:hover:bg-surface-primary data-active:data-clickable:hover:bg-indigo-200",
         rowClassName
       ),
       children: cells.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(