ionbase-ui 0.31.0 → 0.37.0

package/dist/figma-map.json

@@ -1,8 +1,8 @@
 {
   "package": "ionbase-ui",
-  "version": "0.31.0",
+  "version": "0.37.0",
   "figmaFile": "gaLbGd0QNb1fUl6BjSpfBA",
-  "figmaExported": "2026-08-28",
+  "figmaExported": "2026-09-02",
   "usage": "Given a Figma node id or component name, look it up here for the React component, its import, and how each Figma property maps onto a real prop. Every mapping is verified against both the Figma export and the TypeScript API on each build.",
   "generated": "by scripts/verify-figma-map.mjs — do not edit",
   "byNodeId": {
@@ -360,10 +360,19 @@
           "prop": "icon"
         },
         "Size": {
-          "ignore": "Figma draws three sizes; code has no size prop. Badge inherits its type from the text it labels — the same call Link makes."
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
         },
         "Shape": {
-          "ignore": "Pill and Rounded are one radius token apart and code ships the pill only. Add the prop when a real screen needs both, not before."
+          "prop": "shape",
+          "values": {
+            "Pill": "pill",
+            "Rounded": "rounded"
+          }
         }
       }
     },
@@ -1064,6 +1073,221 @@
           "prop": "end"
         }
       }
+    },
+    "1156:296": {
+      "figmaComponent": "Agent Stop",
+      "figmaNodeId": "1156:296",
+      "figmaPage": "Agent Stop",
+      "component": "AgentStop",
+      "import": "import { AgentStop } from 'ionbase-ui';",
+      "docs": "components/agent-stop/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "State": {
+          "ignore": "Default/Hover are CSS states; Stopping is the drawn form of isStopping"
+        },
+        "Label#1156:0": {
+          "prop": "label"
+        },
+        "Stopping Label#1156:10": {
+          "prop": "stoppingLabel"
+        },
+        "Focused#1156:20": {
+          "ignore": "drawn focus ring; :focus-visible in code"
+        }
+      }
+    },
+    "1160:423": {
+      "figmaComponent": "Approval Gate",
+      "figmaNodeId": "1160:423",
+      "figmaPage": "Approval Gate",
+      "component": "ApprovalGate",
+      "import": "import { ApprovalGate } from 'ionbase-ui';",
+      "docs": "components/approval-gate/index.html.md",
+      "props": {
+        "Risk": {
+          "prop": "risk",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Status": {
+          "prop": "status",
+          "values": {
+            "Pending": "pending",
+            "Approved": "approved",
+            "Rejected": "rejected",
+            "Expired": "expired"
+          }
+        },
+        "Title#1160:0": {
+          "prop": "title"
+        },
+        "Detail#1160:13": {
+          "prop": "children"
+        },
+        "Show Detail#1160:26": {
+          "prop": "children",
+          "note": "false means no children passed"
+        },
+        "Reject Label#1160:39": {
+          "prop": "rejectLabel"
+        },
+        "Edit Label#1160:52": {
+          "prop": "editLabel"
+        },
+        "Approve Label#1160:65": {
+          "prop": "approveLabel"
+        },
+        "Show Edit#1160:78": {
+          "prop": "onEdit",
+          "note": "the Edit button renders only when onEdit is supplied"
+        }
+      }
+    },
+    "1162:246": {
+      "figmaComponent": "Agent Activity",
+      "figmaNodeId": "1162:246",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivity",
+      "import": "import { AgentActivity } from 'ionbase-ui';",
+      "docs": "components/agent-activity/index.html.md",
+      "props": {}
+    },
+    "1161:287": {
+      "figmaComponent": "Agent Activity Step",
+      "figmaNodeId": "1161:287",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivityStep",
+      "import": "import { AgentActivityStep } from 'ionbase-ui';",
+      "docs": "components/agent-activity-step/index.html.md",
+      "props": {
+        "Status": {
+          "prop": "status",
+          "values": {
+            "Pending": "pending",
+            "Active": "active",
+            "Done": "done",
+            "Failed": "failed",
+            "Skipped": "skipped"
+          }
+        },
+        "Label#1162:0": {
+          "prop": "children"
+        },
+        "Detail#1162:6": {
+          "prop": "detail"
+        },
+        "Show Detail#1162:12": {
+          "prop": "detail",
+          "note": "false means detail is omitted"
+        }
+      }
+    },
+    "1164:248": {
+      "figmaComponent": "Streaming Text",
+      "figmaNodeId": "1164:248",
+      "figmaPage": "Streaming Text",
+      "component": "StreamingText",
+      "import": "import { StreamingText } from 'ionbase-ui';",
+      "docs": "components/streaming-text/index.html.md",
+      "props": {
+        "Streaming": {
+          "prop": "isStreaming",
+          "values": {
+            "True": true,
+            "False": false
+          }
+        },
+        "Text#1164:0": {
+          "prop": "children"
+        }
+      }
+    },
+    "1167:247": {
+      "figmaComponent": "Citation",
+      "figmaNodeId": "1167:247",
+      "figmaPage": "Citation",
+      "component": "Citation",
+      "import": "import { Citation } from 'ionbase-ui';",
+      "docs": "components/citation/index.html.md",
+      "props": {
+        "State": {
+          "ignore": "Default/Hover is :hover in code"
+        },
+        "Index#1167:0": {
+          "prop": "index"
+        },
+        "Focused#1167:3": {
+          "ignore": "drawn focus ring; :focus-visible in code"
+        }
+      }
+    },
+    "1168:246": {
+      "figmaComponent": "Citation List",
+      "figmaNodeId": "1168:246",
+      "figmaPage": "Citation",
+      "component": "CitationList",
+      "import": "import { CitationList } from 'ionbase-ui';",
+      "docs": "components/citation-list/index.html.md",
+      "props": {
+        "Label#1168:4": {
+          "prop": "label"
+        }
+      }
+    },
+    "1168:241": {
+      "figmaComponent": "Citation List Item",
+      "figmaNodeId": "1168:241",
+      "figmaPage": "Citation",
+      "component": "CitationListItem",
+      "import": "import { CitationListItem } from 'ionbase-ui';",
+      "docs": "components/citation-list-item/index.html.md",
+      "props": {
+        "Index#1168:0": {
+          "prop": "index"
+        },
+        "Source#1168:1": {
+          "prop": "source"
+        },
+        "Passage#1168:2": {
+          "prop": "children"
+        },
+        "Show Passage#1168:3": {
+          "prop": "children",
+          "note": "false means no children passed"
+        }
+      }
+    },
+    "1166:262": {
+      "figmaComponent": "Confidence Indicator",
+      "figmaNodeId": "1166:262",
+      "figmaPage": "Confidence Indicator",
+      "component": "ConfidenceIndicator",
+      "import": "import { ConfidenceIndicator } from 'ionbase-ui';",
+      "docs": "components/confidence-indicator/index.html.md",
+      "props": {
+        "Level": {
+          "prop": "level",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Basis#1166:0": {
+          "prop": "basis"
+        }
+      }
     }
   },
   "byFigmaName": {
@@ -1421,10 +1645,19 @@
           "prop": "icon"
         },
         "Size": {
-          "ignore": "Figma draws three sizes; code has no size prop. Badge inherits its type from the text it labels — the same call Link makes."
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
         },
         "Shape": {
-          "ignore": "Pill and Rounded are one radius token apart and code ships the pill only. Add the prop when a real screen needs both, not before."
+          "prop": "shape",
+          "values": {
+            "Pill": "pill",
+            "Rounded": "rounded"
+          }
         }
       }
     },
