@czi-sds/mcp 0.16.0 → 0.18.0

package/data/component-props/StackedBarChart.json

@@ -2,94 +2,168 @@
   "StackedBarChart": {
     "props": {
       "badge": {
-        "type": "string",
+        "defaultValue": "the selection count",
+        "description": "Overrides the badge text, which otherwise counts the data and the selection\n(\"7\", or \"3 of 7\").",
         "isRequired": false,
-        "description": "Badge text to display next to the title\nIf not provided, defaults to showing item count based on selection:\n- No selection: total count (e.g., \"5\")\n- Partial selection: selected count (e.g., \"3 of 5\")\n- All selected: \"All\""
+        "type": "string"
       },
       "hideBadge": {
-        "type": "\"false\" | \"true\"",
+        "defaultValue": false,
+        "description": "Removes the badge, leaving the title on its own.",
         "isRequired": false,
-        "description": "Hide the badge when true",
-        "defaultValue": false
+        "type": "boolean"
       },
       "barHeight": {
-        "type": "number",
+        "defaultValue": 16,
+        "description": "Height of the bar in pixels. Values below 1 are clamped to 1, so the bar\ncannot disappear.",
         "isRequired": false,
-        "description": "Height of the bar in pixels (minimum 1px)",
-        "defaultValue": 16
+        "type": "number"
       },
       "data": {
-        "type": "StackedBarChartDataItem[]",
+        "defaultValue": "- (required)",
+        "description": "The segments, in the order they are drawn.",
         "isRequired": true,
-        "description": "Array of data items to display in the stacked bar"
+        "type": "StackedBarChartDataItem[]"
       },
       "maxAmount": {
-        "type": "number",
+        "defaultValue": "sum of values",
+        "description": "Cumulative mode only. The value the full bar represents. Any difference\nbetween it and the sum of the data is drawn as the Remaining segment.",
         "isRequired": false,
-        "description": "Maximum amount for the bar (used only in \"cumulative\" mode)\nIf not provided, defaults to sum of all values (no remaining segment)\nIf provided and sum < maxAmount, shows gray \"remaining\" segment"
+        "type": "number"
       },
       "mode": {
-        "type": "\"proportional\" | \"cumulative\"",
+        "defaultValue": "proportional",
+        "description": "Whether the bar shows a breakdown of the data (segments always fill it) or\nprogress towards maxAmount.",
         "isRequired": false,
-        "description": "Chart mode - controls how segments are calculated\n- \"proportional\": Segments fill entire bar (100%), proportional to their values\n- \"cumulative\": Segments sized based on actual values relative to maxAmount",
-        "defaultValue": "proportional"
+        "type": "\"proportional\" | \"cumulative\""
       },
       "legendValueFormat": {
-        "type": "\"percentage\" | \"count\"",
+        "defaultValue": "percentage",
+        "description": "\"percentage\" shows the segment's share of the bar, rounded. \"count\" shows\nthe raw value followed by the item's unit, or the chart's unit if the item\nhas none.",
         "isRequired": false,
-        "description": "Format for legend values\n- \"percentage\": Shows percentage of the item in the bar chart (e.g., \"20%\")\n- \"count\": Shows the count from the data object with the unit defined by the unit prop",
-        "defaultValue": "percentage"
+        "type": "\"count\" | \"percentage\""
       },
       "selectionBehavior": {
-        "type": "\"dim\" | \"hide\"",
+        "defaultValue": "dim",
+        "description": "What a selection does to the unselected segments: fade them to 20% opacity,\nor drop them from the bar and let the rest take the space.",
         "isRequired": false,
-        "description": "Behavior to apply when items are selected\n- \"dim\": Non-selected segments become semi-transparent (20% opacity)\n- \"hide\": Non-selected segments are hidden from the bar chart",
-        "defaultValue": "dim"
+        "type": "\"dim\" | \"hide\""
       },
       "remainingLabel": {
-        "type": "string",
+        "defaultValue": "Remaining",
+        "description": "Name of the grey gap segment in cumulative mode.",
         "isRequired": false,
-        "description": "Label for the remaining/unknown segment in cumulative mode",
-        "defaultValue": "Remaining"
+        "type": "string"
       },
       "remainingUnit": {
-        "type": "string",
+        "defaultValue": "the charts unit",
+        "description": "A unit for the Remaining segment's value alone.",
         "isRequired": false,
-        "description": "Unit to display with the remaining segment value in cumulative mode\nIf not provided, uses the unit from the first data item (if available)"
+        "type": "string"
       },
       "showLegend": {
-        "type": "\"false\" | \"true\"",
+        "defaultValue": true,
+        "description": "Draws the legend below the bar. It is the only place segment names appear,\nand the only part of the chart a keyboard can reach.",
         "isRequired": false,
-        "description": "Whether to show the legend below the chart",
-        "defaultValue": true
+        "type": "boolean"
       },
       "showLegendValues": {
-        "type": "\"false\" | \"true\"",
+        "defaultValue": true,
+        "description": "Shows each item's value beside its name in the legend.",
         "isRequired": false,
-        "description": "Whether to show percentage values in the legend",
-        "defaultValue": true
+        "type": "boolean"
       },
       "title": {
-        "type": "string",
+        "description": "A heading above the bar. It is also what makes room for the badge; with no\ntitle, no badge is drawn.",
         "isRequired": false,
-        "description": "Title to display above the chart"
+        "type": "string"
       },
       "unit": {
-        "type": "string",
+        "description": "The unit appended to counted values, for items that do not carry one of\ntheir own.",
         "isRequired": false,
-        "description": "Global unit to display with values in cumulative mode (e.g., \"GB\", \"datasets\", \"K\")\nIndividual data items can override this with their own unit property\nOnly shown when mode is \"cumulative\""
+        "type": "string"
       },
       "width": {
-        "type": "\"string\" | \"number\"",
+        "defaultValue": "100%",
+        "description": "Any CSS width; a number is read as pixels. It sets the width of the whole\nchart, legend included.",
         "isRequired": false,
-        "description": "Width of the chart - accepts any CSS width value (e.g., \"100%\", \"20vw\", \"300px\", or number for pixels)",
-        "defaultValue": "100%"
+        "type": "string | number"
       },
       "colorGeneratorOptions": {
-        "type": "DiscreteColorGeneratorOptions",
+        "description": "Tunes the generated palette (start hue, rotations, lightness range, gamma).\nItems with their own color are untouched by it.",
         "isRequired": false,
-        "description": "Options for the color generator"
+        "type": "DiscreteColorGeneratorOptions"
+      },
+      "selectedIndices": {
+        "defaultValue": [],
+        "description": "Indices into data that are currently selected. The chart is controlled: it\ndraws this and never changes it.",
+        "isRequired": false,
+        "type": "number[]"
+      },
+      "onSelectionChange": {
+        "description": "Called with the next selection when a segment or legend item is clicked.\nWithout it, clicking selects nothing.",
+        "isRequired": false,
+        "type": "(selectedIndices: number[], selectedData: StackedBarChartDataItem[]) => void"
+      },
+      "onSegmentClick": {
+        "description": "Fires on a segment click, alongside any selection change rather than\ninstead of it.",
+        "isRequired": false,
+        "type": "(item: StackedBarChartDataItem, index: number) => void"
+      },
+      "onLegendItemClick": {
+        "description": "The same, for a click on a legend item.",
+        "isRequired": false,
+        "type": "(item: StackedBarChartDataItem, index: number) => void"
+      },
+      "onSegmentMouseEnter": {
+        "description": "Called when the pointer enters a segment. The chart already syncs its own\nhover highlight between bar and legend, so this is for driving something\noutside it.",
+        "isRequired": false,
+        "type": "(item: StackedBarChartDataItem, index: number) => void"
+      },
+      "onSegmentMouseLeave": {
+        "description": "Called when the pointer leaves a segment.",
+        "isRequired": false,
+        "type": "(item: StackedBarChartDataItem, index: number) => void"
+      },
+      "onLegendItemMouseEnter": {
+        "description": "Called when the pointer enters a legend item.",
+        "isRequired": false,
+        "type": "(item: StackedBarChartDataItem, index: number) => void"
+      },
+      "onLegendItemMouseLeave": {
+        "description": "Called when the pointer leaves a legend item.",
+        "isRequired": false,
+        "type": "(item: StackedBarChartDataItem, index: number) => void"
+      },
+      "name": {
+        "defaultValue": "- (required)",
+        "description": "The segment's label in the legend, and the key the animations track it by. Must be unique within the chart.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "value": {
+        "defaultValue": "- (required)",
+        "description": "The quantity the segment stands for.",
+        "isRequired": false,
+        "type": "number"
+      },
+      "color": {
+        "defaultValue": "generated",
+        "description": "Any CSS color. Without it the segment takes a generated palette color, which can shift as categories come and go.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "disabled": {
+        "defaultValue": false,
+        "description": "Takes the segment and its legend item out of every interaction: no hover, no tooltip, no selection.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "tooltip": {
+        "description": "Content for a TooltipTable shown above the segment on hover. Use it for the breakdown behind the number; a segment without it has no tooltip.",
+        "isRequired": false,
+        "type": "TooltipTableContentProps"
       }
     }
   }
