@czi-sds/mcp 0.17.0 → 0.18.0

package/data/component-docs/index.json

@@ -204,6 +204,11 @@
     "package": "@czi-sds/components",
     "source": "packages/components/src/core/PreComposedTable/__storybook__/docs/content.html"
   },
+  "ProteinStructureViewer": {
+    "file": "ProteinStructureViewer.md",
+    "package": "@czi-sds/data-viz",
+    "source": "packages/data-viz/src/core/ProteinStructureViewer/__storybook__/docs/content.html"
+  },
   "SegmentedControl": {
     "file": "SegmentedControl.md",
     "package": "@czi-sds/components",

package/data/component-list.json

@@ -58,5 +58,5 @@
     "TooltipCondensed",
     "TooltipTable"
   ],
-  "data-viz": ["HeatmapChart", "StackedBarChart"]
+  "data-viz": ["HeatmapChart", "ProteinStructureViewer", "StackedBarChart"]
 }

package/data/component-props/Autocomplete.json

@@ -10,7 +10,7 @@
         "defaultValue": "default",
         "description": "Validation styling on the search field. Single column only; the multi-column field does not take it.",
         "isRequired": false,
-        "type": "InputSearchProps"
+        "type": "\"default\" | \"negative\" | \"notice\" | \"positive\""
       },
       "keepSearchOnSelect": {
         "defaultValue": false,
@@ -44,12 +44,12 @@
       "value": {
         "description": "The selection. An array when multiple, and a record keyed by column name when there is more than one column.",
         "isRequired": false,
-        "type": "string | Exclusive<AutocompleteOptionBasic, AutocompleteOptionComponent> | Exclusive<AutocompleteOptionComponent, AutocompleteOptionBasic> | Record<string | number | symbol, AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>> | (T | AutocompleteFreeSoloValueMapping<FreeSolo>)[] | AutocompleteOptionBasic & { component?: undefined; } | AutocompleteOptionComponent & { details?: undefined; icon?: undefined; count?: undefined; sdsIconProps?: undefined; }"
+        "type": "string | Exclusive<AutocompleteOptionBasic, AutocompleteOptionComponent> | Exclusive<AutocompleteOptionComponent, AutocompleteOptionBasic> | Record<string | number | symbol, AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>> | (T | AutocompleteFreeSoloValueMapping<FreeSolo>)[] | AutocompleteOptionBasic & { component?: undefined; } | AutocompleteOptionComponent & { details?: undefined; icon?: undefined; count?: undefined; sdsIconProps?: undefined; } | null"
       },
       "onInputChange": {
         "description": "Callback fired when the input value changes.\n@param event The event source of the callback.\n@param value The new value of the text input.\n@param reason Can be: `\"input\"` (user input), `\"reset\"` (programmatic change), `\"clear\"`, `\"blur\"`, `\"selectOption\"`, `\"removeOption\"`",
         "isRequired": false,
-        "type": "((event: SyntheticEvent"
+        "type": "((event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void) & ((event: SyntheticEvent<...>, value: string, reason: AutocompleteInputChangeReason) => void)"
       },
       "search": {
         "defaultValue": false,
@@ -75,7 +75,7 @@
       "InputBaseProps": {
         "description": "Props for the search field. This is the way in: SDS supplies renderInput itself.",
         "isRequired": false,
-        "type": "InputSearchProps"
+        "type": "Partial<InputSearchProps>"
       },
       "renderInput": {
         "defaultValue": "an SDS InputSearch",

package/data/component-props/Banner.json

@@ -36,7 +36,7 @@
       "sdsIconProps": {
         "description": "Additional props to be passed to the icon component.",
         "isRequired": false,
-        "type": "IconProps<string | number | symbol>"
+        "type": "Partial<IconProps<keyof IconNameToSizes>>"
       },
       "sdsType": {
         "description": "Required. The primary variant fills the Banner with the intent's primary surface color and uses the on-fill text color. The secondary variant uses the intent's secondary surface color with the standard primary text color.",

package/data/component-props/Callout.json

@@ -57,7 +57,7 @@
       "sdsIconProps": {
         "description": "Props forwarded to the Icon component when icon is given as a name.",
         "isRequired": false,
-        "type": "IconProps<string | number | symbol>"
+        "type": "Partial<IconProps>"
       },
       "sdsStage": {
         "defaultValue": "open",

package/data/component-props/CellBasic.json

@@ -90,7 +90,7 @@
       "tooltipProps": {
         "description": "Passed to the Tooltip, and overrides the defaults the cell sets (title, subtitle, arrow, dark style, no leave delay).",
         "isRequired": false,
-        "type": "TooltipProps"
+        "type": "Partial<TooltipProps>"
       },
       "verticalAlign": {
         "defaultValue": "top",

package/data/component-props/CellHeader.json

@@ -52,7 +52,7 @@
       "tooltipProps": {
         "description": "Passed to the Tooltip, and overrides the defaults the header sets (arrow, top-start placement, dark style).",
         "isRequired": false,
-        "type": "TooltipProps"
+        "type": "Partial<TooltipProps>"
       },
       "tooltipSubtitle": {
         "description": "A second line below the tooltip's title.",

package/data/component-props/ComplexFilter.json

@@ -10,7 +10,7 @@
         "defaultValue": "{ sdsStyle: minimal }",
         "description": "Passed straight to the InputDropdown that opens the filter. Note that supplying it replaces the default, so a filter that should stay minimal needs sdsStyle passed again alongside whatever else it sets.",
         "isRequired": false,
-        "type": "InputDropdownPropsType"
+        "type": "Partial<InputDropdownProps>"
       },
       "isTriggerChangeOnOptionClick": {
         "defaultValue": false,

package/data/component-props/ContentCard.json

@@ -16,7 +16,7 @@
       "classes": {
         "description": "Override or extend the styles applied to the component.",
         "isRequired": false,
-        "type": "complex"
+        "type": "{ cardPaper?: string | undefined; cardContent?: string | undefined; cardHeader?: string | undefined; cardMedia?: string | undefined; cardOverline?: string | undefined; cardTitle?: string | undefined; cardSubtitle?: string | undefined; cardMetadata?: string | undefined; cardActions?: string | undefined; clickableCard..."
       },
       "clickableCard": {
         "defaultValue": false,
@@ -27,7 +27,7 @@
       "clickableCardProps": {
         "description": "Props forwarded to the clickable card wrapper when clickableCard is true, including href and target to make the whole card a link.",
         "isRequired": false,
-        "type": "Partial<ButtonProps & { target?: HTMLAttributeAnchorTarget; }>"
+        "type": "Partial<ButtonProps & { target?: HTMLAttributeAnchorTarget | undefined; }>"
       },
       "decorativeBorder": {
         "defaultValue": false,

package/data/component-props/Dropdown.json

@@ -4,12 +4,12 @@
       "DropdownMenuProps": {
         "description": "These props are directly passed to the underlying DropdownMenu component, customizing its behavior. It is also the way to reach the menu's PopperComponent, PaperComponent and placement.",
         "isRequired": false,
-        "type": "SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>"
+        "type": "Partial<DropdownMenuProps>"
       },
       "InputDropdownProps": {
         "description": "These props are directly passed to the underlying InputDropdown component, customizing its behavior.",
         "isRequired": false,
-        "type": "InputDropdownPropsType"
+        "type": "Partial<InputDropdownPropsType>"
       },
       "buttonPosition": {
         "defaultValue": "left",
@@ -55,7 +55,7 @@
       "onChange": {
         "description": "Callback fired when the value changes.\n@param event The event source of the callback.\n@param value The new value of the component.\n@param reason One of \"createOption\", \"selectOption\", \"removeOption\", \"blur\" or \"clear\".\n@param details",
         "isRequired": false,
-        "type": "(event: SyntheticEvent"
+        "type": "(event: SyntheticEvent<Element, Event>, value: AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<...> | undefined) => void"
       },
       "onClose": {
         "description": "Callback fired when the popup requests to be closed.\nUse in controlled mode (see open).\n@param event The event source of the callback.\n@param reason Can be: `\"toggleInput\"`, `\"escape\"`, `\"selectOption\"`, `\"removeOption\"`, `\"blur\"`.",
@@ -92,7 +92,7 @@
       "onInputChange": {
         "description": "Callback fired when the input value changes.\n@param event The event source of the callback.\n@param value The new value of the text input.\n@param reason Can be: `\"input\"` (user input), `\"reset\"` (programmatic change), `\"clear\"`, `\"blur\"`, `\"selectOption\"`, `\"removeOption\"`",
         "isRequired": false,
-        "type": "((event: SyntheticEvent"
+        "type": "((event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void) & ((event: SyntheticEvent<...>, value: string, reason: AutocompleteInputChangeReason) => void)"
       },
       "InputDropdownComponent": {
         "defaultValue": "InputDropdown",

package/data/component-props/DropdownMenu.json

@@ -65,7 +65,7 @@
       "anchorEl": {
         "description": "Required. The element the menu is positioned against, usually the control that opens it. Until it is set the menu renders an empty container: the list is only mounted once there is something to anchor it to. See the MUI Popper API .",
         "isRequired": true,
-        "type": "HTMLElement"
+        "type": "HTMLElement | null"
       },
       "children": {
         "description": "Rendered inside the menu below the list, for footers such as an apply button.",
@@ -80,7 +80,7 @@
       "InputBaseProps": {
         "description": "Passed to the InputSearch the search prop renders. The menu sets autoFocus from isSearchAutoFocus and onClick to a no-op after these, so those two are the menu's to decide.",
         "isRequired": false,
-        "type": "InputSearchProps"
+        "type": "Partial<InputSearchProps>"
       },
       "isOptionEqualToValue": {
         "defaultValue": "(option, val) => option.name === val.name",
@@ -114,7 +114,7 @@
       "onInputChange": {
         "description": "Called as the search text changes; see more in the MUI Autocomplete API or in the Recipes section. Signature: function(event: SyntheticEvent, value: string, reason: AutocompleteInputChangeReason) => void",
         "isRequired": false,
-        "type": "(event: SyntheticEvent"
+        "type": "(event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void"
       },
       "onOpen": {
         "description": "Called when the list asks to open. Signature: function(event: SyntheticEvent) => void",

package/data/component-props/HeatmapChart.json

@@ -76,7 +76,7 @@
         "defaultValue": "a 2–4px border",
         "description": "How a cell is drawn while the pointer is over it. Takes the same shape as\n`itemStyle`: color, border, opacity.\nhttps://echarts.apache.org/en/option.html#series-scatter.emphasis",
         "isRequired": false,
-        "type": "ScatterStateOption"
+        "type": "ScatterStateOption<CallbackDataParams> & { focus?: DefaultEmphasisFocus | undefined; scale?: number | boolean | undefined; } & { ...; }"
       },
       "dataZoom": {
         "defaultValue": "the camera window",
@@ -88,7 +88,7 @@
         "defaultValue": "fills the container",
         "description": "Where the plotting area sits inside the container. The function form\nreceives the computed default, for insetting it without recomputing the\nsize.\nhttps://echarts.apache.org/en/option.html#grid",
         "isRequired": false,
-        "type": "GridOption | GridOption[] | (defaultOption: GridOption | GridOption[]) => GridOption | GridOption[]"
+        "type": "GridOption | GridOption[] | (defaultOption: GridOption | GridOption[] | undefined) => GridOption | GridOption[] | undefined"
       },
       "options": {
         "description": "Anything else ECharts understands, merged over the generated options.\nhttps://echarts.apache.org/en/option.html",

package/data/component-props/InputCheckbox.json

@@ -32,7 +32,7 @@
         "defaultValue": {},
         "description": "Class names for the internal elements: root, labelCaptionContainer, label,\ncaption, checkbox, checkboxCheckedIcon, checkboxDefaultIcon, and\ncheckboxIndeterminateIcon.",
         "isRequired": false,
-        "type": "complex"
+        "type": "{ root?: string | undefined; labelCaptionContainer?: string | undefined; label?: string | undefined; caption?: string | undefined; checkbox?: string | undefined; checkboxCheckedIcon?: string | undefined; checkboxDefaultIcon?: string | undefined; checkboxIndeterminateIcon?: string | undefined; }"
       },
       "checkboxProps": {
         "defaultValue": {},

package/data/component-props/InputDropdown.json

@@ -9,7 +9,7 @@
       "classes": {
         "description": "A class name for each part of the input, for styling one of them without reaching through the DOM: root, label, labelDetailsWrapper, contentWrapper, details, counter, iconWrapper, chevronIcon and minimalDetails.",
         "isRequired": false,
-        "type": "complex"
+        "type": "{ root?: string | undefined; label?: string | undefined; labelDetailsWrapper?: string | undefined; contentWrapper?: string | undefined; details?: string | undefined; counter?: string | undefined; iconWrapper?: string | undefined; chevronIcon?: string | undefined; minimalDetails?: string | undefined; }"
       },
       "disabled": {
         "defaultValue": false,

package/data/component-props/InputRadio.json

@@ -32,7 +32,7 @@
         "defaultValue": {},
         "description": "Class names for the internal elements: root, labelCaptionContainer, label,\ncaption, radioButton, radioCheckedIcon, radioCheckedIconDot, and\nradioDefaultIcon.",
         "isRequired": false,
-        "type": "complex"
+        "type": "{ root?: string | undefined; labelCaptionContainer?: string | undefined; label?: string | undefined; caption?: string | undefined; radioButton?: string | undefined; radioCheckedIcon?: string | undefined; radioCheckedIconDot?: string | undefined; radioDefaultIcon?: string | undefined; }"
       },
       "value": {
         "description": "The value a RadioGroup compares against to decide whether this radio is\nselected. It also backs the label and caption element ids, so give every\nradio a unique one.",

package/data/component-props/InputSearch.json

@@ -39,7 +39,7 @@
         "defaultValue": {},
         "description": "Override or extend the styles applied to the component.",
         "isRequired": false,
-        "type": "Partial"
+        "type": "Partial<TextFieldClasses> & { root?: string | undefined; label?: string | undefined; input?: string | undefined; endAdornment?: string | undefined; startAdornment?: string | undefined; clearButton?: string | undefined; searchButton?: string | undefined; }"
       },
       "handleSubmit": {
         "defaultValue": "function(value: string) => void",

package/data/component-props/InputSlider.json

@@ -29,7 +29,7 @@
         "defaultValue": 1,
         "description": "The granularity with which the slider can step through values. (A \"discrete\" slider.)\nThe `min` prop serves as the origin for the valid values.\nWe recommend (max - min) to be evenly divisible by the step.\n\nWhen step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.",
         "isRequired": false,
-        "type": "number"
+        "type": "number | null"
       },
       "valueLabelDisplay": {
         "defaultValue": "off",

package/data/component-props/InputText.json

@@ -44,7 +44,7 @@
         "defaultValue": {},
         "description": "Override or extend the styles applied to the component.",
         "isRequired": false,
-        "type": "Partial"
+        "type": "Partial<TextFieldClasses> & { root?: string | undefined; label?: string | undefined; input?: string | undefined; endAdornment?: string | undefined; startAdornment?: string | undefined; clearButton?: string | undefined; searchButton?: string | undefined; }"
       }
     }
   }

package/data/component-props/MenuItem.json

@@ -26,7 +26,7 @@
       "sdsIconProps": {
         "description": "Enables you to pass additional props to customize the SDS icon within the menu item.",
         "isRequired": false,
-        "type": "IconProps<IconName>"
+        "type": "function"
       },
       "sdsStyle": {
         "defaultValue": "determinate",

package/data/component-props/NavigationJumpTo.json

@@ -22,7 +22,7 @@
       "onChange": {
         "description": "(value: number, event?: React.SyntheticEvent, type?: \"click\" | \"scroll\") => void. Called when the highlighted item changes, with its index and what caused the change. For a scroll the event is synthesized, not a real DOM event.",
         "isRequired": false,
-        "type": "\"scroll\" | \"click\""
+        "type": "(value: number, event?: SyntheticEvent<Element, Event> | undefined, type?: \"scroll\" | \"click\" | undefined) => void"
       },
       "title": {
         "description": "The item's label. It is also kebab-cased into the tab's id, so keep titles distinct.",

package/data/component-props/Notification.json

@@ -35,7 +35,7 @@
       "sdsIconProps": {
         "description": "Props forwarded to the Icon component when icon is given as a name.",
         "isRequired": false,
-        "type": "IconProps<string | number | symbol>"
+        "type": "Partial<IconProps>"
       },
       "slideDirection": {
         "defaultValue": "left",

package/data/component-props/Panel.json

@@ -23,7 +23,7 @@
         "defaultValue": "{\nenter: theme.transitions.duration.enteringScreen,\nexit: theme.transitions.duration.leavingScreen,\n}",
         "description": "The duration for the transition, in milliseconds.\nYou may specify a single timeout for all transitions, or individually with an object.",
         "isRequired": false,
-        "type": "number | { appear?: number; enter?: number; exit?: number; }"
+        "type": "number | { appear?: number | undefined; enter?: number | undefined; exit?: number | undefined; }"
       },
       "width": {
         "defaultValue": "240 (basic) 320 (overlay)",
@@ -56,7 +56,7 @@
       "onClose": {
         "description": "Callback fired when the component requests to be closed.\nThe `reason` parameter can optionally be used to control the response to `onClose`.\n@param event The event source of the callback.\n@param reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.",
         "isRequired": false,
-        "type": "\"backdropClick\" | \"escapeKeyDown\""
+        "type": "(event: {}, reason: \"backdropClick\" | \"escapeKeyDown\") => void"
       },
       "ModalProps": {
         "defaultValue": {},
@@ -68,7 +68,7 @@
         "defaultValue": {},
         "description": "The props used for each slot inside.",
         "isRequired": false,
-        "type": "{ root?: SlotProps"
+        "type": "{ root?: SlotProps<ElementType<ModalProps, keyof IntrinsicElements>, DrawerRootSlotPropsOverrides, DrawerOwnerState> | undefined; backdrop?: SlotProps<...> | undefined; docked?: SlotProps<...> | undefined; paper?: SlotProps<...> | undefined; transition?: SlotProps<...> | undefined; }"
       }
     }
   }

package/data/component-props/Popover.json

@@ -21,12 +21,12 @@
       "anchorEl": {
         "description": "An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),\nor a function that returns either.\nIt's used to set the position of the popover.",
         "isRequired": false,
-        "type": "Element | PopoverVirtualElement | () => Element | PopoverVirtualElement"
+        "type": "Element | PopoverVirtualElement | () => Element | PopoverVirtualElement | null | null"
       },
       "onClose": {
         "description": "Callback fired when the component requests to be closed.\nThe `reason` parameter can optionally be used to control the response to `onClose`.",
         "isRequired": false,
-        "type": "\"backdropClick\" | \"escapeKeyDown\""
+        "type": "(event: {}, reason: \"backdropClick\" | \"escapeKeyDown\") => void"
       },
       "children": {
         "description": "The content of the component.",
@@ -48,13 +48,13 @@
         "defaultValue": {},
         "description": "The props used for each slot inside.",
         "isRequired": false,
-        "type": "{ root?: SlotProps"
+        "type": "{ root?: SlotProps<ElementType<ModalProps, keyof IntrinsicElements>, PopoverRootSlotPropsOverrides, PopoverOwnerState> | undefined; paper?: SlotProps<...> | undefined; transition?: SlotComponentProps<...> | undefined; backdrop?: SlotProps<...> | undefined; }"
       },
       "marginThreshold": {
         "defaultValue": 16,
         "description": "Specifies how close to the edge of the window the popover can appear.\nIf null, the popover will not be constrained by the window.",
         "isRequired": false,
-        "type": "number"
+        "type": "number | null"
       },
       "keepMounted": {
         "defaultValue": false,
@@ -84,7 +84,7 @@
         "defaultValue": "auto",
         "description": "Set to 'auto' to automatically calculate transition time based on height.",
         "isRequired": false,
-        "type": "number | { appear?: number; enter?: number; exit?: number; } | \"auto\""
+        "type": "number | { appear?: number | undefined; enter?: number | undefined; exit?: number | undefined; } | \"auto\""
       }
     }
   }

package/data/component-props/ProteinStructureViewer.json

@@ -0,0 +1,117 @@
+{
+  "ProteinStructureViewer": {
+    "props": {
+      "backgroundColor": {
+        "description": "Canvas background, as `#RRGGBB`. Defaults to the SDS theme's base\nbackground, so the canvas follows the surrounding page in both modes.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "showAxes": {
+        "defaultValue": true,
+        "description": "Show the orientation axes widget and the reset-camera button.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "showLegend": {
+        "defaultValue": true,
+        "description": "Show the stats and color scale legend overlaid on the viewer.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "sequenceViewerBackgroundColor": {
+        "description": "Sequence panel background, as any CSS color. Defaults to the SDS theme's\nprimary surface, so the panel follows the surrounding page in both modes.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "showSequenceViewer": {
+        "defaultValue": true,
+        "description": "Show the sequence panel pinned along the bottom of the viewer.",
+        "isRequired": false,
+        "type": "boolean"
+      },
+      "stats": {
+        "description": "Up to three whole-structure stats shown along the bottom. A null entry\nreserves its column without rendering anything, so the columns never shift\nas values come and go.",
+        "isRequired": false,
+        "type": "(StructureStat | null)[]"
+      },
+      "pdb": {
+        "defaultValue": "- (required)",
+        "description": "Structure to render, as raw PDB text.",
+        "isRequired": true,
+        "type": "string"
+      },
+      "plddt": {
+        "description": "Per-residue pLDDT confidence on a 0-1 scale, ordered by residue. When\nsupplied the structure is colored by pLDDT unless `residueOverlay` takes\nover.",
+        "isRequired": false,
+        "type": "number[] | null"
+      },
+      "residueOverlay": {
+        "description": "Per-residue values that override pLDDT coloring while set.",
+        "isRequired": false,
+        "type": "ResidueValueOverlay | null"
+      },
+      "selectedResidue": {
+        "defaultValue": null,
+        "description": "0-based index of the selected residue, or null when none is selected.\nControlled: selecting a residue zooms the camera in on it, and clearing the\nselection zooms back out to the default view.",
+        "isRequired": false,
+        "type": "number | null"
+      },
+      "onResidueClick": {
+        "description": "Called with the clicked residue.",
+        "isRequired": false,
+        "type": "(residue: ResidueRef) => void"
+      },
+      "onResidueHover": {
+        "description": "Called as the pointer moves over residues, and with `null` when it leaves\nthe structure.",
+        "isRequired": false,
+        "type": "(residue: ResidueRef | null) => void"
+      },
+      "onSelectionClear": {
+        "description": "Called when the user clicks empty space, clearing the selection.",
+        "isRequired": false,
+        "type": "() => void"
+      },
+      "values": {
+        "defaultValue": "- (required)",
+        "description": "0-based residue index to value. Residues absent from the map read as 0, so they render in the neutral gray rather than at the bottom of the scale.",
+        "isRequired": false,
+        "type": "Map<number, number>"
+      },
+      "max": {
+        "defaultValue": "- (required)",
+        "description": "The value mapped to the top of the color scale.",
+        "isRequired": false,
+        "type": "number"
+      },
+      "min": {
+        "defaultValue": 0,
+        "description": "Values at or below this render in a neutral gray rather than on the scale.",
+        "isRequired": false,
+        "type": "number"
+      },
+      "colorScale": {
+        "defaultValue": "PLASMA_COLOR_SCALE",
+        "description": "Scale used to color residues and to draw the legend.",
+        "isRequired": false,
+        "type": "ColorScale"
+      },
+      "tooltip": {
+        "description": "Help tooltip attached to the legend caption.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "readoutLabel": {
+        "defaultValue": "Value",
+        "description": "Label for the per-residue readout that replaces a stat slot on hover.",
+        "isRequired": false,
+        "type": "string"
+      },
+      "value": {
+        "defaultValue": "- (required)",
+        "description": "The stat's value, already formatted for display.",
+        "isRequired": false,
+        "type": "string"
+      }
+    }
+  }
+}

package/data/component-props/TableRow.json

@@ -33,7 +33,7 @@
       "tooltipProps": {
         "description": "Passed to the Tooltip, and overrides the defaults the row sets (arrow, dark style).",
         "isRequired": false,
-        "type": "TooltipProps"
+        "type": "Partial<TooltipProps>"
       },
       "tooltipSubtitle": {
         "description": "A second line below the tooltip's title.",

package/data/component-props/TooltipTable.json

@@ -21,7 +21,7 @@
       "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; dataRows: { label: string; value: string | number; }[]; disabled?: boolean; }[]"
+        "type": "{ label?: string | undefined; dataRows: { label: string; value: string | number; }[]; disabled?: boolean | undefined; }[]"
       }
     }
   }

package/data/tailwind.json

@@ -2734,7 +2734,7 @@
       "sds-color-primitive-blue-700": "#cde3ff",
       "sds-color-primitive-blue-800": "#e2eeff",
       "sds-color-primitive-gray-50": "#000000",
-      "sds-color-primitive-gray-75": "#101010",
+      "sds-color-primitive-gray-75": "#1b1b1b",
       "sds-color-primitive-gray-100": "#333333",
       "sds-color-primitive-gray-200": "#494949",
       "sds-color-primitive-gray-300": "#696969",
@@ -2815,9 +2815,9 @@
       "sds-color-semantic-accent-text-action": "#beb5ff",
       "sds-color-semantic-accent-text-action-hover": "#dcd9ff",
       "sds-color-semantic-accent-text-action-pressed": "#f1f0ff",
-      "sds-color-semantic-base-background-primary": "#101010",
-      "sds-color-semantic-base-background-primary-dark": "#101010",
-      "sds-color-semantic-base-background-primary-inverse": "#101010",
+      "sds-color-semantic-base-background-primary": "#000000",
+      "sds-color-semantic-base-background-primary-dark": "#000000",
+      "sds-color-semantic-base-background-primary-inverse": "#1b1b1b",
       "sds-color-semantic-base-background-secondary": "#33333399",
       "sds-color-semantic-base-background-secondary-dark": "#33333399",
       "sds-color-semantic-base-background-secondary-inverse": "#33333399",
@@ -2833,20 +2833,21 @@
       "sds-color-semantic-base-border-primary-on-dark": "#cdcdcd",
       "sds-color-semantic-base-border-primary-inverse": "#cdcdcd",
       "sds-color-semantic-base-border-primary-pressed-inverse": "#ffffff",
-      "sds-color-semantic-base-border-secondary": "#696969",
+      "sds-color-semantic-base-border-secondary": "#696969b3",
+      "sds-color-semantic-base-border-highlight": "#ffffff1a",
       "sds-color-semantic-base-border-secondary-on-dark": "#696969",
       "sds-color-semantic-base-divider": "#494949",
       "sds-color-semantic-base-divider-on-dark": "#494949",
       "sds-color-semantic-base-divider-inverse": "#494949",
-      "sds-color-semantic-base-fill-disabled": "#333333",
+      "sds-color-semantic-base-fill-disabled": "#1b1b1b",
       "sds-color-semantic-base-fill-primary-interaction": "#69696952",
-      "sds-color-semantic-base-fill-primary-interaction-on-dark": "#69696952",
+      "sds-color-semantic-base-fill-primary-interaction-on-dark": "#6969693d",
       "sds-color-semantic-base-fill-hover-inverse": "#69696952",
       "sds-color-semantic-base-fill-open-inverse": "#69696952",
-      "sds-color-semantic-base-fill-primary-pressed": "#69696966",
+      "sds-color-semantic-base-fill-primary-pressed": "#69696957",
       "sds-color-semantic-base-fill-primary-pressed-on-dark": "#69696966",
       "sds-color-semantic-base-fill-pressed-inverse": "#69696952",
-      "sds-color-semantic-base-fill-primary": "#333333",
+      "sds-color-semantic-base-fill-primary": "#1b1b1b",
       "sds-color-semantic-base-fill-selected": "#ffffff",
       "sds-color-semantic-base-fill-secondary": "#494949",
       "sds-color-semantic-base-fill-secondary-interaction": "#94949442",
@@ -2854,7 +2855,7 @@
       "sds-color-semantic-base-fill-secondary-on-dark": "#494949",
       "sds-color-semantic-base-fill-secondary-interaction-on-dark": "#94949457",
       "sds-color-semantic-base-fill-secondary-pressed-on-dark": "#94949475",
-      "sds-color-semantic-base-fill-disabled-on-dark": "#333333",
+      "sds-color-semantic-base-fill-disabled-on-dark": "#1b1b1b",
       "sds-color-semantic-base-ornament-disabled": "#696969",
       "sds-color-semantic-base-ornament-disabled-on-dark": "#696969",
       "sds-color-semantic-base-ornament-disabled-inverse": "#696969",
@@ -2863,15 +2864,17 @@
       "sds-color-semantic-base-ornament-primary-on-dark": "#ffffff",
       "sds-color-semantic-base-ornament-primary-inverse": "#000000",
       "sds-color-semantic-base-ornament-secondary": "#cdcdcd",
+      "sds-color-semantic-base-ornament-tertiary": "#696969",
       "sds-color-semantic-base-ornament-secondary-interaction": "#ffffff",
       "sds-color-semantic-base-ornament-secondary-interaction-on-dark": "#ffffff",
       "sds-color-semantic-base-ornament-secondary-hover-inverse": "#ffffff",
       "sds-color-semantic-base-ornament-secondary-on-dark": "#cdcdcd",
       "sds-color-semantic-base-ornament-secondary-inverse": "#cdcdcd",
       "sds-color-semantic-base-ornament-secondary-pressed-inverse": "#ffffff",
-      "sds-color-semantic-base-surface-primary": "#333333",
-      "sds-color-semantic-base-surface-secondary": "#69696952",
-      "sds-color-semantic-base-surface-primary-dark": "#333333",
+      "sds-color-semantic-base-surface-primary": "#1b1b1b",
+      "sds-color-semantic-base-surface-secondary": "#333333a3",
+      "sds-color-semantic-base-surface-tertiary": "#333333",
+      "sds-color-semantic-base-surface-primary-dark": "#1b1b1b",
       "sds-color-semantic-base-surface-inverse": "#333333",
       "sds-color-semantic-base-text-disabled": "#696969",
       "sds-color-semantic-base-text-disabled-on-dark": "#696969",
@@ -3092,7 +3095,8 @@
       "sds-color-semantic-base-border-primary-on-dark": "#c3c3c3",
       "sds-color-semantic-base-border-primary-inverse": "#c3c3c3",
       "sds-color-semantic-base-border-primary-pressed-inverse": "#ffffff",
-      "sds-color-semantic-base-border-secondary": "#c3c3c3",
+      "sds-color-semantic-base-border-secondary": "#c3c3c3b3",
+      "sds-color-semantic-base-border-highlight": "#0000001a",
       "sds-color-semantic-base-border-secondary-on-dark": "#767676",
       "sds-color-semantic-base-divider": "#dfdfdf",
       "sds-color-semantic-base-divider-on-dark": "#3b3b3b",
@@ -3122,6 +3126,7 @@
       "sds-color-semantic-base-ornament-primary-on-dark": "#ffffff",
       "sds-color-semantic-base-ornament-primary-inverse": "#ffffff",
       "sds-color-semantic-base-ornament-secondary": "#767676",
+      "sds-color-semantic-base-ornament-tertiary": "#c3c3c3",
       "sds-color-semantic-base-ornament-secondary-interaction": "#000000",
       "sds-color-semantic-base-ornament-secondary-interaction-on-dark": "#ffffff",
       "sds-color-semantic-base-ornament-secondary-hover-inverse": "#ffffff",
@@ -3130,6 +3135,7 @@
       "sds-color-semantic-base-ornament-secondary-pressed-inverse": "#ffffff",
       "sds-color-semantic-base-surface-primary": "#ffffff",
       "sds-color-semantic-base-surface-secondary": "#c3c3c333",
+      "sds-color-semantic-base-surface-tertiary": "#dfdfdf",
       "sds-color-semantic-base-surface-primary-dark": "#000000",
       "sds-color-semantic-base-surface-inverse": "#000000",
       "sds-color-semantic-base-text-disabled": "#c3c3c3",