@@ -2125,6 +2358,221 @@
           "prop": "end"
         }
       }
+    },
+    "Agent Stop": {
+      "figmaComponent": "Agent Stop",
+      "figmaNodeId": "1156:296",
+      "figmaPage": "Agent Stop",
+      "component": "AgentStop",
+      "import": "import { AgentStop } from 'ionbase-ui';",
+      "docs": "components/agent-stop/index.html.md",
+      "props": {
+        "Size": {
+          "prop": "size",
+          "values": {
+            "Small": "sm",
+            "Medium": "md",
+            "Large": "lg"
+          }
+        },
+        "State": {
+          "ignore": "Default/Hover are CSS states; Stopping is the drawn form of isStopping"
+        },
+        "Label#1156:0": {
+          "prop": "label"
+        },
+        "Stopping Label#1156:10": {
+          "prop": "stoppingLabel"
+        },
+        "Focused#1156:20": {
+          "ignore": "drawn focus ring; :focus-visible in code"
+        }
+      }
+    },
+    "Approval Gate": {
+      "figmaComponent": "Approval Gate",
+      "figmaNodeId": "1160:423",
+      "figmaPage": "Approval Gate",
+      "component": "ApprovalGate",
+      "import": "import { ApprovalGate } from 'ionbase-ui';",
+      "docs": "components/approval-gate/index.html.md",
+      "props": {
+        "Risk": {
+          "prop": "risk",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Status": {
+          "prop": "status",
+          "values": {
+            "Pending": "pending",
+            "Approved": "approved",
+            "Rejected": "rejected",
+            "Expired": "expired"
+          }
+        },
+        "Title#1160:0": {
+          "prop": "title"
+        },
+        "Detail#1160:13": {
+          "prop": "children"
+        },
+        "Show Detail#1160:26": {
+          "prop": "children",
+          "note": "false means no children passed"
+        },
+        "Reject Label#1160:39": {
+          "prop": "rejectLabel"
+        },
+        "Edit Label#1160:52": {
+          "prop": "editLabel"
+        },
+        "Approve Label#1160:65": {
+          "prop": "approveLabel"
+        },
+        "Show Edit#1160:78": {
+          "prop": "onEdit",
+          "note": "the Edit button renders only when onEdit is supplied"
+        }
+      }
+    },
+    "Agent Activity": {
+      "figmaComponent": "Agent Activity",
+      "figmaNodeId": "1162:246",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivity",
+      "import": "import { AgentActivity } from 'ionbase-ui';",
+      "docs": "components/agent-activity/index.html.md",
+      "props": {}
+    },
+    "Agent Activity Step": {
+      "figmaComponent": "Agent Activity Step",
+      "figmaNodeId": "1161:287",
+      "figmaPage": "Agent Activity",
+      "component": "AgentActivityStep",
+      "import": "import { AgentActivityStep } from 'ionbase-ui';",
+      "docs": "components/agent-activity-step/index.html.md",
+      "props": {
+        "Status": {
+          "prop": "status",
+          "values": {
+            "Pending": "pending",
+            "Active": "active",
+            "Done": "done",
+            "Failed": "failed",
+            "Skipped": "skipped"
+          }
+        },
+        "Label#1162:0": {
+          "prop": "children"
+        },
+        "Detail#1162:6": {
+          "prop": "detail"
+        },
+        "Show Detail#1162:12": {
+          "prop": "detail",
+          "note": "false means detail is omitted"
+        }
+      }
+    },
+    "Streaming Text": {
+      "figmaComponent": "Streaming Text",
+      "figmaNodeId": "1164:248",
+      "figmaPage": "Streaming Text",
+      "component": "StreamingText",
+      "import": "import { StreamingText } from 'ionbase-ui';",
+      "docs": "components/streaming-text/index.html.md",
+      "props": {
+        "Streaming": {
+          "prop": "isStreaming",
+          "values": {
+            "True": true,
+            "False": false
+          }
+        },
+        "Text#1164:0": {
+          "prop": "children"
+        }
+      }
+    },
+    "Citation": {
+      "figmaComponent": "Citation",
+      "figmaNodeId": "1167:247",
+      "figmaPage": "Citation",
+      "component": "Citation",
+      "import": "import { Citation } from 'ionbase-ui';",
+      "docs": "components/citation/index.html.md",
+      "props": {
+        "State": {
+          "ignore": "Default/Hover is :hover in code"
+        },
+        "Index#1167:0": {
+          "prop": "index"
+        },
+        "Focused#1167:3": {
+          "ignore": "drawn focus ring; :focus-visible in code"
+        }
+      }
+    },
+    "Citation List": {
+      "figmaComponent": "Citation List",
+      "figmaNodeId": "1168:246",
+      "figmaPage": "Citation",
+      "component": "CitationList",
+      "import": "import { CitationList } from 'ionbase-ui';",
+      "docs": "components/citation-list/index.html.md",
+      "props": {
+        "Label#1168:4": {
+          "prop": "label"
+        }
+      }
+    },
+    "Citation List Item": {
+      "figmaComponent": "Citation List Item",
+      "figmaNodeId": "1168:241",
+      "figmaPage": "Citation",
+      "component": "CitationListItem",
+      "import": "import { CitationListItem } from 'ionbase-ui';",
+      "docs": "components/citation-list-item/index.html.md",
+      "props": {
+        "Index#1168:0": {
+          "prop": "index"
+        },
+        "Source#1168:1": {
+          "prop": "source"
+        },
+        "Passage#1168:2": {
+          "prop": "children"
+        },
+        "Show Passage#1168:3": {
+          "prop": "children",
+          "note": "false means no children passed"
+        }
+      }
+    },
+    "Confidence Indicator": {
+      "figmaComponent": "Confidence Indicator",
+      "figmaNodeId": "1166:262",
+      "figmaPage": "Confidence Indicator",
+      "component": "ConfidenceIndicator",
+      "import": "import { ConfidenceIndicator } from 'ionbase-ui';",
+      "docs": "components/confidence-indicator/index.html.md",
+      "props": {
+        "Level": {
+          "prop": "level",
+          "values": {
+            "Low": "low",
+            "Medium": "medium",
+            "High": "high"
+          }
+        },
+        "Basis#1166:0": {
+          "prop": "basis"
+        }
+      }
     }
   },
   "unmapped": {
@@ -2146,14 +2594,6 @@
     "TableHead": "As Table — a code-side grouping element. Figma expresses a header row as a Table Row variant, not a separate component.",
     "TableBody": "As TableHead.",
     "ToastProvider": "Figma draws Toast, which is mapped. The provider is placement, queueing and the live region — runtime behaviour with nothing to draw.",
-    "AgentStop": "Agentic tier. Not yet drawn in Figma.",
-    "ApprovalGate": "Agentic tier. Not yet drawn in Figma.",
-    "StreamingText": "Agentic tier. Not yet drawn in Figma.",
-    "AgentActivity": "Agentic tier. Not yet drawn in Figma.",
-    "AgentActivityStep": "Agentic tier. Not yet drawn in Figma.",
-    "Citation": "Agentic tier. Not yet drawn in Figma.",
-    "CitationList": "Agentic tier. Not yet drawn in Figma.",
-    "CitationListItem": "Agentic tier. Not yet drawn in Figma.",
-    "ConfidenceIndicator": "Agentic tier. Not yet drawn in Figma."
+    "EmptyState": "Not yet drawn in Figma. Repo-owned: the pattern tier demanded an empty state that the component tier did not ship, and it was built from that requirement rather than from a frame. Draw it and this line goes."
   }
 }