-}
+}

package/data/component-props/TableRow.json

@@ -2,41 +2,60 @@
   "TableRow": {
     "props": {
       "disabled": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": false,
+        "description": "Grays the row out and stops pointer events inside its CellComponents, so controls in the row cannot be used. Tags and icons in the row are dimmed to match.",
+        "isRequired": false,
+        "type": "boolean"
       },
       "hover": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": true,
+        "description": "Gives the row a hover background, and is also required for its tooltip to appear. TableHeader sets it to false for the header row.",
+        "isRequired": false,
+        "type": "boolean"
       },
       "rowHeight": {
-        "type": "number",
-        "isRequired": false
+        "description": "Caps the row's height, in pixels.",
+        "isRequired": false,
+        "type": "number"
       },
       "selected": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": false,
+        "description": "Gives the row's cells the accent surface used for selection. It is styling only; it sets no ARIA state.",
+        "isRequired": false,
+        "type": "boolean"
       },
       "shouldShowTooltipOnHover": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": true,
+        "description": "Wraps the row in a Tooltip, but only while hover is also true. On its own it shows nothing: a row tooltip needs tooltipText as well.",
+        "isRequired": false,
+        "type": "boolean"
       },
       "tooltipProps": {
-        "type": "TooltipProps",
-        "isRequired": false
+        "description": "Passed to the Tooltip, and overrides the defaults the row sets (arrow, dark style).",
+        "isRequired": false,
+        "type": "Partial<TooltipProps>"
       },
       "tooltipSubtitle": {
-        "type": "string",
-        "isRequired": false
+        "description": "A second line below the tooltip's title.",
+        "isRequired": false,
+        "type": "string"
       },
       "tooltipText": {
-        "type": "string",
-        "isRequired": false
+        "description": "The tooltip's title.",
+        "isRequired": false,
+        "type": "string"
       },
       "useDivider": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": true,
