@czi-sds/mcp 0.3.0 → 0.4.0

package/data/component-props/Accordion.json

@@ -1,29 +1,28 @@
 {
   "Accordion": {
     "props": {
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
+      "defaultExpanded": {
+        "type": "any",
         "isRequired": false
       },
       "id": {
         "type": "string",
         "isRequired": false
       },
-      "onChange": {
-        "type": "FormEventHandler<HTMLDivElement>",
+      "togglePosition": {
+        "type": "any",
         "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "useDivider": {
+        "type": "any",
+        "isRequired": false
+      }
+    }
+  },
+  "AccordionHeader": {
+    "props": {
+      "subtitle": {
+        "type": "string",
         "isRequired": false
       }
     }

package/data/component-props/Alert.json

@@ -1,50 +1,8 @@
 {
   "Alert": {
     "props": {
-      "color": {
-        "type": "\"success\" | \"info\" | \"warning\" | \"error\"",
-        "isRequired": false,
-        "description": "The color of the component. Unless provided, the value is taken from the `severity` prop.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors)."
-      },
-      "icon": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "Override the icon displayed before the children.\nUnless provided, the icon is mapped to the value of the `severity` prop.\nSet to `false` to remove the `icon`."
-      },
-      "onClose": {
-        "type": "(event: SyntheticEvent<Element, Event>) => void",
-        "isRequired": false,
-        "description": "Callback fired when the component requests to be closed.\nWhen provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n@param event The event source of the callback."
-      },
-      "variant": {
-        "type": "\"standard\" | \"filled\" | \"outlined\"",
-        "isRequired": false,
-        "description": "The variant to use.",
-        "defaultValue": "standard"
-      },
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLDivElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
+      "text": {
+        "type": "any",
         "isRequired": false
       }
     }

package/data/component-props/Autocomplete.json

@@ -1,50 +1,32 @@
 {
   "Autocomplete": {
     "props": {
-      "style": {
-        "type": "CSSProperties",
+      "groupBy": {
+        "type": "any",
         "isRequired": false
       },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "Popper render function or node."
-      },
-      "open": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": true,
-        "description": "If `true`, the component is shown."
-      },
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLDivElement>",
+      "intent": {
+        "type": "any",
         "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "keepSearchOnSelect": {
+        "type": "any",
         "isRequired": false
       },
-      "count": {
-        "type": "number",
+      "label": {
+        "type": "any",
         "isRequired": false
       },
-      "icon": {
-        "type": "ReactElement",
+      "multiple": {
+        "type": "any",
         "isRequired": false
       },
-      "search": {
-        "type": "\"false\" | \"true\"",
+      "onChange": {
+        "type": "FormEventHandler<HTMLDivElement>",
         "isRequired": false
       },
-      "width": {
-        "type": "number",
+      "options": {
+        "type": "any",
         "isRequired": false
       }
     }

package/data/component-props/Banner.json

@@ -1,14 +1,6 @@
 {
   "Banner": {
     "props": {
-      "icon": {
-        "type": "ReactElement",
-        "isRequired": false
-      },
-      "sdsIconProps": {
-        "type": "IconProps<string | number | symbol>",
-        "isRequired": false
-      },
       "dismissed": {
         "type": "\"false\" | \"true\"",
         "isRequired": false
@@ -17,18 +9,25 @@
         "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "onClose": {
-        "type": "function",
+      "icon": {
+        "type": "ReactElement",
         "isRequired": false
       },
       "intent": {
         "type": "\"info\" | \"negative\" | \"notice\" | \"positive\"",
         "isRequired": false
       },
+      "sdsIconProps": {
+        "type": "IconProps<string | number | symbol>",
+        "isRequired": false
+      },
       "sdsType": {
         "type": "\"primary\" | \"secondary\"",
-        "isRequired": true,
-        "description": "The type/variant of the component"
+        "isRequired": true
+      },
+      "textChild": {
+        "type": "any",
+        "isRequired": false
       }
     }
   }

package/data/component-props/Button.json

@@ -1,107 +1,42 @@
 {
   "Button": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
+      "endIcon": {
         "type": "ReactNode",
         "isRequired": false,
-        "description": "The content of the component.\nThe content of the component."
-      },
-      "disabled": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false,
-        "description": "If `true`, the component is disabled.",
-        "defaultValue": "false\nfalse"
+        "description": "Element placed after the children."
       },
-      "color": {
-        "type": "\"inherit\" | \"primary\" | \"secondary\" | \"success\" | \"error\" | \"info\" | \"warning\"",
-        "isRequired": false,
-        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
-        "defaultValue": "primary"
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": true
       },
-      "fullWidth": {
+      "isAllCaps": {
         "type": "\"false\" | \"true\"",
-        "isRequired": false,
-        "description": "If `true`, the button will take up the full width of its container.",
-        "defaultValue": false
-      },
-      "href": {
-        "type": "string",
-        "isRequired": false,
-        "description": "The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node."
-      },
-      "size": {
-        "type": "\"small\" | \"medium\" | \"large\"",
-        "isRequired": false,
-        "description": "The size of the component.\n`small` is equivalent to the dense button styling.",
-        "defaultValue": "medium"
-      },
-      "variant": {
-        "type": "\"text\" | \"outlined\" | \"contained\"",
-        "isRequired": false,
-        "description": "The variant to use.",
-        "defaultValue": "text"
-      },
-      "name": {
-        "type": "string",
-        "isRequired": false
-      },
-      "value": {
-        "type": "\"string\" | \"number\" | \"readonly string[]\"",
-        "isRequired": false
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLButtonElement>",
         "isRequired": false
       },
       "onClick": {
         "type": "function",
         "isRequired": false
       },
-      "sdsStyle": {
-        "type": "\"icon\" | \"minimal\" | \"rounded\" | \"square\"",
-        "isRequired": true,
-        "description": "The visual style variant of the component"
-      },
-      "sdsType": {
-        "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"destructive\"",
-        "isRequired": false,
-        "description": "The type/variant of the component"
-      },
       "sdsSize": {
         "type": "\"small\" | \"medium\" | \"large\"",
-        "isRequired": false,
-        "description": "The size of the component"
+        "isRequired": false
       },
-      "icon": {
-        "type": "ReactElement",
+      "sdsStyle": {
+        "type": "\"icon\" | \"minimal\" | \"rounded\" | \"square\"",
         "isRequired": true
       },
-      "sdsIconProps": {
-        "type": "Partial<IconProps<keyof IconNameToSizes>>",
-        "isRequired": false
-      },
-      "isAllCaps": {
-        "type": "\"false\" | \"true\"",
+      "sdsType": {
+        "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"destructive\"",
         "isRequired": false
       },
-      "target": {
-        "type": "\"string & {}\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\"",
-        "isRequired": false
+      "startIcon": {
+        "type": "ReactNode",
+        "isRequired": false,
+        "description": "Element placed before the children."
       },
-      "isRounded": {
-        "type": "\"false\" | \"true\"",
+      "text": {
+        "type": "any",
         "isRequired": false
       }
     }

package/data/component-props/ButtonDropdown.json

@@ -0,0 +1,26 @@
+{
+  "ButtonDropdown": {
+    "props": {
+      "disabled": {
+        "type": "any",
+        "isRequired": false
+      },
+      "icon": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsSize": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsStyle": {
+        "type": "any",
+        "isRequired": false
+      },
+      "sdsType": {
+        "type": "any",
+        "isRequired": false
+      }
+    }
+  }
+}

package/data/component-props/ButtonIcon.json

@@ -1,78 +1,22 @@
 {
   "ButtonIcon": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The icon to display.\nThe content of the component."
-      },
       "disabled": {
         "type": "\"false\" | \"true\"",
         "isRequired": false,
         "description": "If `true`, the component is disabled.",
         "defaultValue": "false\nfalse"
       },
-      "color": {
-        "type": "\"inherit\" | \"default\" | \"primary\" | \"secondary\" | \"error\" | \"info\" | \"success\" | \"warning\"",
-        "isRequired": false,
-        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
-        "defaultValue": "default"
-      },
-      "size": {
-        "type": "\"small\" | \"medium\" | \"large\"",
-        "isRequired": false,
-        "description": "The size of the component.\n`small` is equivalent to the dense button styling.",
-        "defaultValue": "medium"
-      },
-      "name": {
-        "type": "string",
-        "isRequired": false
-      },
-      "value": {
-        "type": "\"string\" | \"number\" | \"readonly string[]\"",
-        "isRequired": false
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLButtonElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
+      "icon": {
+        "type": "ReactElement",
+        "isRequired": true
       },
       "sdsSize": {
         "type": "\"small\" | \"medium\" | \"large\"",
-        "isRequired": false,
-        "description": "The size of the component"
+        "isRequired": false
       },
       "sdsType": {
         "type": "\"primary\" | \"secondary\" | \"tertiary\"",
-        "isRequired": false,
-        "description": "The type/variant of the component"
-      },
-      "icon": {
-        "type": "ReactElement",
-        "isRequired": true
-      },
-      "sdsIcon": {
-        "type": "ReactElement",
-        "isRequired": false,
-        "description": "@deprecated (masoudmanson): This prop is deprecated and will be removed in the next major version.\nPlease use `icon` instead."
-      },
-      "sdsIconProps": {
-        "type": "IconProps<string | number | symbol>",
         "isRequired": false
       }
     }

package/data/component-props/ButtonToggle.json

@@ -1,81 +1,18 @@
 {
   "ButtonToggle": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
-        "isRequired": false
-      },
-      "children": {
-        "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
       "disabled": {
         "type": "\"false\" | \"true\"",
         "isRequired": false,
         "description": "If `true`, the component is disabled."
       },
-      "color": {
-        "type": "\"inherit\" | \"primary\" | \"secondary\" | \"success\" | \"error\" | \"info\" | \"warning\"",
-        "isRequired": false,
-        "description": "The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).",
-        "defaultValue": "primary"
-      },
-      "fullWidth": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false,
-        "description": "If `true`, the button will take up the full width of its container.",
-        "defaultValue": false
-      },
-      "href": {
-        "type": "string",
-        "isRequired": false,
-        "description": "The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node."
-      },
-      "size": {
-        "type": "\"small\" | \"medium\" | \"large\"",
-        "isRequired": false,
-        "description": "The size of the component.\n`small` is equivalent to the dense button styling.",
-        "defaultValue": "medium"
-      },
-      "variant": {
-        "type": "\"text\" | \"outlined\" | \"contained\"",
-        "isRequired": false,
-        "description": "The variant to use.",
-        "defaultValue": "text"
-      },
-      "name": {
-        "type": "string",
-        "isRequired": false
-      },
-      "value": {
-        "type": "\"string\" | \"number\" | \"readonly string[]\"",
-        "isRequired": false
-      },
-      "id": {
-        "type": "string",
-        "isRequired": false
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLButtonElement>",
-        "isRequired": false
-      },
-      "onClick": {
-        "type": "function",
-        "isRequired": false
-      },
       "icon": {
         "type": "ReactElement",
         "isRequired": true
       },
       "sdsSize": {
         "type": "\"small\" | \"medium\" | \"large\"",
-        "isRequired": false,
-        "description": "The size of the component"
+        "isRequired": false
       },
       "sdsStage": {
         "type": "\"off\" | \"on\"",
@@ -83,8 +20,7 @@
       },
       "sdsType": {
         "type": "\"primary\" | \"secondary\"",
-        "isRequired": false,
-        "description": "The type/variant of the component"
+        "isRequired": false
       }
     }
   }

package/data/component-props/Callout.json

@@ -1,40 +1,20 @@
 {
   "Callout": {
     "props": {
-      "className": {
-        "type": "string",
-        "isRequired": false
-      },
-      "style": {
-        "type": "CSSProperties",
+      "autoDismiss": {
+        "type": "\"number\" | \"false\" | \"true\"",
         "isRequired": false
       },
-      "children": {
+      "body": {
         "type": "ReactNode",
-        "isRequired": false,
-        "description": "The content of the component."
-      },
-      "variant": {
-        "type": "\"standard\" | \"filled\" | \"outlined\"",
-        "isRequired": false,
-        "description": "The variant to use.",
-        "defaultValue": "standard"
-      },
-      "id": {
-        "type": "string",
         "isRequired": false
       },
-      "color": {
-        "type": "\"success\" | \"info\" | \"warning\" | \"error\"",
-        "isRequired": false,
-        "description": "The color of the component. Unless provided, the value is taken from the `severity` prop.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors)."
-      },
-      "onChange": {
-        "type": "FormEventHandler<HTMLDivElement>",
+      "hideBody": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
-      "onClick": {
-        "type": "function",
+      "hideTitle": {
+        "type": "\"false\" | \"true\"",
         "isRequired": false
       },
       "icon": {
@@ -42,51 +22,17 @@
         "isRequired": false,
         "description": "Override the icon displayed before the children.\nUnless provided, the icon is mapped to the value of the `severity` prop.\nSet to `false` to remove the `icon`."
       },
-      "onClose": {
-        "type": "(event: SyntheticEvent<Element, Event>) => void",
-        "isRequired": false,
-        "description": "Callback fired when the component requests to be closed.\nWhen provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n@param event The event source of the callback."
-      },
-      "autoDismiss": {
-        "type": "\"number\" | \"false\" | \"true\"",
-        "isRequired": false
-      },
-      "dismissed": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
-      },
-      "sdsIconProps": {
-        "type": "IconProps<string | number | symbol>",
-        "isRequired": false
-      },
       "intent": {
         "type": "\"info\" | \"negative\" | \"notice\" | \"positive\"",
         "isRequired": true
       },
-      "sdsStage": {
-        "type": "\"closed\" | \"open\"",
-        "isRequired": false
-      },
-      "hideTitle": {
-        "type": "\"false\" | \"true\"",
-        "isRequired": false
-      },
-      "body": {
-        "type": "ReactNode",
-        "isRequired": false
-      },
-      "hideBody": {
-        "type": "\"false\" | \"true\"",
+      "sdsStyle": {
+        "type": "\"persistent\" | \"expandable\" | \"dismissible\"",
         "isRequired": false
       },
-      "extraContent": {
-        "type": "ReactNode",
+      "title": {
+        "type": "string",
         "isRequired": false
-      },
-      "sdsStyle": {
-        "type": "\"persistent\" | \"expandable\" | \"dismissible\"",
-        "isRequired": false,
-        "description": "The visual style variant of the component"
       }
     }
   }