package/dist/meta/AgentStop.json

@@ -95,7 +95,6 @@
     "--spacing-16",
     "--spacing-20",
     "--spacing-32",
-    "--spacing-4",
     "--spacing-40",
     "--spacing-48",
     "--spacing-8",
@@ -107,9 +106,9 @@
     "--text-error",
     "--text-secondary",
     "--type-body",
-    "--type-body-lg",
-    "--type-body-lg-line-height",
     "--type-body-line-height",
+    "--type-body-md",
+    "--type-body-md-line-height",
     "--type-body-sm",
     "--type-body-sm-line-height"
   ],

package/dist/meta/Badge.json

@@ -42,6 +42,25 @@
       "information": {
         "use": "a neutral fact worth marking: Draft, Scheduled"
       }
+    },
+    "size": {
+      "sm": {
+        "use": "the default. 20px tall on caption type — a marker beside a row, a cell or a title"
+      },
+      "md": {
+        "use": "24px on body-sm. Use when the badge sits in body copy and a caption-sized label would read as a footnote"
+      },
+      "lg": {
+        "use": "32px. A page-level status the eye should reach before the prose, not a marker in a list"
+      }
+    },
+    "shape": {
+      "pill": {
+        "use": "the default. Fully round at every size"
+      },
+      "rounded": {
+        "use": "a squarer corner that steps with the size — 4/6/8. Use when the badge sits in a grid of rectangular things and a pill reads as the odd one out"
+      }
     }
   },
   "slots": {
@@ -84,13 +103,21 @@
     "--icon-information",
     "--icon-primary",
     "--icon-secondary",
+    "--icon-size-2xs",
+    "--icon-size-md",
+    "--icon-size-sm",
     "--icon-success",
     "--icon-warning",
     "--radius-full",
+    "--radius-md",
+    "--radius-sm",
+    "--radius-xs",
     "--spacing-2",
+    "--spacing-20",
+    "--spacing-24",
+    "--spacing-32",
     "--spacing-4",
     "--spacing-6",
-    "--spacing-8",
     "--surface-error-subtle",
     "--surface-information-subtle",
     "--surface-page",
@@ -103,6 +130,8 @@
     "--text-secondary",
     "--text-success",
     "--text-warning",
+    "--type-body-sm",
+    "--type-body-sm-line-height",
     "--type-caption",
     "--type-caption-line-height"
   ],
@@ -121,6 +150,27 @@
         "information"
       ]
     },
+    "size": {
+      "type": "BadgeSize | undefined",
+      "required": false,
+      "origin": "own",
+      "description": "Figma's `Size` variant. Heights are 20 / 24 / 32, pinned rather than\nderived from padding. `sm` is the default and is the size this component\nshipped with before the ramp existed.",
+      "values": [
+        "sm",
+        "md",
+        "lg"
+      ]
+    },
+    "shape": {
+      "type": "BadgeShape | undefined",
+      "required": false,
+      "origin": "own",
+      "description": "Figma's `Shape` variant. `rounded` steps its corner with the size so the\nradius stays proportional; `pill` is fully round at every size.",
+      "values": [
+        "pill",
+        "rounded"
+      ]
+    },
     "dot": {
       "type": "boolean | undefined",
       "required": false,
@@ -140,7 +190,7 @@
     }
   },
   "propCounts": {
-    "own": 4,
+    "own": 6,
     "aria": 0,
     "dom": 277,
     "other": 0