+        "description": "Draws the 1px divider along the bottom of the row.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "children": {
+        "description": "Required. The row's cells.",
+        "isRequired": false,
+        "type": "React.ReactNode"
       }
     }
   }
-}
+}

package/data/component-props/Tabs.json

@@ -1,18 +1,75 @@
 {
   "Tabs": {
     "props": {
-      "items": {
-        "type": "any",
-        "isRequired": false
-      },
       "sdsSize": {
-        "type": "any",
-        "isRequired": false
+        "defaultValue": "large",
+        "description": "The size of the label text on every tab in the group, and the spacing around the group.",
+        "isRequired": false,
+        "type": "\"large\" | \"small\""
       },
       "underlined": {
-        "type": "any",
-        "isRequired": false
+        "defaultValue": false,
+        "description": "Draws a divider along the full width of the group, below the tabs; the selected tab's indicator sits on top of it.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "selectionFollowsFocus": {
+        "defaultValue": false,
+        "description": "MUI's prop for selecting a tab as soon as the arrow keys reach it, instead of waiting for Space or Enter.",
+        "isRequired": false,
+        "type": "boolean"
+      }
+    }
+  },
+  "Tab": {
+    "props": {
+      "children": {
+        "defaultValue": "- (required)",
+        "description": "This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",
+        "isRequired": false,
+        "type": "null"
+      },
+      "onChange": {
+        "description": "Runs when a tab is selected, with that tab's value. Write it back to value, or the group will keep showing the same tab.",
+        "isRequired": false,
+        "type": "FormEventHandler<HTMLDivElement>"
+      },
+      "aria-label": {
+        "description": "Defines a string value that labels the current element.\n@see aria-labelledby.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "label": {
+        "description": "The label element.",
+        "isRequired": false,
+        "type": "ReactNode"
+      },
+      "count": {
+        "description": "A value drawn after the label: a number, a string, or a component. 0 is drawn rather than dropped, and whatever renders joins the tab's accessible name.",
+        "isRequired": false,
+        "type": "ReactNode"
+      },
+      "disabled": {
+        "defaultValue": false,
+        "description": "If `true`, the component is disabled.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "id": {
+        "description": "The tab's id, for a panel's aria-labelledby to point at. Not generated for you.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "aria-controls": {
+        "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "selected": {
+        "description": "Set by the group from its value, and used to draw the label in semibold. Not something to pass yourself.",
+        "isRequired": false,
+        "type": "boolean"
       }
     }
   }
-}
+}

