@fairmint/ui 0.3.36 → 0.3.37

package/dist/components/generic/TaskRow/TaskRow.cjs

@@ -130,20 +130,12 @@ function TaskRow({
               ...actionProps,
               color: colors.colors.primary,
               size: "sm",
-              variant: isCritical ? "filled" : "light",
-              styles: {
-                root: {
-                  // Keep CTA + dismiss inside the 420px inbox without x-scroll.
-                  maxWidth: 148,
-                  minWidth: 0,
-                  overflow: "hidden"
-                },
-                label: {
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                }
+              style: {
+                ...actionProps.style,
+                flexShrink: 0,
+                whiteSpace: "nowrap"
               },
+              variant: isCritical ? "filled" : "light",
               children: actionLabel
             }
           ),

package/dist/components/generic/TaskRow/TaskRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskRow.cjs","sources":["../../../../src/components/generic/TaskRow/TaskRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Button, type ButtonProps } from \"../../primitives/Button/Button\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport type TaskRowPriority = \"critical\" | \"high\" | \"medium\" | \"low\";\n\nexport type TaskRowVariant = \"standalone\" | \"list\";\n\nexport interface TaskRowActionProps\n  extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\" | \"size\"> {\n  /** Visible primary CTA label. */\n  label: ReactNode;\n}\n\nexport interface TaskRowProps {\n  /** Priority / urgency affordance. @default \"medium\" */\n  priority?: TaskRowPriority;\n  /**\n   * Severity label shown above the title in uppercase plain text.\n   * Defaults to the capitalized priority name (for example, \"Critical\", \"High\").\n   */\n  priorityLabel?: string;\n  /** Task title. */\n  title: string;\n  /** Supporting description. */\n  description: string;\n  /**\n   * Caller-formatted due date or age (for example, \"Due today\", \"3 days ago\").\n   * Included in the accessible name when provided; not shown beside the CTA.\n   */\n  timingLabel?: string;\n  /** Primary workflow CTA. */\n  action: TaskRowActionProps;\n  /**\n   * Layout presentation. Use `list` inside a shared bordered stack so rows\n   * sit flush with no card gaps. @default \"standalone\"\n   */\n  variant?: TaskRowVariant;\n  /**\n   * When `variant=\"list\"`, draw a bottom divider. Set false on the last row.\n   * @default true\n   */\n  withDivider?: boolean;\n  /** Optional dismiss or snooze handler. */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss control. @default \"Dismiss task\" */\n  dismissLabel?: string;\n  /** Accessible label for the row. Defaults to title plus timing when provided. */\n  ariaLabel?: string;\n  className?: string;\n}\n\nconst PRIORITY_SEVERITY_COLORS = {\n  critical: fairmintVars.colorErrorText,\n  // Mid warning ramp (amber) — clearer than warning-text/solid brown vs error red.\n  high: \"warning.5\",\n  medium: \"warning.5\",\n  low: fairmintVars.colorTextTertiary,\n} as const;\n\nconst DEFAULT_PRIORITY_LABELS: Record<TaskRowPriority, string> = {\n  critical: \"Critical\",\n  high: \"High\",\n  medium: \"Medium\",\n  low: \"Low\",\n};\n\n/** Soft critical tint that stays readable in Light and Dark (avoids solid error-bg in dark). */\nconst CRITICAL_ROW_BACKGROUND = `color-mix(in srgb, ${fairmintVars.colorErrorSolid} 18%, ${fairmintVars.colorBgSurface})`;\n\nfunction DefaultDismissIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * Presentational durable-task row for Studio Tasks and future Investor inbox work.\n *\n * Owns uppercase severity text above the title, description, a right-pinned\n * vertically centered `sm` primary CTA, and optional dismiss. Only `critical`\n * priority receives a semantic fill; non-critical rows stay on the neutral\n * list surface. The owning workflow resolves completion; this row does not\n * infer resolution from dismiss.\n */\nexport function TaskRow({\n  action,\n  ariaLabel,\n  className,\n  description,\n  dismissLabel = \"Dismiss task\",\n  onDismiss,\n  priority = \"medium\",\n  priorityLabel,\n  timingLabel,\n  title,\n  variant = \"standalone\",\n  withDivider = true,\n}: TaskRowProps) {\n  const resolvedSeverityLabel = priorityLabel ?? DEFAULT_PRIORITY_LABELS[priority];\n  const resolvedAriaLabel =\n    ariaLabel ??\n    (timingLabel\n      ? `${title}. ${resolvedSeverityLabel} priority. ${timingLabel}`\n      : `${title}. ${resolvedSeverityLabel} priority`);\n  const isCritical = priority === \"critical\";\n  const isList = variant === \"list\";\n  const hasDescription = description.trim().length > 0;\n  const { label: actionLabel, ...actionProps } = action;\n\n  return (\n    <Box\n      aria-label={resolvedAriaLabel}\n      role=\"group\"\n      className={className}\n      data-priority={priority}\n      data-testid=\"task-row\"\n      data-variant={variant}\n      px=\"sm\"\n      py={10}\n      w=\"100%\"\n      miw={0}\n      maw=\"100%\"\n      style={{\n        background: isCritical ? CRITICAL_ROW_BACKGROUND : fairmintVars.colorBgSurface,\n        border: isList ? \"none\" : `1px solid ${fairmintVars.colorBorderDefault}`,\n        borderBottom:\n          isList && withDivider ? `1px solid ${fairmintVars.colorBorderDefault}` : undefined,\n        borderRadius: isList ? 0 : 10,\n        overflow: \"hidden\",\n        boxSizing: \"border-box\",\n      }}\n    >\n      <Group align=\"center\" gap=\"sm\" justify=\"space-between\" wrap=\"nowrap\" miw={0} w=\"100%\">\n        <Stack gap={4} miw={0} style={{ flex: \"1 1 auto\", overflow: \"hidden\" }}>\n          <Text\n            aria-hidden\n            c={PRIORITY_SEVERITY_COLORS[priority]}\n            fw={650}\n            size=\"xs\"\n            style={{\n              letterSpacing: \"0.03em\",\n              lineHeight: 1.2,\n              textTransform: \"uppercase\",\n            }}\n          >\n            {resolvedSeverityLabel}\n          </Text>\n\n          <Text\n            fw={600}\n            lineClamp={2}\n            size=\"sm\"\n            c={fairmintVars.colorTextPrimary}\n            style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n          >\n            {title}\n          </Text>\n\n          {hasDescription ? (\n            <Text\n              c={fairmintVars.colorTextSecondary}\n              lineClamp={2}\n              size=\"sm\"\n              style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n\n        <Group align=\"center\" gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n          <Button\n            {...actionProps}\n            color={colors.primary}\n            size=\"sm\"\n            variant={isCritical ? \"filled\" : \"light\"}\n            styles={{\n              root: {\n                // Keep CTA + dismiss inside the 420px inbox without x-scroll.\n                maxWidth: 148,\n                minWidth: 0,\n                overflow: \"hidden\",\n              },\n              label: {\n                overflow: \"hidden\",\n                textOverflow: \"ellipsis\",\n                whiteSpace: \"nowrap\",\n              },\n            }}\n          >\n            {actionLabel}\n          </Button>\n          {onDismiss ? (\n            <ActionIcon\n              aria-label={dismissLabel}\n              color={colors.neutral}\n              onClick={(event) => {\n                // Keep the owning popover/dropdown open and make sure the\n                // dismiss handler always receives the click (scroll overlays /\n                // focus transfers can otherwise swallow it).\n                event.preventDefault();\n                event.stopPropagation();\n                onDismiss();\n              }}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              size=\"md\"\n              style={{ flexShrink: 0 }}\n              variant=\"subtle\"\n            >\n              <DefaultDismissIcon />\n            </ActionIcon>\n          ) : null}\n        </Group>\n      </Group>\n    </Box>\n  );\n}\n"],"names":["fairmintVars","jsxs","jsx","Box","Group","Stack","Text","Button","colors","ActionIcon"],"mappings":"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"}
+{"version":3,"file":"TaskRow.cjs","sources":["../../../../src/components/generic/TaskRow/TaskRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Button, type ButtonProps } from \"../../primitives/Button/Button\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport type TaskRowPriority = \"critical\" | \"high\" | \"medium\" | \"low\";\n\nexport type TaskRowVariant = \"standalone\" | \"list\";\n\nexport interface TaskRowActionProps\n  extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\" | \"size\"> {\n  /** Visible primary CTA label. */\n  label: ReactNode;\n}\n\nexport interface TaskRowProps {\n  /** Priority / urgency affordance. @default \"medium\" */\n  priority?: TaskRowPriority;\n  /**\n   * Severity label shown above the title in uppercase plain text.\n   * Defaults to the capitalized priority name (for example, \"Critical\", \"High\").\n   */\n  priorityLabel?: string;\n  /** Task title. */\n  title: string;\n  /** Supporting description. */\n  description: string;\n  /**\n   * Caller-formatted due date or age (for example, \"Due today\", \"3 days ago\").\n   * Included in the accessible name when provided; not shown beside the CTA.\n   */\n  timingLabel?: string;\n  /** Primary workflow CTA. */\n  action: TaskRowActionProps;\n  /**\n   * Layout presentation. Use `list` inside a shared bordered stack so rows\n   * sit flush with no card gaps. @default \"standalone\"\n   */\n  variant?: TaskRowVariant;\n  /**\n   * When `variant=\"list\"`, draw a bottom divider. Set false on the last row.\n   * @default true\n   */\n  withDivider?: boolean;\n  /** Optional dismiss or snooze handler. */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss control. @default \"Dismiss task\" */\n  dismissLabel?: string;\n  /** Accessible label for the row. Defaults to title plus timing when provided. */\n  ariaLabel?: string;\n  className?: string;\n}\n\nconst PRIORITY_SEVERITY_COLORS = {\n  critical: fairmintVars.colorErrorText,\n  // Mid warning ramp (amber) — clearer than warning-text/solid brown vs error red.\n  high: \"warning.5\",\n  medium: \"warning.5\",\n  low: fairmintVars.colorTextTertiary,\n} as const;\n\nconst DEFAULT_PRIORITY_LABELS: Record<TaskRowPriority, string> = {\n  critical: \"Critical\",\n  high: \"High\",\n  medium: \"Medium\",\n  low: \"Low\",\n};\n\n/** Soft critical tint that stays readable in Light and Dark (avoids solid error-bg in dark). */\nconst CRITICAL_ROW_BACKGROUND = `color-mix(in srgb, ${fairmintVars.colorErrorSolid} 18%, ${fairmintVars.colorBgSurface})`;\n\nfunction DefaultDismissIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * Presentational durable-task row for Studio Tasks and future Investor inbox work.\n *\n * Owns uppercase severity text above the title, description, a right-pinned\n * vertically centered `sm` primary CTA whose label is never ellipsis-truncated,\n * and optional dismiss. Only `critical` priority receives a semantic fill;\n * non-critical rows stay on the neutral list surface. The owning workflow\n * resolves completion; this row does not infer resolution from dismiss.\n */\nexport function TaskRow({\n  action,\n  ariaLabel,\n  className,\n  description,\n  dismissLabel = \"Dismiss task\",\n  onDismiss,\n  priority = \"medium\",\n  priorityLabel,\n  timingLabel,\n  title,\n  variant = \"standalone\",\n  withDivider = true,\n}: TaskRowProps) {\n  const resolvedSeverityLabel = priorityLabel ?? DEFAULT_PRIORITY_LABELS[priority];\n  const resolvedAriaLabel =\n    ariaLabel ??\n    (timingLabel\n      ? `${title}. ${resolvedSeverityLabel} priority. ${timingLabel}`\n      : `${title}. ${resolvedSeverityLabel} priority`);\n  const isCritical = priority === \"critical\";\n  const isList = variant === \"list\";\n  const hasDescription = description.trim().length > 0;\n  const { label: actionLabel, ...actionProps } = action;\n\n  return (\n    <Box\n      aria-label={resolvedAriaLabel}\n      role=\"group\"\n      className={className}\n      data-priority={priority}\n      data-testid=\"task-row\"\n      data-variant={variant}\n      px=\"sm\"\n      py={10}\n      w=\"100%\"\n      miw={0}\n      maw=\"100%\"\n      style={{\n        background: isCritical ? CRITICAL_ROW_BACKGROUND : fairmintVars.colorBgSurface,\n        border: isList ? \"none\" : `1px solid ${fairmintVars.colorBorderDefault}`,\n        borderBottom:\n          isList && withDivider ? `1px solid ${fairmintVars.colorBorderDefault}` : undefined,\n        borderRadius: isList ? 0 : 10,\n        overflow: \"hidden\",\n        boxSizing: \"border-box\",\n      }}\n    >\n      <Group align=\"center\" gap=\"sm\" justify=\"space-between\" wrap=\"nowrap\" miw={0} w=\"100%\">\n        <Stack gap={4} miw={0} style={{ flex: \"1 1 auto\", overflow: \"hidden\" }}>\n          <Text\n            aria-hidden\n            c={PRIORITY_SEVERITY_COLORS[priority]}\n            fw={650}\n            size=\"xs\"\n            style={{\n              letterSpacing: \"0.03em\",\n              lineHeight: 1.2,\n              textTransform: \"uppercase\",\n            }}\n          >\n            {resolvedSeverityLabel}\n          </Text>\n\n          <Text\n            fw={600}\n            lineClamp={2}\n            size=\"sm\"\n            c={fairmintVars.colorTextPrimary}\n            style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n          >\n            {title}\n          </Text>\n\n          {hasDescription ? (\n            <Text\n              c={fairmintVars.colorTextSecondary}\n              lineClamp={2}\n              size=\"sm\"\n              style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n\n        <Group align=\"center\" gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n          <Button\n            {...actionProps}\n            color={colors.primary}\n            size=\"sm\"\n            style={{\n              ...actionProps.style,\n              flexShrink: 0,\n              whiteSpace: \"nowrap\",\n            }}\n            variant={isCritical ? \"filled\" : \"light\"}\n          >\n            {actionLabel}\n          </Button>\n          {onDismiss ? (\n            <ActionIcon\n              aria-label={dismissLabel}\n              color={colors.neutral}\n              onClick={(event) => {\n                // Keep the owning popover/dropdown open and make sure the\n                // dismiss handler always receives the click (scroll overlays /\n                // focus transfers can otherwise swallow it).\n                event.preventDefault();\n                event.stopPropagation();\n                onDismiss();\n              }}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              size=\"md\"\n              style={{ flexShrink: 0 }}\n              variant=\"subtle\"\n            >\n              <DefaultDismissIcon />\n            </ActionIcon>\n          ) : null}\n        </Group>\n      </Group>\n    </Box>\n  );\n}\n"],"names":["fairmintVars","jsxs","jsx","Box","Group","Stack","Text","Button","colors","ActionIcon"],"mappings":"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"}