package/data/component-props/Tag.json

@@ -2,39 +2,56 @@
   "Tag": {
     "props": {
       "color": {
-        "type": "\"info\" | \"positive\" | \"notice\" | \"negative\" | \"neutral\" | \"beta\" | \"[string, string]\" | \"[string, string, string]\"",
-        "isRequired": false
+        "defaultValue": "neutral",
+        "description": "The tag's intent, given either as one of the six names or as CSS colors: [label color, background color]: the icon stays white [label color, background color, icon color]",
+        "isRequired": false,
+        "type": "\"info\" | \"negative\" | \"notice\" | \"positive\" | \"neutral\" | \"beta\" | [string, string] | [string, string, string]"
       },
       "hover": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": true,
+        "description": "Whether the tag responds to the pointer with a darker fill and a pointer cursor. False removes the tag from pointer events altogether, which also keeps a surrounding Tooltip from opening.",
+        "isRequired": false,
+        "type": "boolean"
       },
       "icon": {
-        "type": "ReactElement",
+        "description": "Icon element.",
         "isRequired": false,
-        "description": "Icon element."
+        "type": "ReactElement"
       },
       "label": {
-        "type": "string",
+        "defaultValue": "- (required)",
+        "description": "The tag's text, and its accessible name. It is cut off with an ellipsis\nrather than wrapped, so keep it to a word or two.",
         "isRequired": true,
-        "description": "The content of the component."
+        "type": "string"
       },
       "onClick": {
-        "type": "function",
-        "isRequired": false
+        "description": "MUI's prop. Makes the tag a button: a tab stop that answers Enter and Space.",
+        "isRequired": false,
+        "type": "function"
       },
       "sdsSize": {
-        "type": "\"s\" | \"l\"",
-        "isRequired": false
+        "defaultValue": "s",
+        "description": "The size of the tag: an 11px label with a 12px icon, or a 13px label with a 24px icon. A large tag has to have an icon.",
+        "isRequired": false,
+        "type": "\"s\" | \"l\""
       },
       "sdsStyle": {
-        "type": "\"square\" | \"rounded\"",
-        "isRequired": false
+        "defaultValue": "square",
+        "description": "The shape of the tag. The design guidance treats rounded as the default for the system, so it is usually worth passing.",
+        "isRequired": false,
+        "type": "\"square\" | \"rounded\""
       },
       "sdsType": {
-        "type": "\"primary\" | \"secondary\"",
-        "isRequired": false
+        "defaultValue": "primary",
+        "description": "primary fills the tag with the intent color and sets the label white. secondary tints the fill and keeps the label and a 1px border in the intent color.",
+        "isRequired": false,
+        "type": "\"primary\" | \"secondary\""
+      },
+      "onDelete": {
+        "description": "Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",
+        "isRequired": false,
+        "type": "(event: any) => void"
       }
     }
   }
-}
+}

package/data/component-props/TagFilter.json

@@ -2,10 +2,17 @@
   "TagFilter": {
     "props": {
       "label": {
-        "type": "string",
+        "defaultValue": "- (required)",
+        "description": "The filter's text. Cut off with an ellipsis when there is not room for it.",
         "isRequired": true,
-        "description": "The content of the component."
+        "type": "string"
+      },
+      "onDelete": {
+        "defaultValue": "- (required)",
+        "description": "Runs when the X is clicked or activated, and when Backspace or Delete is\npressed on the tag. Drop the filter from your state here; the component\ndoes not remove itself.",
+        "isRequired": true,
+        "type": "(event: any) => void"
       }
     }
   }
-}
+}

package/data/component-props/Tooltip.json

@@ -2,36 +2,67 @@
   "Tooltip": {
     "props": {
       "arrowOffset": {
-        "type": "number",
-        "isRequired": false
+        "description": "Sets the arrow's left position, in pixels from the tooltip's left edge, instead of letting it be calculated. Values past the tooltip's width move the arrow out of sight.",
+        "isRequired": false,
+        "type": "number"
       },
       "componentSlot": {
-        "type": "ReactNode",
-        "isRequired": false
-      },
-      "hasInvertedStyle": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "description": "Content below the text, with 12px above it when there is text. The place for anything that is not a string, including TooltipTable.",
+        "isRequired": false,
+        "type": "ReactNode"
       },
       "placement": {
-        "type": "complex",
-        "isRequired": false,
+        "defaultValue": "bottom",
         "description": "Tooltip placement.",
-        "defaultValue": "bottom"
+        "isRequired": false,
+        "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | \"auto\" | \"auto-start\" | \"auto-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\""
       },
       "textAlign": {
-        "type": "\"center\" | \"right\" | \"left\"",
-        "isRequired": false
+        "defaultValue": "center, or left when wide",
+        "description": "Overrides the alignment the width would pick.",
+        "isRequired": false,
+        "type": "\"center\" | \"left\" | \"right\""
       },
       "title": {
-        "type": "ReactNode",
+        "description": "Tooltip title. Zero-length titles string, undefined, null and false are never displayed.",
         "isRequired": false,
-        "description": "Tooltip title. Zero-length titles string, undefined, null and false are never displayed."
+        "type": "ReactNode"
       },
       "width": {
-        "type": "\"default\" | \"wide\"",
-        "isRequired": false
+        "defaultValue": "default",
+        "description": "Caps the tooltip at 250px or 550px. Wide also left-aligns the text.",
+        "isRequired": false,
+        "type": "\"default\" | \"wide\""
+      },
+      "subtitle": {
+        "description": "A smaller, dimmer second line under the title, for a detail such as how to use what the tooltip points at.",
+        "isRequired": false,
+        "type": "ReactNode"
+      },
+      "arrow": {
+        "defaultValue": false,
+        "description": "If `true`, adds an arrow to the tooltip.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "PopperComponent": {
+        "defaultValue": "SDS StyledPopper",
+        "description": "The popper the tooltip renders into, carrying the arrow's shape and\nplacement.\n\n(v9): MUI removed the Tooltip `PopperComponent` prop in favor of\n`slots.popper`. We keep `PopperComponent` as an SDS prop for backward\ncompatibility and map it to `slots.popper` internally.",
+        "isRequired": false,
+        "type": "\"symbol\" | \"object\" | \"style\" | \"button\" | \"div\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" | \"body\" | \"br\" | \"canvas\" | \"caption\" | \"center\" | \"cite\" | \"code\" | \"col\" | \"colgroup\" | \"data\" | \"datalist\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"dialog\" | \"dl\" | \"dt\" | \"em\" | \"embed\" | \"fieldset\" | \"figcaption\" | \"figure\" | \"footer\" | \"form\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"head\" | \"header\" | \"hgroup\" | \"hr\" | \"html\" | \"i\" | \"iframe\" | \"img\" | \"input\" | \"ins\" | \"kbd\" | \"keygen\" | \"label\" | \"legend\" | \"li\" | \"link\" | \"main\" | \"map\" | \"mark\" | \"menu\" | \"menuitem\" | \"meta\" | \"meter\" | \"nav\" | \"noindex\" | \"noscript\" | \"ol\" | \"optgroup\" | \"option\" | \"output\" | \"p\" | \"param\" | \"picture\" | \"pre\" | \"progress\" | \"q\" | \"rp\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"search\" | \"slot\" | \"script\" | \"section\" | \"select\" | \"small\" | \"source\" | \"span\" | \"strong\" | \"sub\" | \"summary\" | \"sup\" | \"table\" | \"template\" | \"tbody\" | \"td\" | \"textarea\" | \"tfoot\" | \"th\" | \"thead\" | \"time\" | \"title\" | \"tr\" | \"track\" | \"u\" | \"ul\" | \"var\" | \"video\" | \"wbr\" | \"webview\" | \"svg\" | \"animate\" | \"animateMotion\" | \"animateTransform\" | \"circle\" | \"clipPath\" | \"defs\" | \"desc\" | \"ellipse\" | \"feBlend\" | \"feColorMatrix\" | \"feComponentTransfer\" | \"feComposite\" | \"feConvolveMatrix\" | \"feDiffuseLighting\" | \"feDisplacementMap\" | \"feDistantLight\" | \"feDropShadow\" | \"feFlood\" | \"feFuncA\" | \"feFuncB\" | \"feFuncG\" | \"feFuncR\" | \"feGaussianBlur\" | \"feImage\" | \"feMerge\" | \"feMergeNode\" | \"feMorphology\" | \"feOffset\" | \"fePointLight\" | \"feSpecularLighting\" | \"feSpotLight\" | \"feTile\" | \"feTurbulence\" | \"filter\" | \"foreignObject\" | \"g\" | \"image\" | \"line\" | \"linearGradient\" | \"marker\" | \"mask\" | \"metadata\" | \"mpath\" | \"path\" | \"pattern\" | \"polygon\" | \"polyline\" | \"radialGradient\" | \"rect\" | \"set\" | \"stop\" | \"switch\" | \"text\" | \"textPath\" | \"tspan\" | \"use\" | \"view\" | ComponentClass<any, any> | FunctionComponent<any>"
+      },
+      "disableInteractive": {
+        "defaultValue": false,
+        "description": "Makes a tooltip not interactive, i.e. it will close when the user\nhovers over the tooltip before the `leaveDelay` is expired.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "followCursor": {
+        "defaultValue": false,
+        "description": "If `true`, the tooltip follow the cursor over the wrapped element.",
+        "isRequired": false,
+        "type": "boolean"
       }
     }
   }