package/dist/components/generic/TaskRow/TaskRow.d.ts

@@ -47,10 +47,10 @@ export interface TaskRowProps {
  * Presentational durable-task row for Studio Tasks and future Investor inbox work.
  *
  * Owns uppercase severity text above the title, description, a right-pinned
- * vertically centered `sm` primary CTA, and optional dismiss. Only `critical`
- * priority receives a semantic fill; non-critical rows stay on the neutral
- * list surface. The owning workflow resolves completion; this row does not
- * infer resolution from dismiss.
+ * vertically centered `sm` primary CTA whose label is never ellipsis-truncated,
+ * and optional dismiss. Only `critical` priority receives a semantic fill;
+ * non-critical rows stay on the neutral list surface. The owning workflow
+ * resolves completion; this row does not infer resolution from dismiss.
  */
 export declare function TaskRow({ action, ariaLabel, className, description, dismissLabel, onDismiss, priority, priorityLabel, timingLabel, title, variant, withDivider, }: TaskRowProps): import("react").JSX.Element;
 //# sourceMappingURL=TaskRow.d.ts.map

package/dist/components/generic/TaskRow/TaskRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/TaskRow/TaskRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG1E,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACpE,iCAAiC;IACjC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,MAAM,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuCD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAA6B,EAC7B,SAAS,EACT,QAAmB,EACnB,aAAa,EACb,WAAW,EACX,KAAK,EACL,OAAsB,EACtB,WAAkB,GACnB,EAAE,YAAY,+BA0Hd"}
+{"version":3,"file":"TaskRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/TaskRow/TaskRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG1E,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACpE,iCAAiC;IACjC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,MAAM,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuCD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAA6B,EAC7B,SAAS,EACT,QAAmB,EACnB,aAAa,EACb,WAAW,EACX,KAAK,EACL,OAAsB,EACtB,WAAkB,GACnB,EAAE,YAAY,+BAkHd"}

package/dist/components/generic/TaskRow/TaskRow.js

@@ -128,20 +128,12 @@ function TaskRow({
               ...actionProps,
               color: colors.primary,
               size: "sm",
-              variant: isCritical ? "filled" : "light",
-              styles: {
-                root: {
-                  // Keep CTA + dismiss inside the 420px inbox without x-scroll.
-                  maxWidth: 148,
-                  minWidth: 0,
-                  overflow: "hidden"
-                },
-                label: {
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                }
+              style: {
+                ...actionProps.style,
+                flexShrink: 0,
+                whiteSpace: "nowrap"
               },
+              variant: isCritical ? "filled" : "light",
               children: actionLabel
             }
           ),

package/dist/components/generic/TaskRow/TaskRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskRow.js","sources":["../../../../src/components/generic/TaskRow/TaskRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Button, type ButtonProps } from \"../../primitives/Button/Button\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport type TaskRowPriority = \"critical\" | \"high\" | \"medium\" | \"low\";\n\nexport type TaskRowVariant = \"standalone\" | \"list\";\n\nexport interface TaskRowActionProps\n  extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\" | \"size\"> {\n  /** Visible primary CTA label. */\n  label: ReactNode;\n}\n\nexport interface TaskRowProps {\n  /** Priority / urgency affordance. @default \"medium\" */\n  priority?: TaskRowPriority;\n  /**\n   * Severity label shown above the title in uppercase plain text.\n   * Defaults to the capitalized priority name (for example, \"Critical\", \"High\").\n   */\n  priorityLabel?: string;\n  /** Task title. */\n  title: string;\n  /** Supporting description. */\n  description: string;\n  /**\n   * Caller-formatted due date or age (for example, \"Due today\", \"3 days ago\").\n   * Included in the accessible name when provided; not shown beside the CTA.\n   */\n  timingLabel?: string;\n  /** Primary workflow CTA. */\n  action: TaskRowActionProps;\n  /**\n   * Layout presentation. Use `list` inside a shared bordered stack so rows\n   * sit flush with no card gaps. @default \"standalone\"\n   */\n  variant?: TaskRowVariant;\n  /**\n   * When `variant=\"list\"`, draw a bottom divider. Set false on the last row.\n   * @default true\n   */\n  withDivider?: boolean;\n  /** Optional dismiss or snooze handler. */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss control. @default \"Dismiss task\" */\n  dismissLabel?: string;\n  /** Accessible label for the row. Defaults to title plus timing when provided. */\n  ariaLabel?: string;\n  className?: string;\n}\n\nconst PRIORITY_SEVERITY_COLORS = {\n  critical: fairmintVars.colorErrorText,\n  // Mid warning ramp (amber) — clearer than warning-text/solid brown vs error red.\n  high: \"warning.5\",\n  medium: \"warning.5\",\n  low: fairmintVars.colorTextTertiary,\n} as const;\n\nconst DEFAULT_PRIORITY_LABELS: Record<TaskRowPriority, string> = {\n  critical: \"Critical\",\n  high: \"High\",\n  medium: \"Medium\",\n  low: \"Low\",\n};\n\n/** Soft critical tint that stays readable in Light and Dark (avoids solid error-bg in dark). */\nconst CRITICAL_ROW_BACKGROUND = `color-mix(in srgb, ${fairmintVars.colorErrorSolid} 18%, ${fairmintVars.colorBgSurface})`;\n\nfunction DefaultDismissIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * Presentational durable-task row for Studio Tasks and future Investor inbox work.\n *\n * Owns uppercase severity text above the title, description, a right-pinned\n * vertically centered `sm` primary CTA, and optional dismiss. Only `critical`\n * priority receives a semantic fill; non-critical rows stay on the neutral\n * list surface. The owning workflow resolves completion; this row does not\n * infer resolution from dismiss.\n */\nexport function TaskRow({\n  action,\n  ariaLabel,\n  className,\n  description,\n  dismissLabel = \"Dismiss task\",\n  onDismiss,\n  priority = \"medium\",\n  priorityLabel,\n  timingLabel,\n  title,\n  variant = \"standalone\",\n  withDivider = true,\n}: TaskRowProps) {\n  const resolvedSeverityLabel = priorityLabel ?? DEFAULT_PRIORITY_LABELS[priority];\n  const resolvedAriaLabel =\n    ariaLabel ??\n    (timingLabel\n      ? `${title}. ${resolvedSeverityLabel} priority. ${timingLabel}`\n      : `${title}. ${resolvedSeverityLabel} priority`);\n  const isCritical = priority === \"critical\";\n  const isList = variant === \"list\";\n  const hasDescription = description.trim().length > 0;\n  const { label: actionLabel, ...actionProps } = action;\n\n  return (\n    <Box\n      aria-label={resolvedAriaLabel}\n      role=\"group\"\n      className={className}\n      data-priority={priority}\n      data-testid=\"task-row\"\n      data-variant={variant}\n      px=\"sm\"\n      py={10}\n      w=\"100%\"\n      miw={0}\n      maw=\"100%\"\n      style={{\n        background: isCritical ? CRITICAL_ROW_BACKGROUND : fairmintVars.colorBgSurface,\n        border: isList ? \"none\" : `1px solid ${fairmintVars.colorBorderDefault}`,\n        borderBottom:\n          isList && withDivider ? `1px solid ${fairmintVars.colorBorderDefault}` : undefined,\n        borderRadius: isList ? 0 : 10,\n        overflow: \"hidden\",\n        boxSizing: \"border-box\",\n      }}\n    >\n      <Group align=\"center\" gap=\"sm\" justify=\"space-between\" wrap=\"nowrap\" miw={0} w=\"100%\">\n        <Stack gap={4} miw={0} style={{ flex: \"1 1 auto\", overflow: \"hidden\" }}>\n          <Text\n            aria-hidden\n            c={PRIORITY_SEVERITY_COLORS[priority]}\n            fw={650}\n            size=\"xs\"\n            style={{\n              letterSpacing: \"0.03em\",\n              lineHeight: 1.2,\n              textTransform: \"uppercase\",\n            }}\n          >\n            {resolvedSeverityLabel}\n          </Text>\n\n          <Text\n            fw={600}\n            lineClamp={2}\n            size=\"sm\"\n            c={fairmintVars.colorTextPrimary}\n            style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n          >\n            {title}\n          </Text>\n\n          {hasDescription ? (\n            <Text\n              c={fairmintVars.colorTextSecondary}\n              lineClamp={2}\n              size=\"sm\"\n              style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n\n        <Group align=\"center\" gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n          <Button\n            {...actionProps}\n            color={colors.primary}\n            size=\"sm\"\n            variant={isCritical ? \"filled\" : \"light\"}\n            styles={{\n              root: {\n                // Keep CTA + dismiss inside the 420px inbox without x-scroll.\n                maxWidth: 148,\n                minWidth: 0,\n                overflow: \"hidden\",\n              },\n              label: {\n                overflow: \"hidden\",\n                textOverflow: \"ellipsis\",\n                whiteSpace: \"nowrap\",\n              },\n            }}\n          >\n            {actionLabel}\n          </Button>\n          {onDismiss ? (\n            <ActionIcon\n              aria-label={dismissLabel}\n              color={colors.neutral}\n              onClick={(event) => {\n                // Keep the owning popover/dropdown open and make sure the\n                // dismiss handler always receives the click (scroll overlays /\n                // focus transfers can otherwise swallow it).\n                event.preventDefault();\n                event.stopPropagation();\n                onDismiss();\n              }}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              size=\"md\"\n              style={{ flexShrink: 0 }}\n              variant=\"subtle\"\n            >\n              <DefaultDismissIcon />\n            </ActionIcon>\n          ) : null}\n        </Group>\n      </Group>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TaskRow.js","sources":["../../../../src/components/generic/TaskRow/TaskRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Button, type ButtonProps } from \"../../primitives/Button/Button\";\nimport { Box, Group, Stack, Text } from \"../../primitives/layout\";\n\nexport type TaskRowPriority = \"critical\" | \"high\" | \"medium\" | \"low\";\n\nexport type TaskRowVariant = \"standalone\" | \"list\";\n\nexport interface TaskRowActionProps\n  extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\" | \"size\"> {\n  /** Visible primary CTA label. */\n  label: ReactNode;\n}\n\nexport interface TaskRowProps {\n  /** Priority / urgency affordance. @default \"medium\" */\n  priority?: TaskRowPriority;\n  /**\n   * Severity label shown above the title in uppercase plain text.\n   * Defaults to the capitalized priority name (for example, \"Critical\", \"High\").\n   */\n  priorityLabel?: string;\n  /** Task title. */\n  title: string;\n  /** Supporting description. */\n  description: string;\n  /**\n   * Caller-formatted due date or age (for example, \"Due today\", \"3 days ago\").\n   * Included in the accessible name when provided; not shown beside the CTA.\n   */\n  timingLabel?: string;\n  /** Primary workflow CTA. */\n  action: TaskRowActionProps;\n  /**\n   * Layout presentation. Use `list` inside a shared bordered stack so rows\n   * sit flush with no card gaps. @default \"standalone\"\n   */\n  variant?: TaskRowVariant;\n  /**\n   * When `variant=\"list\"`, draw a bottom divider. Set false on the last row.\n   * @default true\n   */\n  withDivider?: boolean;\n  /** Optional dismiss or snooze handler. */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss control. @default \"Dismiss task\" */\n  dismissLabel?: string;\n  /** Accessible label for the row. Defaults to title plus timing when provided. */\n  ariaLabel?: string;\n  className?: string;\n}\n\nconst PRIORITY_SEVERITY_COLORS = {\n  critical: fairmintVars.colorErrorText,\n  // Mid warning ramp (amber) — clearer than warning-text/solid brown vs error red.\n  high: \"warning.5\",\n  medium: \"warning.5\",\n  low: fairmintVars.colorTextTertiary,\n} as const;\n\nconst DEFAULT_PRIORITY_LABELS: Record<TaskRowPriority, string> = {\n  critical: \"Critical\",\n  high: \"High\",\n  medium: \"Medium\",\n  low: \"Low\",\n};\n\n/** Soft critical tint that stays readable in Light and Dark (avoids solid error-bg in dark). */\nconst CRITICAL_ROW_BACKGROUND = `color-mix(in srgb, ${fairmintVars.colorErrorSolid} 18%, ${fairmintVars.colorBgSurface})`;\n\nfunction DefaultDismissIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * Presentational durable-task row for Studio Tasks and future Investor inbox work.\n *\n * Owns uppercase severity text above the title, description, a right-pinned\n * vertically centered `sm` primary CTA whose label is never ellipsis-truncated,\n * and optional dismiss. Only `critical` priority receives a semantic fill;\n * non-critical rows stay on the neutral list surface. The owning workflow\n * resolves completion; this row does not infer resolution from dismiss.\n */\nexport function TaskRow({\n  action,\n  ariaLabel,\n  className,\n  description,\n  dismissLabel = \"Dismiss task\",\n  onDismiss,\n  priority = \"medium\",\n  priorityLabel,\n  timingLabel,\n  title,\n  variant = \"standalone\",\n  withDivider = true,\n}: TaskRowProps) {\n  const resolvedSeverityLabel = priorityLabel ?? DEFAULT_PRIORITY_LABELS[priority];\n  const resolvedAriaLabel =\n    ariaLabel ??\n    (timingLabel\n      ? `${title}. ${resolvedSeverityLabel} priority. ${timingLabel}`\n      : `${title}. ${resolvedSeverityLabel} priority`);\n  const isCritical = priority === \"critical\";\n  const isList = variant === \"list\";\n  const hasDescription = description.trim().length > 0;\n  const { label: actionLabel, ...actionProps } = action;\n\n  return (\n    <Box\n      aria-label={resolvedAriaLabel}\n      role=\"group\"\n      className={className}\n      data-priority={priority}\n      data-testid=\"task-row\"\n      data-variant={variant}\n      px=\"sm\"\n      py={10}\n      w=\"100%\"\n      miw={0}\n      maw=\"100%\"\n      style={{\n        background: isCritical ? CRITICAL_ROW_BACKGROUND : fairmintVars.colorBgSurface,\n        border: isList ? \"none\" : `1px solid ${fairmintVars.colorBorderDefault}`,\n        borderBottom:\n          isList && withDivider ? `1px solid ${fairmintVars.colorBorderDefault}` : undefined,\n        borderRadius: isList ? 0 : 10,\n        overflow: \"hidden\",\n        boxSizing: \"border-box\",\n      }}\n    >\n      <Group align=\"center\" gap=\"sm\" justify=\"space-between\" wrap=\"nowrap\" miw={0} w=\"100%\">\n        <Stack gap={4} miw={0} style={{ flex: \"1 1 auto\", overflow: \"hidden\" }}>\n          <Text\n            aria-hidden\n            c={PRIORITY_SEVERITY_COLORS[priority]}\n            fw={650}\n            size=\"xs\"\n            style={{\n              letterSpacing: \"0.03em\",\n              lineHeight: 1.2,\n              textTransform: \"uppercase\",\n            }}\n          >\n            {resolvedSeverityLabel}\n          </Text>\n\n          <Text\n            fw={600}\n            lineClamp={2}\n            size=\"sm\"\n            c={fairmintVars.colorTextPrimary}\n            style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n          >\n            {title}\n          </Text>\n\n          {hasDescription ? (\n            <Text\n              c={fairmintVars.colorTextSecondary}\n              lineClamp={2}\n              size=\"sm\"\n              style={{ minWidth: 0, overflowWrap: \"anywhere\" }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n\n        <Group align=\"center\" gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n          <Button\n            {...actionProps}\n            color={colors.primary}\n            size=\"sm\"\n            style={{\n              ...actionProps.style,\n              flexShrink: 0,\n              whiteSpace: \"nowrap\",\n            }}\n            variant={isCritical ? \"filled\" : \"light\"}\n          >\n            {actionLabel}\n          </Button>\n          {onDismiss ? (\n            <ActionIcon\n              aria-label={dismissLabel}\n              color={colors.neutral}\n              onClick={(event) => {\n                // Keep the owning popover/dropdown open and make sure the\n                // dismiss handler always receives the click (scroll overlays /\n                // focus transfers can otherwise swallow it).\n                event.preventDefault();\n                event.stopPropagation();\n                onDismiss();\n              }}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              size=\"md\"\n              style={{ flexShrink: 0 }}\n              variant=\"subtle\"\n            >\n              <DefaultDismissIcon />\n            </ActionIcon>\n          ) : null}\n        </Group>\n      </Group>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fairmint/ui",
-  "version": "0.3.36",
+  "version": "0.3.37",
   "type": "module",
   "description": "Fairmint design system and UI component library",
   "license": "UNLICENSED",