-}
+}

package/data/component-props/TooltipCondensed.json

@@ -1,18 +1,27 @@
 {
   "TooltipCondensed": {
     "props": {
-      "hasInvertedStyle": {
-        "type": "any",
-        "isRequired": false
-      },
       "indicator": {
-        "type": "any",
-        "isRequired": false
+        "defaultValue": false,
+        "description": "Draws a 12px round dot before the text.",
+        "isRequired": false,
+        "type": "boolean"
       },
       "indicatorColor": {
-        "type": "any",
-        "isRequired": false
+        "description": "The dot's colour, as a CSS colour. Without it the dot occupies its space but cannot be seen.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "title": {
+        "description": "The label to show. Pass null when the content is coming through componentSlot instead.",
+        "isRequired": false,
+        "type": "ReactNode"
+      },
+      "componentSlot": {
+        "description": "Inherited from Tooltip, and how a TooltipTable is placed inside a condensed tooltip.",
+        "isRequired": false,
+        "type": "ReactNode"
       }
     }
   }
-}
+}

package/data/component-props/TooltipTable.json

@@ -2,17 +2,27 @@
   "TooltipTable": {
     "props": {
       "contentAlert": {
-        "type": "\"string\" | \"Element\"",
-        "isRequired": false
+        "description": "A note above the whole table, for a caveat about the numbers. Takes an element, so it can hold a link.",
+        "isRequired": false,
+        "type": "string | Element"
       },
       "itemAlign": {
-        "type": "\"left\" | \"right\"",
-        "isRequired": false
+        "defaultValue": "right",
+        "description": "Which side of its column each value sits on. Right lines numbers up with each other.",
+        "isRequired": false,
+        "type": "\"left\" | \"right\""
       },
       "showSectionHeader": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
+        "defaultValue": true,
+        "description": "Whether section labels are drawn. False hides all of them; the dividers between sections stay.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "data": {
+        "description": "The sections, drawn in order and separated by dividers. A section's label heads it, its dataRows fill it, and disabled greys the whole block.",
+        "isRequired": false,
+        "type": "{ label?: string | undefined; dataRows: { label: string; value: string | number; }[]; disabled?: boolean | undefined; }[]"
       }
     }
   }
-}
+}