@sproutsocial/racine 25.4.0 → 25.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/commonjs/index.js +32 -32
- package/dist/dynamicProps.json +1 -1
- package/dist/types/Menu/MenuTypes.d.ts +1 -1
- package/dist/types/Menu/MenuTypes.d.ts.map +1 -1
- package/dist/types/index.d.ts +8 -8
- package/dist/types/index.d.ts.map +1 -1
- package/lib/index.js +8 -8
- package/package.json +9 -1
package/dist/dynamicProps.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"../seeds-react-avatar/src/Avatar.tsx":[{"description":"","methods":[],"displayName":"Avatar","props":{"appearance":{"required":false,"tsType":{"name":"union","raw":"\"circle\" | \"leaf\"","elements":[{"name":"literal","value":"\"circle\""},{"name":"literal","value":"\"leaf\""}]},"description":"Circles are used for social profile avatars, leaf is for internal Sprout user avatars","defaultValue":{"value":"\"circle\"","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"The name of the user that the avatar represents","defaultValue":{"value":"\"\"","computed":false}},"initials":{"required":false,"tsType":{"name":"string"},"description":"The initials of the user that the avatar represents.\n If not provided, the first letter of the first 1-2 words of the `name` prop will be used."},"src":{"required":false,"tsType":{"name":"string"},"description":"URL of the avatar image. If a URL is not provided, the component will fall back to showing the user's initials"},"type":{"required":false,"tsType":{"name":"union","raw":"keyof typeof AvatarColorOptions","elements":[{"name":"literal","value":"auto"},{"name":"literal","value":"neutral"},{"name":"literal","value":"purple"},{"name":"literal","value":"green"},{"name":"literal","value":"blue"},{"name":"literal","value":"yellow"},{"name":"literal","value":"red"},{"name":"literal","value":"orange"}]},"description":"","defaultValue":{"value":"\"neutral\"","computed":false}},"size":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"40px\"","computed":false}}},"composes":["TypeBoxContainerProps"]}],"../seeds-react-badge/src/Badge.tsx":[{"description":"","methods":[],"displayName":"Badge","props":{"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"text":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"DEPRECATED: Use children instead of text"},"size":{"required":false,"tsType":{"name":"union","raw":"\"small\" | \"large\" | \"default\"","elements":[{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"default\""}]},"description":"Size default is deprecated in favor of small and large","defaultValue":{"value":"\"small\"","computed":false}},"badgeColor":{"required":false,"tsType":{"name":"union","raw":"keyof typeof badgeColors","elements":[{"name":"literal","value":"green"},{"name":"literal","value":"blue"},{"name":"literal","value":"purple"},{"name":"literal","value":"yellow"},{"name":"literal","value":"orange"},{"name":"literal","value":"red"},{"name":"literal","value":"neutral"},{"name":"literal","value":"magenta"},{"name":"literal","value":"pink"},{"name":"literal","value":"aqua"},{"name":"literal","value":"teal"}]},"description":"","defaultValue":{"value":"\"blue\"","computed":false}},"iconName":{"required":false,"tsType":{"name":"TypeIconName"},"description":""},"tip":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"DEPRECATED: Possibly only used for testing. Refrain from using at all if possible. (optional)"},"type":{"required":false,"tsType":{"name":"string"},"description":"DEPRECATED: The legacy method of choosing a theme. Use badgeColor instead. (optional)"}},"composes":["Omit","TypeSystemCommonProps","TypeStyledComponentsCommonProps"]}],"../seeds-react-banner/src/Banner.tsx":[{"description":"TODO: change to 'info' type by default in future version","methods":[],"displayName":"Banner","props":{"text":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"type":{"required":false,"tsType":{"name":"union","raw":"| \"success\"\n| \"info\"\n| \"error\"\n| \"warning\"\n| \"opportunity\"","elements":[{"name":"literal","value":"\"success\""},{"name":"literal","value":"\"info\""},{"name":"literal","value":"\"error\""},{"name":"literal","value":"\"warning\""},{"name":"literal","value":"\"opportunity\""}]},"description":"Type of banner.","defaultValue":{"value":"\"info\"","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Show the close icon in the banner with an action when clicked"},"closeButtonLabel":{"required":false,"tsType":{"name":"string"},"description":"Close icon aria label","defaultValue":{"value":"\"Close\"","computed":false}},"typeIconProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypeIconProps"},{"name":"literal","value":"\"name\""}],"raw":"Omit<TypeIconProps, \"name\">"}],"raw":"Partial<Omit<TypeIconProps, \"name\">>"},"description":"Icon props that can be passed to the Type specific Icon"}},"composes":["Omit","TypeSystemCommonProps","TypeSystemLayoutProps","TypeStyledComponentsCommonProps"]}],"../seeds-react-box/src/Box.tsx":[{"description":"","methods":[],"displayName":"Box","composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemBorderProps","TypeSystemLayoutProps","TypeSystemPositionProps","TypeSystemFlexboxProps","TypeSystemGridProps","Omit"]}],"../seeds-react-button/src/Button.tsx":[{"description":"","methods":[],"displayName":"Button","props":{"external":{"required":false,"tsType":{"name":"boolean"},"description":"If the button is being used as an anchor, this prop will cause the link to open in a new tab."},"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"small\" | \"default\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"default\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}},"appearance":{"required":false,"tsType":{"name":"union","raw":"| \"primary\"\n| \"secondary\"\n| \"pill\"\n| \"destructive\"\n| \"unstyled\"\n| \"placeholder\"","elements":[{"name":"literal","value":"\"primary\""},{"name":"literal","value":"\"secondary\""},{"name":"literal","value":"\"pill\""},{"name":"literal","value":"\"destructive\""},{"name":"literal","value":"\"unstyled\""},{"name":"literal","value":"\"placeholder\""}]},"description":"What the button looks like.","defaultValue":{"value":"\"unstyled\"","computed":false}},"active":{"required":false,"tsType":{"name":"boolean"},"description":"Set the button to display in its active state","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disables user action and applies a disabled style on the button"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"href":{"required":false,"tsType":{"name":"string"},"description":"Setting this prop will cause the component to be rendered as an anchor element instead of a button element"},"download":{"required":false,"tsType":{"name":"string"},"description":"If the component is rendered as an anchor to a file, this prop sets the name of the file to be downloaded"},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":"Used to get a reference to the underlying button"},"onClick":{"required":false,"tsType":{"name":"ReactMouseEventHandler","raw":"React.MouseEventHandler<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":"Action to perform when the button is clicked"},"title":{"required":false,"tsType":{"name":"string"},"description":""},"qa":{"required":false,"tsType":{"name":"object"},"description":"","defaultValue":{"value":"{}","computed":false}},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the button if the button does not have text within it"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","TypeSystemFlexboxProps","TypeSystemGridProps","Omit"]}],"../seeds-react-character-counter/src/CharacterCounter.tsx":[{"description":"","methods":[],"displayName":"CharacterCounter","props":{"currentValue":{"required":true,"tsType":{"name":"number"},"description":"Current value of relative input/textarea"},"maxValue":{"required":true,"tsType":{"name":"number"},"description":"Max amount of characters for input/textarea"},"size":{"required":false,"tsType":{"name":"union","raw":"\"default\" | \"mini\"","elements":[{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"mini\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-card/src/Card.tsx":[{"description":"@link https://seeds.sproutsocial.com/components/card/\n\nAvoid nesting interactive content inside a Card with role='button'.\n\nInteractive content: \"a\", \"audio\", \"button\", \"embed\", \"iframe\", \"img\", \"input\", \"label\", \"select\", \"textarea\", \"video\"\n@see https://html.spec.whatwg.org/multipage/dom.html#interactive-content\n\n@example\n<Card role=\"button\" onClick={_onClick}>\n <Button>Click me</Button>\n</Card>","methods":[],"displayName":"Card","props":{"disabled":{"defaultValue":{"value":"false","computed":false},"required":false},"role":{"defaultValue":{"value":"\"presentation\"","computed":false},"required":false}}}],"../seeds-react-chart-legend/src/ChartLegend.tsx":[{"description":"","methods":[],"displayName":"ChartLegend","props":{"stacked":{"required":false,"tsType":{"name":"boolean"},"description":"Inline or stacked y plots"},"theme":{"required":false,"tsType":{"name":"union","raw":"| \"compare\"\n| \"contrast\"\n| \"extended\"\n| \"datavizRotation\"","elements":[{"name":"literal","value":"\"compare\""},{"name":"literal","value":"\"contrast\""},{"name":"literal","value":"\"extended\""},{"name":"literal","value":"\"datavizRotation\""}]},"description":"@deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version","defaultValue":{"value":"\"datavizRotation\"","computed":false}},"legendLabels":{"required":true,"tsType":{"name":"Array","elements":[{"name":"TypeLegendLabels"}],"raw":"TypeLegendLabels[]"},"description":"Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme."},"orientation":{"required":false,"tsType":{"name":"string"},"description":"Orientation of the legend"},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","Omit"]}],"../seeds-react-checkbox/src/Checkbox.tsx":[{"description":"","methods":[{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null}],"displayName":"Checkbox","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"value":{"required":false,"tsType":{"name":"string"},"description":""},"name":{"required":false,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":"Label text to display next to the checkbox"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input (if not used with an accompanying visual label)"},"labelProps":{"required":false,"tsType":{"name":"TypeTextProps"},"description":""},"checked":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(event: React.SyntheticEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"pill\" | \"default\"","elements":[{"name":"literal","value":"\"pill\""},{"name":"literal","value":"\"default\""}]},"description":""},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"input\">","elements":[{"name":"literal","value":"\"input\""}]},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-collapsible/src/Collapsible.tsx":[{"description":"","methods":[{"name":"Trigger","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: { children: React.ReactElement }","optional":false,"type":{"name":"signature","type":"object","raw":"{ children: React.ReactElement }","signature":{"properties":[{"key":"children","value":{"name":"ReactReactElement","raw":"React.ReactElement","required":true}}]}}}],"returns":null},{"name":"Panel","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: { children: React.ReactNode }","optional":false,"type":{"name":"signature","type":"object","raw":"{ children: React.ReactNode }","signature":{"properties":[{"key":"children","value":{"name":"ReactReactNode","raw":"React.ReactNode","required":true}}]}}}],"returns":null}],"displayName":"Collapsible","props":{"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"offset":{"required":false,"tsType":{"name":"number"},"description":"If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this.","defaultValue":{"value":"0","computed":false}},"collapsedHeight":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"0","computed":false}},"openHeight":{"required":false,"tsType":{"name":"number"},"description":""}}}],"../seeds-react-drawer/src/Drawer.tsx":[{"description":"","methods":[{"name":"Header","docblock":null,"modifiers":["static"],"params":[{"name":"{\n title = \"\",\n id = undefined,\n children,\n render,\n ...rest\n}: TypeDrawerHeaderProps","optional":false,"type":{"name":"TypeDrawerHeaderProps","alias":"TypeDrawerHeaderProps"}}],"returns":null},{"name":"Content","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: TypeDrawerContentProps","optional":false,"type":{"name":"TypeDrawerContentProps","alias":"TypeDrawerContentProps"}}],"returns":null},{"name":"CloseButton","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeDrawerCloseButtonProps","alias":"TypeDrawerCloseButtonProps"}}],"returns":null}],"displayName":"DrawerContainer","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"closeButtonLabel":{"required":true,"tsType":{"name":"string"},"description":"Label for the close button. Usually this should be \"Close\""},"direction":{"required":false,"tsType":{"name":"union","raw":"\"left\" | \"right\"","elements":[{"name":"literal","value":"\"left\""},{"name":"literal","value":"\"right\""}]},"description":"Whether the drawer slides in from the left or right side of the screen","defaultValue":{"value":"\"right\"","computed":false}},"disableCloseOnClickOutside":{"required":false,"tsType":{"name":"boolean"},"description":"In some cases, you may not want the user to be able to click outside of the drawer to close it. You can disable that with this prop.","defaultValue":{"value":"false","computed":false}},"id":{"required":true,"tsType":{"name":"string"},"description":""},"isOpen":{"required":true,"tsType":{"name":"boolean"},"description":""},"offset":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"0","computed":false}},"onClose":{"required":true,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"7","computed":false}},"closeTargets":{"required":false,"tsType":{"name":"Array","elements":[{"name":"Element"}],"raw":"Array<Element>"},"description":"","defaultValue":{"value":"[]","computed":false}},"width":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"600","computed":false}},"focusLockExemptCheck":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(element: HTMLElement) => boolean","signature":{"arguments":[{"type":{"name":"HTMLElement"},"name":"element"}],"return":{"name":"boolean"}}},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-icon/src/Icon.tsx":[{"description":"","methods":[{"name":"Toggle","docblock":"**Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below.\n\n@link https://www.w3.org/TR/wai-aria-practices-1.1/#button\n@example\nconst [toggleState, setToggleState] = useState(false);\n<Button // Wrap Icon.Toggle with Button\n appearance='pill'\n aria-label='like' // required for accessibility\n aria-pressed={toggleState} // required for accessibility\n onClick={() => setToggleState(!toggleState)}\n>\n <Icon.Toggle\n activeName=\"heart-solid\"\n inactiveName=\"heart-outline\"\n isActive={toggleState}\n />\n</Button>","modifiers":["static"],"params":[{"name":"{\n activeName,\n inactiveName,\n isActive,\n size = \"small\",\n fixedWidth = false,\n ariaLabel,\n ...rest\n}: TypeToggleProps","optional":false,"type":{"name":"TypeToggleProps","alias":"TypeToggleProps"}}],"returns":null,"description":"**Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below."}],"displayName":"Icon","props":{"name":{"required":true,"tsType":{"name":"union","raw":"EnumIconNames | EnumLogoNamesWithoutVariants","elements":[{"name":"EnumIconNames"},{"name":"EnumLogoNamesWithoutVariants"}]},"description":"Name of the icon in the svg sprite"},"size":{"required":false,"tsType":{"name":"union","raw":"| \"mini\" // 12x12\n// TODO: deprecate default in favor of small in future release\n| \"default\" // 16x16\n| \"small\" // 16x16\n| \"medium\" // 24x24\n| \"large\" // 32x32\n| \"jumbo\"","elements":[{"name":"literal","value":"\"mini\""},{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"medium\""},{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"jumbo\""}]},"description":"","defaultValue":{"value":"\"small\"","computed":false}},"fixedWidth":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the icon should have a fixed width or not. Use this when you need to align icons/text vertically in a list.","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the icon if not used with an accompanying visual label"},"svgProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"svg\">","elements":[{"name":"literal","value":"\"svg\""}]},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-image/src/Image.tsx":[{"description":"","methods":[{"name":"onError","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLImageElement, Event>","elements":[{"name":"HTMLImageElement"},{"name":"Event"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"onLoad","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onClick","docblock":null,"modifiers":[],"params":[],"returns":null}],"displayName":"Image","props":{"src":{"required":true,"tsType":{"name":"string"},"description":""},"alt":{"required":true,"tsType":{"name":"string"},"description":"Alt text is required for non-decorative images"},"title":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"\"","computed":false}},"onError":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLImageElement, Event>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLImageElement, Event>","elements":[{"name":"HTMLImageElement"},{"name":"Event"}]},"name":"e"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"() => {}","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"() => {}","computed":false}},"defaultImage":{"required":false,"tsType":{"name":"string"},"description":"A URL for a default image to load if the source image is not available"},"onLoad":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"() => {}","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","Omit"]}],"../seeds-react-input/src/Input.tsx":[{"description":"","methods":[{"name":"ClearButton","docblock":null,"modifiers":["static"],"params":[],"returns":null},{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleClear","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleKeyDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handleKeyUp","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handlePaste","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"updateState","docblock":null,"modifiers":[],"params":[{"name":"inputValue","optional":false,"type":{"name":"string"}}],"returns":null}],"displayName":"Input","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Input, like an error"},"clearButtonLabel":{"required":false,"tsType":{"name":"string"},"description":"Label for Input.ClearButton. Required when using Input.ClearButton."},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder text for when value is undefined or empty"},"value":{"required":false,"tsType":{"name":"string"},"description":"Current value of the input"},"type":{"required":false,"tsType":{"name":"union","raw":"\"date\" | \"email\" | \"number\" | \"password\" | \"text\" | \"url\" | \"search\"","elements":[{"name":"literal","value":"\"date\""},{"name":"literal","value":"\"email\""},{"name":"literal","value":"\"number\""},{"name":"literal","value":"\"password\""},{"name":"literal","value":"\"text\""},{"name":"literal","value":"\"url\""},{"name":"literal","value":"\"search\""}]},"description":"HTML type attribute","defaultValue":{"value":"\"text\"","computed":false}},"autoComplete":{"required":false,"tsType":{"name":"boolean"},"description":"Set option to display earlier typed values"},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Will autofocus the element when mounted to the DOM","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"HTML disabled attribute","defaultValue":{"value":"false","computed":false}},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"HTML readonly attribute"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input are invalid"},"hasWarning":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input has any warnings"},"required":{"required":false,"tsType":{"name":"boolean"},"description":"HTML required attribute"},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"maxLength":{"required":false,"tsType":{"name":"number"},"description":"Max length of the input"},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"input\">","elements":[{"name":"literal","value":"\"input\""}]},"description":"Props to spread onto the underlying input element"},"innerRef":{"required":false,"tsType":{"name":"union","raw":"| {\n current: null | HTMLInputElement;\n }\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n| ((arg0: React.ElementRef<any> | HTMLElement) => void)","elements":[{"name":"signature","type":"object","raw":"{\n current: null | HTMLInputElement;\n}","signature":{"properties":[{"key":"current","value":{"name":"union","raw":"null | HTMLInputElement","elements":[{"name":"null"},{"name":"HTMLInputElement"}],"required":true}}]}},{"name":"unknown"}]},"description":"Used to get a reference to the underlying element"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onClear":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onKeyUp":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onPaste":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"small\" | \"default\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"default\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"primary\" | \"secondary\"","elements":[{"name":"literal","value":"\"primary\""},{"name":"literal","value":"\"secondary\""}]},"description":"Controls the styles of the input. Primary is our standard input styles and secondary is a borderless input.\n Note that this prop should only be used to alter styles and not functionality.","defaultValue":{"value":"\"primary\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-link/src/Link.tsx":[{"description":"","methods":[],"displayName":"Link","props":{"external":{"required":false,"tsType":{"name":"boolean"},"description":"Optional prop to make the URL open in a new tab"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"href":{"required":false,"tsType":{"name":"string"},"description":"Setting this prop will cause the component to be rendered as a link"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disables user action and applies a disabled style to the component"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":"Can be used in addition to an href but still renders as a link. Omitting href will render as button"},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"underline":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"qa":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{ [key: string]: unknown }","signature":{"properties":[{"key":{"name":"string"},"value":{"name":"unknown","required":true}}]}},"description":"","defaultValue":{"value":"{}","computed":false}}},"composes":["Omit","TypeSystemFlexboxProps"]}],"../seeds-react-partner-logo/src/PartnerLogo.tsx":[{"description":"","methods":[],"displayName":"PartnerLogo","props":{"partnerName":{"required":true,"tsType":{"name":"EnumLogoNamesWithoutVariants"},"description":"The name of the partner whose logo you want to render."},"backgroundType":{"required":false,"tsType":{"name":"union","raw":"\"dark\" | \"light\"","elements":[{"name":"literal","value":"\"dark\""},{"name":"literal","value":"\"light\""}]},"description":"Manually override the default mode behavior by rendering a logo based on the background it's displayed on."},"logoType":{"required":false,"tsType":{"name":"unknown[number]","raw":"(typeof PartnerLogoTypes)[number]"},"description":"","defaultValue":{"value":"\"symbol\"","computed":false}},"height":{"required":false,"tsType":{"name":"string"},"description":""},"width":{"required":false,"tsType":{"name":"string"},"description":""},"size":{"required":false,"tsType":{"name":"union","raw":"keyof typeof PartnerLogoSizes","elements":[{"name":"literal","value":"mini"},{"name":"literal","value":"small"},{"name":"literal","value":"medium"},{"name":"literal","value":"large"},{"name":"literal","value":"jumbo"}]},"description":""},"svgProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"svg\">","elements":[{"name":"literal","value":"\"svg\""}]},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemFlexboxProps","Omit"]}],"../seeds-react-popout/src/Popout.tsx":[{"description":"","methods":[{"name":"Content","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: TypeBoxProps","optional":false,"type":{"name":"TypeBoxProps","alias":"TypeBoxProps"}}],"returns":null}],"displayName":"Popout","props":{"disableWrapperAria":{"required":false,"tsType":{"name":"boolean"},"description":"Whether Popout should automatically add aria-attributes to its wrapped elements","defaultValue":{"value":"false","computed":false}},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"Is the popout open? This prop is optional. By using it, you will lose some automatic handling of the logic for opening and closing the popout."},"setIsOpen":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isOpen"},{"type":{"name":"union","raw":"MouseEvent | KeyboardEvent","elements":[{"name":"MouseEvent"},{"name":"KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"If you use the isOpen prop you will need to pass a handler to change the state of the popout"},"content":{"required":true,"tsType":{"name":"union","raw":"| (React.ReactElement<any> | null | undefined)\n| (\n | ((opts: { hide: () => void }) => React.ReactElement<any>)\n | null\n | undefined\n )","elements":[{"name":"unknown"},{"name":"unknown"}]},"description":"The content to be shown in the popout. If there is no content, just the children are rendered"},"children":{"required":true,"tsType":{"name":"union","raw":"| React.ReactElement<any>\n| ((opts: {\n ref: (arg0: React.ElementRef<any> | HTMLElement) => void;\n toggle: () => void;\n show: () => void;\n hide: () => void;\n ariaProps: Record<string, any>;\n }) => React.ReactNode)","elements":[{"name":"ReactReactElement","raw":"React.ReactElement<any>","elements":[{"name":"any"}]},{"name":"unknown"}]},"description":"The content that the popout should be attached to"},"placement":{"required":false,"tsType":{"name":"Exclude","elements":[{"name":"PopperProps[\"placement\"]","raw":"PopperProps[\"placement\"]"},{"name":"undefined"}],"raw":"Exclude<PopperProps[\"placement\"], undefined>"},"description":"How the popped-out content should be placed, in relationship to the children","defaultValue":{"value":"\"auto\"","computed":false}},"fullWidth":{"required":false,"tsType":{"name":"boolean"},"description":"Should the popped-out content inherit its width from the children?\nThis is useful for typeaheads and other places where a popout needs to match the width of a given element.","defaultValue":{"value":"false","computed":false}},"focusOnContent":{"required":false,"tsType":{"name":"boolean"},"description":"When the popout has opened, should we focus on its content?\n Focus will be brought inside by looking for elements with [autofocus] first, [tabindex] second and buttons/links/other natively-focusable elements last.\n Upon closing the popout, focus will be returned to the popout's target.\n If nothing within your popout's content is focusable, this prop will do nothing.","defaultValue":{"value":"true","computed":false}},"qa":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"string"}],"raw":"Record<string, string>"},"description":"","defaultValue":{"value":"{}","computed":false}},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"7","computed":false}},"popperProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"PopperProps"}],"raw":"Partial<PopperProps>"},"description":"Override react-popper per the API documentation here: https://github.com/FezVrasta/react-popper#api-documentation"},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onOpen":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"scheduleUpdateRef":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(arg0: () => void) => void","signature":{"arguments":[{"type":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"name":"arg0"}],"return":{"name":"void"}}},"description":"And optional callback to receive the scheduleUpdate function.\nUse the function to recalculate the popout position in relation to the contents.","defaultValue":{"value":"() => {}","computed":false}},"appendToBody":{"required":false,"tsType":{"name":"boolean"},"description":"Mount the popout at the bottom of the DOM (using React.Portal) instead of inside the current DOM tree","defaultValue":{"value":"true","computed":false}},"focusLockProps":{"required":false,"tsType":{"name":"TypeFocusLockProps"},"description":"Override `FocusLock` props, see the API documentation for more details: https://github.com/theKashey/react-focus-lock#api","defaultValue":{"value":"{}","computed":false}},"menuPopout":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","Omit"]}],"../seeds-react-radio/src/Radio.tsx":[{"description":"Primitive Radio Element","methods":[{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null}],"displayName":"Radio","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":"Label text to display next to the radio input"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"value":{"required":false,"tsType":{"name":"string"},"description":""},"checked":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-spot-illustration/src/SpotIllustration.tsx":[{"description":"","methods":[],"displayName":"SpotIllustration","props":{"name":{"required":true,"tsType":{"name":"EnumIllustrationNames"},"description":""},"customFill":{"required":false,"tsType":{"name":"union","raw":"\"red\" | \"green\" | \"yellow\" | \"magenta\" | \"purple\" | \"aqua\"","elements":[{"name":"literal","value":"\"red\""},{"name":"literal","value":"\"green\""},{"name":"literal","value":"\"yellow\""},{"name":"literal","value":"\"magenta\""},{"name":"literal","value":"\"purple\""},{"name":"literal","value":"\"aqua\""}]},"description":""},"height":{"required":false,"tsType":{"name":"string"},"description":""},"width":{"required":false,"tsType":{"name":"string"},"description":""}}}],"../seeds-react-switch/src/Switch.tsx":[{"description":"@link https://seeds.sproutsocial.com/components/switch/\n\nSwitch should always have an accessible label. Use aria-label, aria-labelledby or a `Label` component.\nThe accessible label should not change when the checked state changes.\nThe component uses role=\"switch\" and the `checked` prop will be used to set the aria-checked attribute.\n\n@see https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n\n@example\n<Switch checked={true} onClick={_onClick} aria-label=\"Switch Example\" />","methods":[],"displayName":"Switch","props":{"onClick":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(\n e: React.SyntheticEvent<HTMLButtonElement>,\n checked: boolean\n) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"},{"type":{"name":"boolean"},"name":"checked"}],"return":{"name":"void"}}},"description":""},"checked":{"required":true,"tsType":{"name":"boolean"},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}},"composes":["Omit","TypeStyledComponentsCommonProps","TypeColorSystemProps","TypeLayoutSystemProps","TypeSpaceSystemProps"]}],"../seeds-react-text/src/Text.tsx":[{"description":"","methods":[],"displayName":"Text","props":{"fontSize":{"required":false,"tsType":{"name":"TypeSystemTypographyProps[\"typeScale\"]","raw":"TypeSystemTypographyProps[\"typeScale\"]"},"description":"Maps to the typeScale system prop, sets font size and line height using Seeds values"},"breakWord":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the CSS word-break property"},"truncated":{"required":false,"tsType":{"name":"boolean"},"description":"Truncates text into a single line with ellipsis"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","TypeSystemFlexboxProps","TypeSystemGridProps","Omit"]}],"../seeds-react-visually-hidden/src/VisuallyHidden.tsx":[{"description":"","methods":[],"displayName":"VisuallyHidden","composes":["HTMLAttributes"]}],"src/Duration/Duration.tsx":[{"description":"","methods":[],"displayName":"formatDuration","props":{"milliseconds":{"required":true,"tsType":{"name":"union","raw":"number | null","elements":[{"name":"number"},{"name":"null"}]},"description":"The milliseconds to be formatted"},"locale":{"required":false,"tsType":{"name":"Intl.LocalesArgument"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"display":{"required":false,"tsType":{"name":"union","raw":"\"long\" | \"narrow\"","elements":[{"name":"literal","value":"\"long\""},{"name":"literal","value":"\"narrow\""}]},"description":"The style of the formatted duration"},"displayUnits":{"required":false,"tsType":{"name":"TypeDurationDisplayUnits"},"description":"The units of the duration to render"},"invalidMillisecondsLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"Duration","props":{"milliseconds":{"required":true,"tsType":{"name":"union","raw":"number | null","elements":[{"name":"number"},{"name":"null"}]},"description":"The milliseconds to be formatted"},"locale":{"required":false,"tsType":{"name":"Intl.LocalesArgument"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"display":{"required":false,"tsType":{"name":"union","raw":"\"long\" | \"narrow\"","elements":[{"name":"literal","value":"\"long\""},{"name":"literal","value":"\"narrow\""}]},"description":"The style of the formatted duration"},"displayUnits":{"required":false,"tsType":{"name":"TypeDurationDisplayUnits"},"description":"The units of the duration to render"},"invalidMillisecondsLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["Omit"]}],"src/Breadcrumb/Breadcrumb.tsx":[{"description":"","methods":[{"name":"Item","docblock":null,"modifiers":["static"],"params":[{"name":"{\n children,\n href,\n ...rest\n}: TypeBreadcrumbItemProps","optional":false,"type":{"name":"TypeBreadcrumbItemProps","alias":"TypeBreadcrumbItemProps"}}],"returns":null}],"displayName":"Breadcrumb","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"ariaLabel":{"required":true,"tsType":{"name":"string"},"description":"Description of the type of navigation being provided by the breadcrumb (i.e. \"Asset library breadcrumb\")"},"overflow":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\n label: string;\n menu: React.ReactNode;\n}","signature":{"properties":[{"key":"label","value":{"name":"string","required":true}},{"key":"menu","value":{"name":"ReactReactNode","raw":"React.ReactNode","required":true}}]}},"description":"optional"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/EmptyState/EmptyState.tsx":[{"description":"","methods":[],"displayName":"EmptyState","props":{"media":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"An image in (preferably in SVG format)"},"headline":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"A headline describing the empty state"},"subtext":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Optional description of the empty state"},"primaryAction":{"required":false,"tsType":{"name":"ReactReactElement","raw":"React.ReactElement"},"description":"Element for the primary call-to-action"},"secondaryAction":{"required":false,"tsType":{"name":"ReactReactElement","raw":"React.ReactElement"},"description":"Element for any secondary call-to-action"}},"composes":["TypeBoxProps"]}],"src/Fieldset/Fieldset.tsx":[{"description":"Fieldset Component","methods":[{"name":"Legend","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }","optional":false,"type":null}],"returns":null},{"name":"HelperText","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }","optional":false,"type":null}],"returns":null}],"displayName":"Fieldset","props":{"label":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text to display above the fieldset"},"helperText":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"layout":{"required":false,"tsType":{"name":"union","raw":"\"vertical\" | \"horizontal\"","elements":[{"name":"literal","value":"\"vertical\""},{"name":"literal","value":"\"horizontal\""}]},"description":"","defaultValue":{"value":"\"vertical\"","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["TypeBoxProps"]}],"src/Indicator/Indicator.tsx":[{"description":"","methods":[],"displayName":"Indicator","props":{"tooltip":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/FormField/FormField.tsx":[{"description":"","methods":[],"displayName":"FormField","props":{"children":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(options: {\n id: string;\n isInvalid: boolean;\n ariaDescribedby: string;\n required?: boolean;\n}) => React.ReactNode","signature":{"arguments":[{"type":{"name":"signature","type":"object","raw":"{\n id: string;\n isInvalid: boolean;\n ariaDescribedby: string;\n required?: boolean;\n}","signature":{"properties":[{"key":"id","value":{"name":"string","required":true}},{"key":"isInvalid","value":{"name":"boolean","required":true}},{"key":"ariaDescribedby","value":{"name":"string","required":true}},{"key":"required","value":{"name":"boolean","required":false}}]}},"name":"options"}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"A function that receives props that need to be spread onto the child element"},"error":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text describing any error with the field's content"},"helperText":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text acting as a description blurb below the main label *"},"id":{"required":false,"tsType":{"name":"string"},"description":"ID of the form element (will be auto-generated if not provided)"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the current contents of the field are invalid","defaultValue":{"value":"false","computed":false}},"label":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text to display above the form field"},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"isLabelHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the label text should be visually hidden","defaultValue":{"value":"false","computed":false}},"required":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the form element is required"},"mb":{"defaultValue":{"value":"400","computed":false},"required":false}},"composes":["Omit"]}],"src/KeyboardKey/KeyboardKey.tsx":[{"description":"","methods":[],"displayName":"KeyboardKey","props":{"children":{"required":true,"tsType":{"name":"string"},"description":"Text to display inside of key"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Label/Label.tsx":[{"description":"","methods":[],"displayName":"Label","props":{"htmlFor":{"required":true,"tsType":{"name":"string"},"description":"ID of the associated form element"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"required":{"required":false,"tsType":{"name":"boolean"},"description":""}},"composes":["TypeTextProps"]}],"src/Loader/Loader.tsx":[{"description":"","methods":[],"displayName":"Loader","props":{"size":{"required":false,"tsType":{"name":"union","raw":"\"small\" | \"large\"","elements":[{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"large\""}]},"description":"","defaultValue":{"value":"\"large\"","computed":false}},"text":{"required":false,"tsType":{"name":"string"},"description":"Text for the loader. This text is not visible, but is used for accessibility purposed","defaultValue":{"value":"\"\"","computed":false}},"delay":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the loader should wait 2 seconds before it displays","defaultValue":{"value":"true","computed":false}},"color":{"required":false,"tsType":{"name":"union","raw":"\"light\" | \"dark\"","elements":[{"name":"literal","value":"\"light\""},{"name":"literal","value":"\"dark\""}]},"description":"","defaultValue":{"value":"\"dark\"","computed":false}},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Listbox/Listbox.tsx":[{"description":"","methods":[],"displayName":"Listbox","props":{"role":{"required":false,"tsType":{"name":"literal","value":"\"listbox\""},"description":"","defaultValue":{"value":"MENU_ROLES.LISTBOX","computed":true}}},"composes":["TypeMenuProps"]},{"description":"","methods":[],"displayName":"ListboxButton","props":{"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"default\" | \"small\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"small\""}]},"description":""},"content":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"popoutProps":{"required":false,"tsType":{"name":"TypePopoutProps"},"description":""},"aria-label":{"required":false,"tsType":{"name":"string"},"description":""},"aria-labelledby":{"required":false,"tsType":{"name":"string"},"description":""}},"composes":["Omit","TypeMenuButtonContext","TypeMenuButtonProps"]}],"src/LoaderButton/LoaderButton.tsx":[{"description":"","methods":[],"displayName":"LoaderButton","props":{"isLoading":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"loaderLabel":{"required":true,"tsType":{"name":"string"},"description":""},"appearance":{"defaultValue":{"value":"\"unstyled\"","computed":false},"required":false}},"composes":["TypeButtonProps"]}],"src/Menu/Menu.tsx":[{"description":"","methods":[],"displayName":"Menu.Item","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: any) => void | undefined","signature":{"arguments":[{"type":{"name":"any"},"name":"e"}],"return":{"name":"union","raw":"void | undefined","elements":[{"name":"void"},{"name":"undefined"}]}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""}}},{"description":"","methods":[],"displayName":"Menu.Checkbox","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: any) => void | undefined","signature":{"arguments":[{"type":{"name":"any"},"name":"e"}],"return":{"name":"union","raw":"void | undefined","elements":[{"name":"void"},{"name":"undefined"}]}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""}}},{"description":"","methods":[],"displayName":"Menu.Radio","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: any) => void | undefined","signature":{"arguments":[{"type":{"name":"any"},"name":"e"}],"return":{"name":"union","raw":"void | undefined","elements":[{"name":"void"},{"name":"undefined"}]}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""}}},{"description":"","methods":[],"displayName":"Menu.Switch","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: any) => void | undefined","signature":{"arguments":[{"type":{"name":"any"},"name":"e"}],"return":{"name":"union","raw":"void | undefined","elements":[{"name":"void"},{"name":"undefined"}]}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""},"placement":{"required":true,"tsType":{"name":"union","raw":"\"before\" | \"after\"","elements":[{"name":"literal","value":"\"before\""},{"name":"literal","value":"\"after\""}]},"description":"Determines whether the Switch will be rendered as elemBefore or elemAfter."},"labelProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypeTextProps"},{"name":"literal","value":"\"children\""}],"raw":"Omit<TypeTextProps, \"children\">"}],"raw":"Partial<Omit<TypeTextProps, \"children\">>"},"description":"Pass any valid Text props except children to the label.\nchildren is omitted because Menu.Switch's children is rendered as the label's children."},"switchProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypeSwitchProps"},{"name":"literal","value":"\"onClick\""}],"raw":"Omit<TypeSwitchProps, \"onClick\">"}],"raw":"Partial<Omit<TypeSwitchProps, \"onClick\">>"},"description":"Pass any valid Switch props except onClick to the Switch.\nonClick is omitted because it would only be triggered when the Switch itself is clicked with a mouse.\nThe top-level onClick prop, which will be triggered for a click or keypress anywhere on the Menu Item, should be used instead."}}},{"description":"","methods":[],"displayName":"Menu.Group","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"title":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"If provided, a visible title will be rendered for the group."},"titleAs":{"required":false,"tsType":{"name":"ReactElementType","raw":"React.ElementType<any>","elements":[{"name":"any"}]},"description":""},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"default\" | \"flush\"","elements":[{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"flush\""}]},"description":"Use the flush appearance if you're using the menu outside of a popout"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"Menu.Divider"},{"description":"","methods":[{"name":"Group","docblock":null,"modifiers":["static"],"params":[{"name":"{\n children,\n title,\n titleAs,\n disabled: isDisabled = false,\n ...props\n}: TypeMenuGroupProps","optional":false,"type":{"name":"TypeMenuGroupProps","alias":"TypeMenuGroupProps"}}],"returns":null},{"name":"Item","docblock":null,"modifiers":["static"],"params":[{"name":"{\n id: idProp,\n index: indexProp,\n as,\n children,\n role: roleProp,\n elemBefore,\n elemAfter,\n value: valueProp,\n onKeyPress,\n onClick,\n selected,\n disabled,\n indeterminate,\n label: labelProp,\n active: activeProp,\n ...props\n}: TypeMenuItemProps","optional":false,"type":{"name":"TypeMenuItemProps","alias":"TypeMenuItemProps"}}],"returns":null},{"name":"Checkbox","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMenuItemProps","alias":"TypeMenuItemProps"}}],"returns":null},{"name":"Radio","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMenuItemProps","alias":"TypeMenuItemProps"}}],"returns":null},{"name":"Switch","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMenuSwitchProps","alias":"TypeMenuSwitchProps"}}],"returns":null},{"name":"Divider","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeBoxProps","alias":"TypeBoxProps"}}],"returns":null},{"name":"FilterInput","docblock":null,"modifiers":["static"],"params":[{"name":"{ type = \"search\", ...props }: TypeInputProps","optional":false,"type":{"name":"TypeInputProps","alias":"TypeInputProps"}}],"returns":null}],"displayName":"Menu","props":{"multiselect":{"required":false,"tsType":{"name":"boolean"},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(val: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"val"}],"return":{"name":"void"}}},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ROLES)[keyof typeof MENU_ROLES]"},"description":"","defaultValue":{"value":"MENU_ROLES.MENU","computed":true}},"value":{"required":false,"tsType":{"name":"union","raw":"(string | null | undefined) | string[]","elements":[{"name":"unknown"},{"name":"Array","elements":[{"name":"string"}],"raw":"string[]"}]},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<any>","elements":[{"name":"any"}]},"description":""},"footerContent":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"MenuButton","props":{"closeOnItemClick":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"closePopout":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => any","signature":{"arguments":[],"return":{"name":"any"}}},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"uniqueId(\"MenuButton-\")","computed":true}},"aria-labelledby":{"required":false,"tsType":{"name":"string"},"description":""},"aria-label":{"required":false,"tsType":{"name":"string"},"description":""},"content":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"popoutProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypePopoutProps"},{"name":"literal","value":"\"children\""}],"raw":"Omit<TypePopoutProps, \"children\">"}],"raw":"Partial<Omit<TypePopoutProps, \"children\">>"},"description":""},"placement":{"required":false,"tsType":{"name":"TypePopoutProps[\"placement\"]","raw":"TypePopoutProps[\"placement\"]"},"description":"","defaultValue":{"value":"\"bottom\"","computed":false}},"invalid":{"required":false,"tsType":{"name":"boolean"},"description":""},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":""},"setIsOpen":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isOpen"},{"type":{"name":"union","raw":"MouseEvent | KeyboardEvent","elements":[{"name":"MouseEvent"},{"name":"KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":""}},"composes":["Omit"]}],"src/Message/Message.tsx":[{"description":"","methods":[{"name":"Body","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Header","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Footer","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Meta","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Button","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeButtonProps","alias":"TypeButtonProps"}}],"returns":null},{"name":"Avatar","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeAvatarProps","alias":"TypeAvatarProps"}}],"returns":null},{"name":"Checkbox","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeCheckboxProps","alias":"TypeCheckboxProps"}}],"returns":null}],"displayName":"Message","props":{"density":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof MESSAGE_DENSITIES)[TypeDensityKeys]"},"description":"Condensed, small, or large.","defaultValue":{"value":"\"small\"","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<HTMLDivElement>","elements":[{"name":"HTMLDivElement"}]},"description":""},"borderColor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"container.border.base\"","computed":false}},"bg":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"container.background.base\"","computed":false}},"indentContent":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["TypeBoxProps"]}],"src/Numeral/Numeral.tsx":[{"description":"","methods":[],"displayName":"formatNumeral","props":{"number":{"required":false,"tsType":{"name":"union","raw":"number | null | undefined","elements":[{"name":"number"},{"name":"null"},{"name":"undefined"}]},"description":"The number to be formatted"},"locale":{"required":false,"tsType":{"name":"string"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"format":{"required":false,"tsType":{"name":"union","raw":"\"decimal\" | \"currency\" | \"percent\"","elements":[{"name":"literal","value":"\"decimal\""},{"name":"literal","value":"\"currency\""},{"name":"literal","value":"\"percent\""}]},"description":""},"currency":{"required":false,"tsType":{"name":"string"},"description":"The currency format to use when formatting currency"},"abbreviate":{"required":false,"tsType":{"name":"union","raw":"boolean | number","elements":[{"name":"boolean"},{"name":"number"}]},"description":"A boolean determining whether or not the number should be abbreviated, or a number representing the abbreviation threshold"},"invalidNumberLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"precision":{"required":false,"tsType":{"name":"union","raw":"number | \"none\"","elements":[{"name":"number"},{"name":"literal","value":"\"none\""}]},"description":"Override the default decimal precision (2 for decimals/currency, 1 for percentages), or \"none\" allowing unrestricted precision."},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"Numeral","props":{"number":{"required":false,"tsType":{"name":"union","raw":"number | null | undefined","elements":[{"name":"number"},{"name":"null"},{"name":"undefined"}]},"description":"The number to be formatted"},"locale":{"required":false,"tsType":{"name":"string"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"format":{"required":false,"tsType":{"name":"union","raw":"\"decimal\" | \"currency\" | \"percent\"","elements":[{"name":"literal","value":"\"decimal\""},{"name":"literal","value":"\"currency\""},{"name":"literal","value":"\"percent\""}]},"description":""},"currency":{"required":false,"tsType":{"name":"string"},"description":"The currency format to use when formatting currency"},"abbreviate":{"required":false,"tsType":{"name":"union","raw":"boolean | number","elements":[{"name":"boolean"},{"name":"number"}]},"description":"A boolean determining whether or not the number should be abbreviated, or a number representing the abbreviation threshold"},"invalidNumberLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"precision":{"required":false,"tsType":{"name":"union","raw":"number | \"none\"","elements":[{"name":"number"},{"name":"literal","value":"\"none\""}]},"description":"Override the default decimal precision (2 for decimals/currency, 1 for percentages), or \"none\" allowing unrestricted precision."},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["Omit"]}],"src/Modal/Modal.tsx":[{"description":"The modal you want","methods":[{"name":"Header","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeModalHeaderProps","alias":"TypeModalHeaderProps"}}],"returns":null},{"name":"Footer","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeModalFooterProps","alias":"TypeModalFooterProps"}}],"returns":null},{"name":"CloseButton","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeModalCloseButtonProps","alias":"TypeModalCloseButtonProps"}}],"returns":null}],"displayName":"Modal","props":{"appElementSelector":{"required":false,"tsType":{"name":"string"},"description":"section of app to aria hide for the modal"},"isOpen":{"required":true,"tsType":{"name":"boolean"},"description":"trigger to open or close the modal"},"label":{"required":true,"tsType":{"name":"string"},"description":"label for screen readers to announce the modal"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"body content of the modal"},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"callback for close"},"closeButtonLabel":{"required":true,"tsType":{"name":"string"},"description":"aria-label for modal X"},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"Controls the z-index CSS property","defaultValue":{"value":"6","computed":false}},"width":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"The max width of the modal container","defaultValue":{"value":"\"800px\"","computed":false}},"data":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"union","raw":"string | boolean | number","elements":[{"name":"string"},{"name":"boolean"},{"name":"number"}]}],"raw":"Record<string, string | boolean | number>"},"description":"Custom attributes to be added to the modals container\nEach key will be prepended with \"data-\" when rendered in the DOM"}},"composes":["TypeContainerProps","Omit"]}],"src/Select/Select.tsx":[{"description":"","methods":[{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLSelectElement>","elements":[{"name":"HTMLSelectElement"}],"alias":"React.SyntheticEvent"}}],"returns":null}],"displayName":"Select","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the select if not used with an accompanying visual label"},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Select, like an error"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"defaultValue":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef[\"value\"]","raw":"React.ComponentPropsWithoutRef<\"select\">[\"value\"]"},"description":""},"value":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef[\"value\"]","raw":"React.ComponentPropsWithoutRef<\"select\">[\"value\"]"},"description":"Current value of the input"},"required":{"required":false,"tsType":{"name":"boolean"},"description":""},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":""},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithRef","raw":"React.ComponentPropsWithRef<\"select\">","elements":[{"name":"literal","value":"\"select\""}]},"description":"Props to spread onto the underlying input element"},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLSelectElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLSelectElement>","elements":[{"name":"HTMLSelectElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"small\" | \"default\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"default\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/SegmentedControl/SegmentedControl.tsx":[{"description":"","methods":[{"name":"Item","docblock":null,"modifiers":["static"],"params":[{"name":"{\n value,\n children,\n disabled,\n ...rest\n}: TypeSegmentedControlItemProps","optional":false,"type":{"name":"TypeSegmentedControlItemProps","alias":"TypeSegmentedControlItemProps"}}],"returns":null}],"displayName":"SegmentedControl","props":{"selectedValue":{"required":true,"tsType":{"name":"string"},"description":"The value of the currently selected item. Should match the value prop of one of the child items"},"label":{"required":true,"tsType":{"name":"string"},"description":"The title of the segmented control, used for accessibility purposes"},"onChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":"Called when the user selects a new item. You can access the value of the newly selected item using \"event.target.value\""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disables user action and applies a disabled style on the component"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["TypeContainerProps"]}],"src/Stack/Stack.tsx":[{"description":"","methods":[],"displayName":"Stack","props":{"space":{"required":false,"tsType":{"name":"TypeResponsive","elements":[{"name":"union","raw":"| 0\n| 100\n| 200\n| 300\n| 350\n| 400\n| 450\n| 500\n| 600\n| string","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"100"},{"name":"literal","value":"200"},{"name":"literal","value":"300"},{"name":"literal","value":"350"},{"name":"literal","value":"400"},{"name":"literal","value":"450"},{"name":"literal","value":"500"},{"name":"literal","value":"600"},{"name":"string"}]}],"raw":"TypeResponsive<TypeSpaceLiterals>"},"description":"Amount of space between items in the stack","defaultValue":{"value":"300","computed":false}},"align":{"required":false,"tsType":{"name":"TypeResponsive","elements":[{"name":"union","raw":"\"left\" | \"center\" | \"right\" | \"stretch\"","elements":[{"name":"literal","value":"\"left\""},{"name":"literal","value":"\"center\""},{"name":"literal","value":"\"right\""},{"name":"literal","value":"\"stretch\""}]}],"raw":"TypeResponsive<TypeAlignment>"},"description":"Alignment of the items in the stack (horizontal or vertical)","defaultValue":{"value":"\"left\"","computed":false}},"direction":{"required":false,"tsType":{"name":"TypeResponsive","elements":[{"name":"union","raw":"\"vertical\" | \"horizontal\"","elements":[{"name":"literal","value":"\"vertical\""},{"name":"literal","value":"\"horizontal\""}]}],"raw":"TypeResponsive<TypeDirection>"},"description":"Axis upon which the stack is laid out (left, center, right, or stretch)","defaultValue":{"value":"\"vertical\"","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["TypeBoxProps"]}],"src/TableCell/TableCell.tsx":[{"description":"The table cell component is for rendering table cells and is meant to be used with the table component.","methods":[],"props":{"id":{"required":true,"tsType":{"name":"string"},"description":"Table Cell Id"},"content":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content is deprecated. Please use children instead. Content to be render"},"colSpan":{"required":false,"tsType":{"name":"number"},"description":"Controls the colSpan attribute (optional)"},"width":{"required":false,"tsType":{"name":"number"},"description":"Controls the width attribute (optional)"},"align":{"required":false,"tsType":{"name":"union","raw":"\"left\" | \"right\" | \"center\" | \"justify\"","elements":[{"name":"literal","value":"\"left\""},{"name":"literal","value":"\"right\""},{"name":"literal","value":"\"center\""},{"name":"literal","value":"\"justify\""}]},"description":"Controls the CSS text-align property (optional)"},"scope":{"required":false,"tsType":{"name":"union","raw":"\"row\" | \"col\" | \"rowGroup\" | \"colGroup\"","elements":[{"name":"literal","value":"\"row\""},{"name":"literal","value":"\"col\""},{"name":"literal","value":"\"rowGroup\""},{"name":"literal","value":"\"colGroup\""}]},"description":"Controls the scope attribute. If set, will change the element from a <td> to a <th>. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#scope (optional)"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Children to be rendered"}},"composes":["TypeSystemCommonProps","Omit"]}],"src/Table/Table.tsx":[{"description":"The table component assist in rendering tablular data.","methods":[{"name":"TableHead","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...props }: TypePassthroughProps","optional":false,"type":{"name":"TypePassthroughProps","alias":"TypePassthroughProps"}}],"returns":null},{"name":"TableBody","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...props }: TypePassthroughProps","optional":false,"type":{"name":"TypePassthroughProps","alias":"TypePassthroughProps"}}],"returns":null},{"name":"TableRow","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...props }: TypePassthroughProps","optional":false,"type":{"name":"TypePassthroughProps","alias":"TypePassthroughProps"}}],"returns":null}],"displayName":"Table","props":{"head":{"required":false,"tsType":{"name":"Array","elements":[{"name":"TypeTableHeadProp"}],"raw":"TypeTableHeadProp[]"},"description":"Array of TableHeaderCells to render","defaultValue":{"value":"[]","computed":false}},"rows":{"required":false,"tsType":{"name":"Array","elements":[{"name":"TypeTableRow"}],"raw":"TypeTableRow[]"},"description":"Array of TableRows to render","defaultValue":{"value":"[]","computed":false}},"onSort":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"}],"return":{"name":"void"}}},"description":"Callback for Sorting Table Columns (optional)"},"sortId":{"required":false,"tsType":{"name":"string"},"description":"Controls which column is being sorted (optional)"},"sortDirection":{"required":false,"tsType":{"name":"TypeEnumSortDirections"},"description":"Controls the current sort direction (optional)"},"rowRender":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(row: TypeTableRow) => React.ReactNode","signature":{"arguments":[{"type":{"name":"TypeTableRow"},"name":"row"}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Custom row render for flexibilty"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Including children will overwrite all head, rows, rowRender, and sorting props\nShould be used for manually rendering tables and ignoring data props"}},"composes":["TypeSystemCommonProps","Omit"]},{"description":"","methods":[],"displayName":"Table.TableHead","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}},{"description":"","methods":[],"displayName":"Table.TableBody","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}},{"description":"","methods":[],"displayName":"Table.TableRow","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}}],"src/TableHeaderCell/TableHeaderCell.tsx":[{"description":"","methods":[{"name":"getSortIcon","docblock":null,"modifiers":[],"params":[{"name":"isSorted","optional":false,"type":{"name":"boolean"}},{"name":"ariaSortDirection","optional":false,"type":{"name":"union","raw":"\"ascending\" | \"descending\" | undefined","elements":[{"name":"literal","value":"\"ascending\""},{"name":"literal","value":"\"descending\""},{"name":"undefined"}]}}],"returns":null},{"name":"handleClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent<HTMLTableCellElement | HTMLButtonElement>","elements":[{"name":"union","raw":"HTMLTableCellElement | HTMLButtonElement","elements":[{"name":"HTMLTableCellElement"},{"name":"HTMLButtonElement"}]}],"alias":"React.MouseEvent"}}],"returns":null}],"props":{"isSortable":{"required":false,"tsType":{"name":"boolean"},"description":"Legacy Deteremines if a table column is sortable (optional)"},"shouldTruncate":{"required":false,"tsType":{"name":"boolean"},"description":"Truncates text into a singular line with ellipsis (optional)"},"onSort":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"}],"return":{"name":"void"}}},"description":"Legacy: Callback for Sorting Table Columns (optional)"},"sortId":{"required":false,"tsType":{"name":"string"},"description":"Legacy: Controls which column is being sorted (optional)"},"sortDirection":{"required":false,"tsType":{"name":"union","raw":"keyof typeof SORT_DIRECTIONS","elements":[{"name":"literal","value":"ASC"},{"name":"literal","value":"DESC"}]},"description":"Legacy: Controls the current sort direction (optional)"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":"Callback for Click Events. If Included will override onSort prop"}},"composes":["Omit"]}],"src/TableRowAccordion/TableRowAccordion.tsx":[{"description":"The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.","methods":[{"name":"handleToggle","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":null}],"returns":null}],"displayName":"TableRowAccordion","props":{"detail":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content to be rendered in accordion drawer"},"isExpanded":{"required":true,"tsType":{"name":"boolean"},"description":"Controls the display state of the accordion drawer"},"onToggle":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(id: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"}],"return":{"name":"void"}}},"description":"Callback for toggling the accordion drawer state"}},"composes":["TypeTableRow","TypeSystemCommonProps","Omit"]}],"src/Tabs/Tabs.tsx":[{"description":"Render a group of buttons in a tab-heading style","methods":[{"name":"getSelectedId","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onActivate","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"onTabMount","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}},{"name":"ref","optional":false,"type":{"name":"TypeTabButtonRef","alias":"TypeTabButtonRef"}}],"returns":null},{"name":"onTabUpdate","docblock":null,"modifiers":[],"params":[{"name":"previousId","optional":false,"type":{"name":"string"}},{"name":"newId","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"onTabUnmount","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"selectNextTab","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"keyHandler","docblock":null,"modifiers":[],"params":[{"name":"{ keyCode }: React.KeyboardEvent<HTMLUListElement>","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLUListElement>","elements":[{"name":"HTMLUListElement"}],"alias":"React.KeyboardEvent"}}],"returns":null}],"displayName":"Tabs","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"onSelect":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(arg0: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"arg0"}],"return":{"name":"void"}}},"description":""},"fullWidth":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the tabs should stretch to fill the width of their container"},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"selectedId":{"required":true,"tsType":{"name":"string"},"description":"ID of the selected tab"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Textarea/Textarea.tsx":[{"description":"","methods":[{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleKeyDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleKeyUp","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.SyntheticEvent"}}],"returns":null}],"displayName":"Textarea","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Textarea, like an error"},"value":{"required":false,"tsType":{"name":"string"},"description":"Current value of the textarea"},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Will autofocus the element when mounted to the DOM"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"HTML disabled attribute"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"HTML readonly attribute"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input are invalid"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder text for when value is undefined or empty"},"required":{"required":false,"tsType":{"name":"boolean"},"description":"HTML required attribute"},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"maxLength":{"required":false,"tsType":{"name":"number"},"description":"Max length of the input"},"enableSpellcheck":{"required":false,"tsType":{"name":"boolean"},"description":"HTML spellcheck attribute"},"enableResize":{"required":false,"tsType":{"name":"boolean"},"description":"Makes the text area vertically resizable"},"rows":{"required":false,"tsType":{"name":"number"},"description":"The number of visible lines of text without scrolling","defaultValue":{"value":"4","computed":false}},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"textarea\">","elements":[{"name":"literal","value":"\"textarea\""}]},"description":"Props to spread onto the underlying textarea element"},"innerRef":{"required":false,"tsType":{"name":"union","raw":"| {\n current: null | HTMLTextAreaElement;\n }\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n| ((arg0: React.ElementRef<any> | HTMLElement) => void)","elements":[{"name":"signature","type":"object","raw":"{\n current: null | HTMLTextAreaElement;\n}","signature":{"properties":[{"key":"current","value":{"name":"union","raw":"null | HTMLTextAreaElement","elements":[{"name":"null"},{"name":"HTMLTextAreaElement"}],"required":true}}]}},{"name":"unknown"}]},"description":"Used to get a reference to the underlying element"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyUp":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Toast/Toast.tsx":[{"description":"","methods":[],"displayName":"ToastContainer"},{"description":"","methods":[],"displayName":"ToastContentContainer","props":{"icon":{"required":true,"tsType":{"name":"ReactNode"},"description":"A ReactNode in the icon slot"},"close":{"required":true,"tsType":{"name":"ReactNode"},"description":"A ReactNode in the close button slot"},"highlightColor":{"required":false,"tsType":{"name":"ComponentProps[\"bg\"]","raw":"ComponentProps<typeof Box>[\"bg\"]"},"description":""}}}],"src/ToggleHint/ToggleHint.tsx":[{"description":"Icon (either chevron or plus/minus) indicating whether an element is open or closed.","methods":[{"name":"getIcon","docblock":null,"modifiers":[],"params":[],"returns":null}],"displayName":"ToggleHint","props":{"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"\"chevron\" | \"plus\"","elements":[{"name":"literal","value":"\"chevron\""},{"name":"literal","value":"\"plus\""}]},"description":"","defaultValue":{"value":"\"chevron\"","computed":false}},"openString":{"required":true,"tsType":{"name":"string"},"description":""},"closeString":{"required":true,"tsType":{"name":"string"},"description":""},"className":{"required":false,"tsType":{"name":"string"},"description":""},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["TypeSystemCommonProps","Omit"]}],"src/Token/Token.tsx":[{"description":"","methods":[],"displayName":"Token","props":{"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"closeable":{"required":false,"tsType":{"name":"boolean"},"description":"Show the close icon in the token. Can be used with or without icon prop","defaultValue":{"value":"true","computed":false}},"valid":{"required":false,"tsType":{"name":"boolean"},"description":"Indicates whether the token value is valid or not","defaultValue":{"value":"true","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Indicates whether the token is disabled","defaultValue":{"value":"false","computed":false}},"palette":{"required":false,"tsType":{"name":"union","raw":"\"neutral\" | \"blue\"","elements":[{"name":"literal","value":"\"neutral\""},{"name":"literal","value":"\"blue\""}]},"description":"","defaultValue":{"value":"\"neutral\"","computed":false}},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/TokenInput/TokenInput.tsx":[{"description":"","methods":[{"name":"isDelimiter","docblock":null,"modifiers":[],"params":[{"name":"keyName","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"spawnNewTokens","docblock":null,"modifiers":[],"params":[{"name":"texts","optional":false,"type":{"name":"Array","elements":[{"name":"string"}],"raw":"string[]"}}],"returns":null},{"name":"deleteToken","docblock":null,"modifiers":[],"params":[{"name":"tokenId","optional":true,"type":{"name":"string"}}],"returns":null},{"name":"handleChangeText","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleKeyUp","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handleKeyDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handlePaste","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactClipboardEvent","raw":"React.ClipboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.ClipboardEvent"}}],"returns":null},{"name":"handleClickToken","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}],"alias":"React.SyntheticEvent"}},{"name":"token","optional":false,"type":{"name":"TypeTokenSpec","alias":"TypeTokenSpec"}}],"returns":null},{"name":"renderToken","docblock":null,"modifiers":[],"params":[{"name":"token","optional":false,"type":{"name":"TypeTokenSpec","alias":"TypeTokenSpec"}}],"returns":{"type":{"name":"ReactReactNode","raw":"React.ReactNode"}}},{"name":"renderTokens","docblock":null,"modifiers":[],"params":[{"name":"tokens","optional":false,"type":{"name":"Array","elements":[{"name":"TypeTokenSpec"}],"raw":"TypeTokenSpec[]"}}],"returns":{"type":{"name":"ReactReactNode","raw":"React.ReactNode"}}}],"displayName":"TokenInput","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"iconName":{"required":false,"tsType":{"name":"TypeIconName"},"description":""},"delimiters":{"required":false,"tsType":{"name":"Array","elements":[{"name":"string"}],"raw":"string[]"},"description":"Array of delimiter key names"},"value":{"required":false,"tsType":{"name":"string"},"description":"Current input text. Required when controlling the input text"},"hasFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Current focus state. Required when controlling the focus via onFocus and onBlur"},"activeToken":{"required":false,"tsType":{"name":"string"},"description":"Id of the currently selected token"},"tokens":{"required":false,"tsType":{"name":"Array","elements":[{"name":"TypeTokenSpec"}],"raw":"TypeTokenSpec[]"},"description":"Array of current tokens"},"onChangeTokens":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(tokens: TypeTokenSpec[]) => void","signature":{"arguments":[{"type":{"name":"Array","elements":[{"name":"TypeTokenSpec"}],"raw":"TypeTokenSpec[]"},"name":"tokens"}],"return":{"name":"void"}}},"description":"Standard control of changing tokens. For fine-grain control use onAddToken and onRemoveToken, instead"},"onAddToken":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(tokenSpec: TypeTokenSpec) => void","signature":{"arguments":[{"type":{"name":"TypeTokenSpec"},"name":"tokenSpec"}],"return":{"name":"void"}}},"description":"Fine-grained control of adding tokens. Use with onRemoveToken instead of onChangeTokens"},"onRemoveToken":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(tokenId: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"tokenId"}],"return":{"name":"void"}}},"description":"Fine-grained control of removing tokens. Use with onAddToken instead of onChangeTokens"},"onClickToken":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(\n e: React.SyntheticEvent<HTMLButtonElement>,\n tokenId: string\n) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"},{"type":{"name":"string"},"name":"tokenId"}],"return":{"name":"void"}}},"description":"Controls clicking on a token. When absent, clicking a token removes itself"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Fine-grained control of the input text used to create tokens"},"onPaste":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.ClipboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactClipboardEvent","raw":"React.ClipboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Fine-grained control of pasted text"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onKeyUp":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Input, like an error"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder text for when value is undefined or empty"},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Will autofocus the element when mounted to the DOM"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"HTML disabled attribute"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input are invalid"},"hasWarning":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input has any warnings"},"required":{"required":false,"tsType":{"name":"boolean"},"description":"HTML required attribute"},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"maxLength":{"required":false,"tsType":{"name":"number"},"description":"Max input text length"},"tokenMaxLength":{"required":false,"tsType":{"name":"number"},"description":"Max length of the token"},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"input\">","elements":[{"name":"literal","value":"\"input\""}]},"description":"Props to spread onto the underlying input element"},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"description":"Used to get a reference to the underlying element"},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"autocomplete":{"required":false,"tsType":{"name":"string"},"description":"Browser autocomplete support"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Tooltip/Tooltip.tsx":[{"description":"Core component","methods":[],"displayName":"Tooltip","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"The content that the tooltip should be attached to. Hovering or focusing this element will cause the tooltip to appear"},"content":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"The content to be displayed within the tooltip. If there is no content, just the children are rendered"},"placement":{"required":false,"tsType":{"name":"TypePopoutProps[\"placement\"]","raw":"TypePopoutProps[\"placement\"]"},"description":"The placement of the tooltip in relation to the children","defaultValue":{"value":"\"auto\"","computed":false}},"enterDelay":{"required":false,"tsType":{"name":"number"},"description":"The time (in ms) that a user has to be hovered/focused before the tooltip will appear","defaultValue":{"value":"MOTION.MOTION_DURATION_FAST * 1000","computed":false}},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"pill\" | \"box\"","elements":[{"name":"literal","value":"\"pill\""},{"name":"literal","value":"\"box\""}]},"description":"Used to override the appearance of the Tooltip content. By default, strings will have the 'pill' appearance, and more complex content will have the 'box' appearance. You can change those defaults by setting this prop."},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"7","computed":false}},"popoutProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"TypePopoutProps"}],"raw":"Partial<TypePopoutProps>"},"description":"Props to be spread onto the underlying Popout component"},"truncated":{"required":false,"tsType":{"name":"boolean"},"description":"Truncates text into a single line with ellipsis","defaultValue":{"value":"false","computed":false}},"ariaProps":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"string"}],"raw":"Record<string, string>"},"description":""}},"composes":["Omit"]}]}
|
|
1
|
+
{"../seeds-react-avatar/src/Avatar.tsx":[{"description":"","methods":[],"displayName":"Avatar","props":{"appearance":{"required":false,"tsType":{"name":"union","raw":"\"circle\" | \"leaf\"","elements":[{"name":"literal","value":"\"circle\""},{"name":"literal","value":"\"leaf\""}]},"description":"Circles are used for social profile avatars, leaf is for internal Sprout user avatars","defaultValue":{"value":"\"circle\"","computed":false}},"name":{"required":false,"tsType":{"name":"string"},"description":"The name of the user that the avatar represents","defaultValue":{"value":"\"\"","computed":false}},"initials":{"required":false,"tsType":{"name":"string"},"description":"The initials of the user that the avatar represents.\n If not provided, the first letter of the first 1-2 words of the `name` prop will be used."},"src":{"required":false,"tsType":{"name":"string"},"description":"URL of the avatar image. If a URL is not provided, the component will fall back to showing the user's initials"},"type":{"required":false,"tsType":{"name":"union","raw":"keyof typeof AvatarColorOptions","elements":[{"name":"literal","value":"auto"},{"name":"literal","value":"neutral"},{"name":"literal","value":"purple"},{"name":"literal","value":"green"},{"name":"literal","value":"blue"},{"name":"literal","value":"yellow"},{"name":"literal","value":"red"},{"name":"literal","value":"orange"}]},"description":"","defaultValue":{"value":"\"neutral\"","computed":false}},"size":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"40px\"","computed":false}}},"composes":["TypeBoxContainerProps"]}],"../seeds-react-badge/src/Badge.tsx":[{"description":"","methods":[],"displayName":"Badge","props":{"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"text":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"DEPRECATED: Use children instead of text"},"size":{"required":false,"tsType":{"name":"union","raw":"\"small\" | \"large\" | \"default\"","elements":[{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"default\""}]},"description":"Size default is deprecated in favor of small and large","defaultValue":{"value":"\"small\"","computed":false}},"badgeColor":{"required":false,"tsType":{"name":"union","raw":"keyof typeof badgeColors","elements":[{"name":"literal","value":"green"},{"name":"literal","value":"blue"},{"name":"literal","value":"purple"},{"name":"literal","value":"yellow"},{"name":"literal","value":"orange"},{"name":"literal","value":"red"},{"name":"literal","value":"neutral"},{"name":"literal","value":"magenta"},{"name":"literal","value":"pink"},{"name":"literal","value":"aqua"},{"name":"literal","value":"teal"}]},"description":"","defaultValue":{"value":"\"blue\"","computed":false}},"iconName":{"required":false,"tsType":{"name":"TypeIconName"},"description":""},"tip":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"DEPRECATED: Possibly only used for testing. Refrain from using at all if possible. (optional)"},"type":{"required":false,"tsType":{"name":"string"},"description":"DEPRECATED: The legacy method of choosing a theme. Use badgeColor instead. (optional)"}},"composes":["Omit","TypeSystemCommonProps","TypeStyledComponentsCommonProps"]}],"../seeds-react-banner/src/Banner.tsx":[{"description":"TODO: change to 'info' type by default in future version","methods":[],"displayName":"Banner","props":{"text":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"type":{"required":false,"tsType":{"name":"union","raw":"| \"success\"\n| \"info\"\n| \"error\"\n| \"warning\"\n| \"opportunity\"","elements":[{"name":"literal","value":"\"success\""},{"name":"literal","value":"\"info\""},{"name":"literal","value":"\"error\""},{"name":"literal","value":"\"warning\""},{"name":"literal","value":"\"opportunity\""}]},"description":"Type of banner.","defaultValue":{"value":"\"info\"","computed":false}},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"Show the close icon in the banner with an action when clicked"},"closeButtonLabel":{"required":false,"tsType":{"name":"string"},"description":"Close icon aria label","defaultValue":{"value":"\"Close\"","computed":false}},"typeIconProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypeIconProps"},{"name":"literal","value":"\"name\""}],"raw":"Omit<TypeIconProps, \"name\">"}],"raw":"Partial<Omit<TypeIconProps, \"name\">>"},"description":"Icon props that can be passed to the Type specific Icon"}},"composes":["Omit","TypeSystemCommonProps","TypeSystemLayoutProps","TypeStyledComponentsCommonProps"]}],"../seeds-react-box/src/Box.tsx":[{"description":"","methods":[],"displayName":"Box","composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemBorderProps","TypeSystemLayoutProps","TypeSystemPositionProps","TypeSystemFlexboxProps","TypeSystemGridProps","Omit"]}],"../seeds-react-button/src/Button.tsx":[{"description":"","methods":[],"displayName":"Button","props":{"external":{"required":false,"tsType":{"name":"boolean"},"description":"If the button is being used as an anchor, this prop will cause the link to open in a new tab."},"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"small\" | \"default\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"default\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}},"appearance":{"required":false,"tsType":{"name":"union","raw":"| \"primary\"\n| \"secondary\"\n| \"pill\"\n| \"destructive\"\n| \"unstyled\"\n| \"placeholder\"","elements":[{"name":"literal","value":"\"primary\""},{"name":"literal","value":"\"secondary\""},{"name":"literal","value":"\"pill\""},{"name":"literal","value":"\"destructive\""},{"name":"literal","value":"\"unstyled\""},{"name":"literal","value":"\"placeholder\""}]},"description":"What the button looks like.","defaultValue":{"value":"\"unstyled\"","computed":false}},"active":{"required":false,"tsType":{"name":"boolean"},"description":"Set the button to display in its active state","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disables user action and applies a disabled style on the button"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"href":{"required":false,"tsType":{"name":"string"},"description":"Setting this prop will cause the component to be rendered as an anchor element instead of a button element"},"download":{"required":false,"tsType":{"name":"string"},"description":"If the component is rendered as an anchor to a file, this prop sets the name of the file to be downloaded"},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":"Used to get a reference to the underlying button"},"onClick":{"required":false,"tsType":{"name":"ReactMouseEventHandler","raw":"React.MouseEventHandler<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":"Action to perform when the button is clicked"},"title":{"required":false,"tsType":{"name":"string"},"description":""},"qa":{"required":false,"tsType":{"name":"object"},"description":"","defaultValue":{"value":"{}","computed":false}},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the button if the button does not have text within it"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","TypeSystemFlexboxProps","TypeSystemGridProps","Omit"]}],"../seeds-react-card/src/Card.tsx":[{"description":"@link https://seeds.sproutsocial.com/components/card/\n\nAvoid nesting interactive content inside a Card with role='button'.\n\nInteractive content: \"a\", \"audio\", \"button\", \"embed\", \"iframe\", \"img\", \"input\", \"label\", \"select\", \"textarea\", \"video\"\n@see https://html.spec.whatwg.org/multipage/dom.html#interactive-content\n\n@example\n<Card role=\"button\" onClick={_onClick}>\n <Button>Click me</Button>\n</Card>","methods":[],"displayName":"Card","props":{"disabled":{"defaultValue":{"value":"false","computed":false},"required":false},"role":{"defaultValue":{"value":"\"presentation\"","computed":false},"required":false}}}],"../seeds-react-character-counter/src/CharacterCounter.tsx":[{"description":"","methods":[],"displayName":"CharacterCounter","props":{"currentValue":{"required":true,"tsType":{"name":"number"},"description":"Current value of relative input/textarea"},"maxValue":{"required":true,"tsType":{"name":"number"},"description":"Max amount of characters for input/textarea"},"size":{"required":false,"tsType":{"name":"union","raw":"\"default\" | \"mini\"","elements":[{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"mini\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-chart-legend/src/ChartLegend.tsx":[{"description":"","methods":[],"displayName":"ChartLegend","props":{"stacked":{"required":false,"tsType":{"name":"boolean"},"description":"Inline or stacked y plots"},"theme":{"required":false,"tsType":{"name":"union","raw":"| \"compare\"\n| \"contrast\"\n| \"extended\"\n| \"datavizRotation\"","elements":[{"name":"literal","value":"\"compare\""},{"name":"literal","value":"\"contrast\""},{"name":"literal","value":"\"extended\""},{"name":"literal","value":"\"datavizRotation\""}]},"description":"@deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version","defaultValue":{"value":"\"datavizRotation\"","computed":false}},"legendLabels":{"required":true,"tsType":{"name":"Array","elements":[{"name":"TypeLegendLabels"}],"raw":"TypeLegendLabels[]"},"description":"Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme."},"orientation":{"required":false,"tsType":{"name":"string"},"description":"Orientation of the legend"},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","Omit"]}],"../seeds-react-checkbox/src/Checkbox.tsx":[{"description":"","methods":[{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"event","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null}],"displayName":"Checkbox","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"value":{"required":false,"tsType":{"name":"string"},"description":""},"name":{"required":false,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":"Label text to display next to the checkbox"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input (if not used with an accompanying visual label)"},"labelProps":{"required":false,"tsType":{"name":"TypeTextProps"},"description":""},"checked":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"onChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(event: React.SyntheticEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"pill\" | \"default\"","elements":[{"name":"literal","value":"\"pill\""},{"name":"literal","value":"\"default\""}]},"description":""},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"input\">","elements":[{"name":"literal","value":"\"input\""}]},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-collapsible/src/Collapsible.tsx":[{"description":"","methods":[{"name":"Trigger","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: { children: React.ReactElement }","optional":false,"type":{"name":"signature","type":"object","raw":"{ children: React.ReactElement }","signature":{"properties":[{"key":"children","value":{"name":"ReactReactElement","raw":"React.ReactElement","required":true}}]}}}],"returns":null},{"name":"Panel","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: { children: React.ReactNode }","optional":false,"type":{"name":"signature","type":"object","raw":"{ children: React.ReactNode }","signature":{"properties":[{"key":"children","value":{"name":"ReactReactNode","raw":"React.ReactNode","required":true}}]}}}],"returns":null}],"displayName":"Collapsible","props":{"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"offset":{"required":false,"tsType":{"name":"number"},"description":"If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this.","defaultValue":{"value":"0","computed":false}},"collapsedHeight":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"0","computed":false}},"openHeight":{"required":false,"tsType":{"name":"number"},"description":""}}}],"../seeds-react-drawer/src/Drawer.tsx":[{"description":"","methods":[{"name":"Header","docblock":null,"modifiers":["static"],"params":[{"name":"{\n title = \"\",\n id = undefined,\n children,\n render,\n ...rest\n}: TypeDrawerHeaderProps","optional":false,"type":{"name":"TypeDrawerHeaderProps","alias":"TypeDrawerHeaderProps"}}],"returns":null},{"name":"Content","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: TypeDrawerContentProps","optional":false,"type":{"name":"TypeDrawerContentProps","alias":"TypeDrawerContentProps"}}],"returns":null},{"name":"CloseButton","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeDrawerCloseButtonProps","alias":"TypeDrawerCloseButtonProps"}}],"returns":null}],"displayName":"DrawerContainer","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"closeButtonLabel":{"required":true,"tsType":{"name":"string"},"description":"Label for the close button. Usually this should be \"Close\""},"direction":{"required":false,"tsType":{"name":"union","raw":"\"left\" | \"right\"","elements":[{"name":"literal","value":"\"left\""},{"name":"literal","value":"\"right\""}]},"description":"Whether the drawer slides in from the left or right side of the screen","defaultValue":{"value":"\"right\"","computed":false}},"disableCloseOnClickOutside":{"required":false,"tsType":{"name":"boolean"},"description":"In some cases, you may not want the user to be able to click outside of the drawer to close it. You can disable that with this prop.","defaultValue":{"value":"false","computed":false}},"id":{"required":true,"tsType":{"name":"string"},"description":""},"isOpen":{"required":true,"tsType":{"name":"boolean"},"description":""},"offset":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"0","computed":false}},"onClose":{"required":true,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"7","computed":false}},"closeTargets":{"required":false,"tsType":{"name":"Array","elements":[{"name":"Element"}],"raw":"Array<Element>"},"description":"","defaultValue":{"value":"[]","computed":false}},"width":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"600","computed":false}},"focusLockExemptCheck":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(element: HTMLElement) => boolean","signature":{"arguments":[{"type":{"name":"HTMLElement"},"name":"element"}],"return":{"name":"boolean"}}},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-duration/src/Duration.tsx":[{"description":"","methods":[],"displayName":"formatDuration","props":{"milliseconds":{"required":true,"tsType":{"name":"union","raw":"number | null","elements":[{"name":"number"},{"name":"null"}]},"description":"The milliseconds to be formatted"},"locale":{"required":false,"tsType":{"name":"Intl.LocalesArgument"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"display":{"required":false,"tsType":{"name":"union","raw":"\"long\" | \"narrow\"","elements":[{"name":"literal","value":"\"long\""},{"name":"literal","value":"\"narrow\""}]},"description":"The style of the formatted duration"},"displayUnits":{"required":false,"tsType":{"name":"TypeDurationDisplayUnits"},"description":"The units of the duration to render"},"invalidMillisecondsLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"Duration","props":{"milliseconds":{"required":true,"tsType":{"name":"union","raw":"number | null","elements":[{"name":"number"},{"name":"null"}]},"description":"The milliseconds to be formatted"},"locale":{"required":false,"tsType":{"name":"Intl.LocalesArgument"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"display":{"required":false,"tsType":{"name":"union","raw":"\"long\" | \"narrow\"","elements":[{"name":"literal","value":"\"long\""},{"name":"literal","value":"\"narrow\""}]},"description":"The style of the formatted duration"},"displayUnits":{"required":false,"tsType":{"name":"TypeDurationDisplayUnits"},"description":"The units of the duration to render"},"invalidMillisecondsLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["Omit"]}],"../seeds-react-empty-state/src/EmptyState.tsx":[{"description":"","methods":[],"displayName":"EmptyState","props":{"media":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"An image in (preferably in SVG format)"},"headline":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"A headline describing the empty state"},"subtext":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Optional description of the empty state"},"primaryAction":{"required":false,"tsType":{"name":"ReactReactElement","raw":"React.ReactElement"},"description":"Element for the primary call-to-action"},"secondaryAction":{"required":false,"tsType":{"name":"ReactReactElement","raw":"React.ReactElement"},"description":"Element for any secondary call-to-action"}},"composes":["TypeBoxProps"]}],"../seeds-react-fieldset/src/Fieldset.tsx":[{"description":"Fieldset Component","methods":[{"name":"Legend","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: TypeFieldsetLegendProps","optional":false,"type":{"name":"TypeFieldsetLegendProps","alias":"TypeFieldsetLegendProps"}}],"returns":null},{"name":"HelperText","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: TypeFieldsetHelperText","optional":false,"type":{"name":"TypeFieldsetHelperText","alias":"TypeFieldsetHelperText"}}],"returns":null}],"displayName":"Fieldset","props":{"label":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text to display above the fieldset"},"helperText":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"layout":{"required":false,"tsType":{"name":"union","raw":"\"vertical\" | \"horizontal\"","elements":[{"name":"literal","value":"\"vertical\""},{"name":"literal","value":"\"horizontal\""}]},"description":"","defaultValue":{"value":"\"vertical\"","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["TypeBoxProps"]}],"../seeds-react-form-field/src/FormField.tsx":[{"description":"","methods":[],"displayName":"FormField","props":{"children":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(options: {\n id: string;\n isInvalid: boolean;\n ariaDescribedby: string;\n required?: boolean;\n}) => React.ReactNode","signature":{"arguments":[{"type":{"name":"signature","type":"object","raw":"{\n id: string;\n isInvalid: boolean;\n ariaDescribedby: string;\n required?: boolean;\n}","signature":{"properties":[{"key":"id","value":{"name":"string","required":true}},{"key":"isInvalid","value":{"name":"boolean","required":true}},{"key":"ariaDescribedby","value":{"name":"string","required":true}},{"key":"required","value":{"name":"boolean","required":false}}]}},"name":"options"}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"A function that receives props that need to be spread onto the child element"},"error":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text describing any error with the field's content"},"helperText":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Text acting as a description blurb below the main label *"},"id":{"required":false,"tsType":{"name":"string"},"description":"ID of the form element (will be auto-generated if not provided)"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the current contents of the field are invalid","defaultValue":{"value":"false","computed":false}},"label":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Label text to display above the form field"},"qa":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"any"}],"raw":"Record<string, any>"},"description":""},"isLabelHidden":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the label text should be visually hidden","defaultValue":{"value":"false","computed":false}},"required":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the form element is required"},"mb":{"defaultValue":{"value":"400","computed":false},"required":false}},"composes":["Omit"]}],"../seeds-react-icon/src/Icon.tsx":[{"description":"","methods":[{"name":"Toggle","docblock":"**Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below.\n\n@link https://www.w3.org/TR/wai-aria-practices-1.1/#button\n@example\nconst [toggleState, setToggleState] = useState(false);\n<Button // Wrap Icon.Toggle with Button\n appearance='pill'\n aria-label='like' // required for accessibility\n aria-pressed={toggleState} // required for accessibility\n onClick={() => setToggleState(!toggleState)}\n>\n <Icon.Toggle\n activeName=\"heart-solid\"\n inactiveName=\"heart-outline\"\n isActive={toggleState}\n />\n</Button>","modifiers":["static"],"params":[{"name":"{\n activeName,\n inactiveName,\n isActive,\n size = \"small\",\n fixedWidth = false,\n ariaLabel,\n ...rest\n}: TypeToggleProps","optional":false,"type":{"name":"TypeToggleProps","alias":"TypeToggleProps"}}],"returns":null,"description":"**Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below."}],"displayName":"Icon","props":{"name":{"required":true,"tsType":{"name":"union","raw":"EnumIconNames | EnumLogoNamesWithoutVariants","elements":[{"name":"EnumIconNames"},{"name":"EnumLogoNamesWithoutVariants"}]},"description":"Name of the icon in the svg sprite"},"size":{"required":false,"tsType":{"name":"union","raw":"| \"mini\" // 12x12\n// TODO: deprecate default in favor of small in future release\n| \"default\" // 16x16\n| \"small\" // 16x16\n| \"medium\" // 24x24\n| \"large\" // 32x32\n| \"jumbo\"","elements":[{"name":"literal","value":"\"mini\""},{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"medium\""},{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"jumbo\""}]},"description":"","defaultValue":{"value":"\"small\"","computed":false}},"fixedWidth":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the icon should have a fixed width or not. Use this when you need to align icons/text vertically in a list.","defaultValue":{"value":"false","computed":false}},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the icon if not used with an accompanying visual label"},"svgProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"svg\">","elements":[{"name":"literal","value":"\"svg\""}]},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-input/src/Input.tsx":[{"description":"","methods":[{"name":"ClearButton","docblock":null,"modifiers":["static"],"params":[],"returns":null},{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleClear","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleKeyDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handleKeyUp","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handlePaste","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"updateState","docblock":null,"modifiers":[],"params":[{"name":"inputValue","optional":false,"type":{"name":"string"}}],"returns":null}],"displayName":"Input","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Input, like an error"},"clearButtonLabel":{"required":false,"tsType":{"name":"string"},"description":"Label for Input.ClearButton. Required when using Input.ClearButton."},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder text for when value is undefined or empty"},"value":{"required":false,"tsType":{"name":"string"},"description":"Current value of the input"},"type":{"required":false,"tsType":{"name":"union","raw":"\"date\" | \"email\" | \"number\" | \"password\" | \"text\" | \"url\" | \"search\"","elements":[{"name":"literal","value":"\"date\""},{"name":"literal","value":"\"email\""},{"name":"literal","value":"\"number\""},{"name":"literal","value":"\"password\""},{"name":"literal","value":"\"text\""},{"name":"literal","value":"\"url\""},{"name":"literal","value":"\"search\""}]},"description":"HTML type attribute","defaultValue":{"value":"\"text\"","computed":false}},"autoComplete":{"required":false,"tsType":{"name":"boolean"},"description":"Set option to display earlier typed values"},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Will autofocus the element when mounted to the DOM","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"HTML disabled attribute","defaultValue":{"value":"false","computed":false}},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"HTML readonly attribute"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input are invalid"},"hasWarning":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input has any warnings"},"required":{"required":false,"tsType":{"name":"boolean"},"description":"HTML required attribute"},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"maxLength":{"required":false,"tsType":{"name":"number"},"description":"Max length of the input"},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"input\">","elements":[{"name":"literal","value":"\"input\""}]},"description":"Props to spread onto the underlying input element"},"innerRef":{"required":false,"tsType":{"name":"union","raw":"| {\n current: null | HTMLInputElement;\n }\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n| ((arg0: React.ElementRef<any> | HTMLElement) => void)","elements":[{"name":"signature","type":"object","raw":"{\n current: null | HTMLInputElement;\n}","signature":{"properties":[{"key":"current","value":{"name":"union","raw":"null | HTMLInputElement","elements":[{"name":"null"},{"name":"HTMLInputElement"}],"required":true}}]}},{"name":"unknown"}]},"description":"Used to get a reference to the underlying element"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onClear":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onKeyUp":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onPaste":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"small\" | \"default\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"default\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"primary\" | \"secondary\"","elements":[{"name":"literal","value":"\"primary\""},{"name":"literal","value":"\"secondary\""}]},"description":"Controls the styles of the input. Primary is our standard input styles and secondary is a borderless input.\n Note that this prop should only be used to alter styles and not functionality.","defaultValue":{"value":"\"primary\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-image/src/Image.tsx":[{"description":"","methods":[{"name":"onError","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLImageElement, Event>","elements":[{"name":"HTMLImageElement"},{"name":"Event"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"onLoad","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onClick","docblock":null,"modifiers":[],"params":[],"returns":null}],"displayName":"Image","props":{"src":{"required":true,"tsType":{"name":"string"},"description":""},"alt":{"required":true,"tsType":{"name":"string"},"description":"Alt text is required for non-decorative images"},"title":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"\"","computed":false}},"onError":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLImageElement, Event>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLImageElement, Event>","elements":[{"name":"HTMLImageElement"},{"name":"Event"}]},"name":"e"}],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"() => {}","computed":false}},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"() => {}","computed":false}},"defaultImage":{"required":false,"tsType":{"name":"string"},"description":"A URL for a default image to load if the source image is not available"},"onLoad":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"","defaultValue":{"value":"() => {}","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","Omit"]}],"../seeds-react-keyboard-key/src/KeyboardKey.tsx":[{"description":"","methods":[],"displayName":"KeyboardKey","props":{"children":{"required":true,"tsType":{"name":"string"},"description":"Text to display inside of key"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-label/src/Label.tsx":[{"description":"","methods":[],"displayName":"Label","props":{"htmlFor":{"required":true,"tsType":{"name":"string"},"description":"ID of the associated form element"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"required":{"required":false,"tsType":{"name":"boolean"},"description":""}},"composes":["TypeTextProps"]}],"../seeds-react-link/src/Link.tsx":[{"description":"","methods":[],"displayName":"Link","props":{"external":{"required":false,"tsType":{"name":"boolean"},"description":"Optional prop to make the URL open in a new tab"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"href":{"required":false,"tsType":{"name":"string"},"description":"Setting this prop will cause the component to be rendered as a link"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disables user action and applies a disabled style to the component"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":"Can be used in addition to an href but still renders as a link. Omitting href will render as button"},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"underline":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"qa":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{ [key: string]: unknown }","signature":{"properties":[{"key":{"name":"string"},"value":{"name":"unknown","required":true}}]}},"description":"","defaultValue":{"value":"{}","computed":false}}},"composes":["Omit","TypeSystemFlexboxProps"]}],"../seeds-react-loader/src/Loader.tsx":[{"description":"","methods":[],"displayName":"Loader","props":{"size":{"required":false,"tsType":{"name":"union","raw":"\"small\" | \"large\"","elements":[{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"large\""}]},"description":"","defaultValue":{"value":"\"large\"","computed":false}},"text":{"required":false,"tsType":{"name":"string"},"description":"Text for the loader. This text is not visible, but is used for accessibility purposed","defaultValue":{"value":"\"\"","computed":false}},"delay":{"required":false,"tsType":{"name":"boolean"},"description":"Whether the loader should wait 2 seconds before it displays","defaultValue":{"value":"true","computed":false}},"color":{"required":false,"tsType":{"name":"union","raw":"\"light\" | \"dark\"","elements":[{"name":"literal","value":"\"light\""},{"name":"literal","value":"\"dark\""}]},"description":"","defaultValue":{"value":"\"dark\"","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-loader-button/src/LoaderButton.tsx":[{"description":"","methods":[],"displayName":"LoaderButton","props":{"isLoading":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"loaderLabel":{"required":true,"tsType":{"name":"string"},"description":""},"appearance":{"defaultValue":{"value":"\"unstyled\"","computed":false},"required":false}},"composes":["TypeButtonProps"]}],"../seeds-react-partner-logo/src/PartnerLogo.tsx":[{"description":"","methods":[],"displayName":"PartnerLogo","props":{"partnerName":{"required":true,"tsType":{"name":"EnumLogoNamesWithoutVariants"},"description":"The name of the partner whose logo you want to render."},"backgroundType":{"required":false,"tsType":{"name":"union","raw":"\"dark\" | \"light\"","elements":[{"name":"literal","value":"\"dark\""},{"name":"literal","value":"\"light\""}]},"description":"Manually override the default mode behavior by rendering a logo based on the background it's displayed on."},"logoType":{"required":false,"tsType":{"name":"unknown[number]","raw":"(typeof PartnerLogoTypes)[number]"},"description":"","defaultValue":{"value":"\"symbol\"","computed":false}},"height":{"required":false,"tsType":{"name":"string"},"description":""},"width":{"required":false,"tsType":{"name":"string"},"description":""},"size":{"required":false,"tsType":{"name":"union","raw":"keyof typeof PartnerLogoSizes","elements":[{"name":"literal","value":"mini"},{"name":"literal","value":"small"},{"name":"literal","value":"medium"},{"name":"literal","value":"large"},{"name":"literal","value":"jumbo"}]},"description":""},"svgProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"svg\">","elements":[{"name":"literal","value":"\"svg\""}]},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemFlexboxProps","Omit"]}],"../seeds-react-popout/src/Popout.tsx":[{"description":"","methods":[{"name":"Content","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...rest }: TypeBoxProps","optional":false,"type":{"name":"TypeBoxProps","alias":"TypeBoxProps"}}],"returns":null}],"displayName":"Popout","props":{"disableWrapperAria":{"required":false,"tsType":{"name":"boolean"},"description":"Whether Popout should automatically add aria-attributes to its wrapped elements","defaultValue":{"value":"false","computed":false}},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"Is the popout open? This prop is optional. By using it, you will lose some automatic handling of the logic for opening and closing the popout."},"setIsOpen":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isOpen"},{"type":{"name":"union","raw":"MouseEvent | KeyboardEvent","elements":[{"name":"MouseEvent"},{"name":"KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":"If you use the isOpen prop you will need to pass a handler to change the state of the popout"},"content":{"required":true,"tsType":{"name":"union","raw":"| (React.ReactElement<any> | null | undefined)\n| (\n | ((opts: { hide: () => void }) => React.ReactElement<any>)\n | null\n | undefined\n )","elements":[{"name":"unknown"},{"name":"unknown"}]},"description":"The content to be shown in the popout. If there is no content, just the children are rendered"},"children":{"required":true,"tsType":{"name":"union","raw":"| React.ReactElement<any>\n| ((opts: {\n ref: (arg0: React.ElementRef<any> | HTMLElement) => void;\n toggle: () => void;\n show: () => void;\n hide: () => void;\n ariaProps: Record<string, any>;\n }) => React.ReactNode)","elements":[{"name":"ReactReactElement","raw":"React.ReactElement<any>","elements":[{"name":"any"}]},{"name":"unknown"}]},"description":"The content that the popout should be attached to"},"placement":{"required":false,"tsType":{"name":"Exclude","elements":[{"name":"PopperProps[\"placement\"]","raw":"PopperProps[\"placement\"]"},{"name":"undefined"}],"raw":"Exclude<PopperProps[\"placement\"], undefined>"},"description":"How the popped-out content should be placed, in relationship to the children","defaultValue":{"value":"\"auto\"","computed":false}},"fullWidth":{"required":false,"tsType":{"name":"boolean"},"description":"Should the popped-out content inherit its width from the children?\nThis is useful for typeaheads and other places where a popout needs to match the width of a given element.","defaultValue":{"value":"false","computed":false}},"focusOnContent":{"required":false,"tsType":{"name":"boolean"},"description":"When the popout has opened, should we focus on its content?\n Focus will be brought inside by looking for elements with [autofocus] first, [tabindex] second and buttons/links/other natively-focusable elements last.\n Upon closing the popout, focus will be returned to the popout's target.\n If nothing within your popout's content is focusable, this prop will do nothing.","defaultValue":{"value":"true","computed":false}},"qa":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"string"}],"raw":"Record<string, string>"},"description":"","defaultValue":{"value":"{}","computed":false}},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"7","computed":false}},"popperProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"PopperProps"}],"raw":"Partial<PopperProps>"},"description":"Override react-popper per the API documentation here: https://github.com/FezVrasta/react-popper#api-documentation"},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"onOpen":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":""},"scheduleUpdateRef":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(arg0: () => void) => void","signature":{"arguments":[{"type":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"name":"arg0"}],"return":{"name":"void"}}},"description":"And optional callback to receive the scheduleUpdate function.\nUse the function to recalculate the popout position in relation to the contents.","defaultValue":{"value":"() => {}","computed":false}},"appendToBody":{"required":false,"tsType":{"name":"boolean"},"description":"Mount the popout at the bottom of the DOM (using React.Portal) instead of inside the current DOM tree","defaultValue":{"value":"true","computed":false}},"focusLockProps":{"required":false,"tsType":{"name":"TypeFocusLockProps"},"description":"Override `FocusLock` props, see the API documentation for more details: https://github.com/theKashey/react-focus-lock#api","defaultValue":{"value":"{}","computed":false}},"menuPopout":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","Omit"]}],"../seeds-react-radio/src/Radio.tsx":[{"description":"Primitive Radio Element","methods":[{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null}],"displayName":"Radio","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":"Label text to display next to the radio input"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"value":{"required":false,"tsType":{"name":"string"},"description":""},"checked":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"../seeds-react-switch/src/Switch.tsx":[{"description":"@link https://seeds.sproutsocial.com/components/switch/\n\nSwitch should always have an accessible label. Use aria-label, aria-labelledby or a `Label` component.\nThe accessible label should not change when the checked state changes.\nThe component uses role=\"switch\" and the `checked` prop will be used to set the aria-checked attribute.\n\n@see https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n\n@example\n<Switch checked={true} onClick={_onClick} aria-label=\"Switch Example\" />","methods":[],"displayName":"Switch","props":{"onClick":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(\n e: React.SyntheticEvent<HTMLButtonElement>,\n checked: boolean\n) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"},{"type":{"name":"boolean"},"name":"checked"}],"return":{"name":"void"}}},"description":""},"checked":{"required":true,"tsType":{"name":"boolean"},"description":""},"loading":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}},"composes":["Omit","TypeStyledComponentsCommonProps","TypeColorSystemProps","TypeLayoutSystemProps","TypeSpaceSystemProps"]}],"../seeds-react-spot-illustration/src/SpotIllustration.tsx":[{"description":"","methods":[],"displayName":"SpotIllustration","props":{"name":{"required":true,"tsType":{"name":"EnumIllustrationNames"},"description":""},"customFill":{"required":false,"tsType":{"name":"union","raw":"\"red\" | \"green\" | \"yellow\" | \"magenta\" | \"purple\" | \"aqua\"","elements":[{"name":"literal","value":"\"red\""},{"name":"literal","value":"\"green\""},{"name":"literal","value":"\"yellow\""},{"name":"literal","value":"\"magenta\""},{"name":"literal","value":"\"purple\""},{"name":"literal","value":"\"aqua\""}]},"description":""},"height":{"required":false,"tsType":{"name":"string"},"description":""},"width":{"required":false,"tsType":{"name":"string"},"description":""}}}],"../seeds-react-visually-hidden/src/VisuallyHidden.tsx":[{"description":"","methods":[],"displayName":"VisuallyHidden","composes":["HTMLAttributes"]}],"../seeds-react-text/src/Text.tsx":[{"description":"","methods":[],"displayName":"Text","props":{"fontSize":{"required":false,"tsType":{"name":"TypeSystemTypographyProps[\"typeScale\"]","raw":"TypeSystemTypographyProps[\"typeScale\"]"},"description":"Maps to the typeScale system prop, sets font size and line height using Seeds values"},"breakWord":{"required":false,"tsType":{"name":"boolean"},"description":"Controls the CSS word-break property"},"truncated":{"required":false,"tsType":{"name":"boolean"},"description":"Truncates text into a single line with ellipsis"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"qa":{"required":false,"tsType":{"name":"object"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","TypeSystemLayoutProps","TypeSystemFlexboxProps","TypeSystemGridProps","Omit"]}],"src/Breadcrumb/Breadcrumb.tsx":[{"description":"","methods":[{"name":"Item","docblock":null,"modifiers":["static"],"params":[{"name":"{\n children,\n href,\n ...rest\n}: TypeBreadcrumbItemProps","optional":false,"type":{"name":"TypeBreadcrumbItemProps","alias":"TypeBreadcrumbItemProps"}}],"returns":null}],"displayName":"Breadcrumb","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"ariaLabel":{"required":true,"tsType":{"name":"string"},"description":"Description of the type of navigation being provided by the breadcrumb (i.e. \"Asset library breadcrumb\")"},"overflow":{"required":false,"tsType":{"name":"signature","type":"object","raw":"{\n label: string;\n menu: React.ReactNode;\n}","signature":{"properties":[{"key":"label","value":{"name":"string","required":true}},{"key":"menu","value":{"name":"ReactReactNode","raw":"React.ReactNode","required":true}}]}},"description":"optional"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Indicator/Indicator.tsx":[{"description":"","methods":[],"displayName":"Indicator","props":{"tooltip":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Listbox/Listbox.tsx":[{"description":"","methods":[],"displayName":"Listbox","props":{"role":{"required":false,"tsType":{"name":"literal","value":"\"listbox\""},"description":"","defaultValue":{"value":"MENU_ROLES.LISTBOX","computed":true}}},"composes":["TypeMenuProps"]},{"description":"","methods":[],"displayName":"ListboxButton","props":{"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"default\" | \"small\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"small\""}]},"description":""},"content":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"popoutProps":{"required":false,"tsType":{"name":"TypePopoutProps"},"description":""},"aria-label":{"required":false,"tsType":{"name":"string"},"description":""},"aria-labelledby":{"required":false,"tsType":{"name":"string"},"description":""}},"composes":["Omit","TypeMenuButtonContext","TypeMenuButtonProps"]}],"src/Menu/Menu.tsx":[{"description":"","methods":[],"displayName":"Menu.Item","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent"},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""}}},{"description":"","methods":[],"displayName":"Menu.Checkbox","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent"},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""}}},{"description":"","methods":[],"displayName":"Menu.Radio","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent"},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""}}},{"description":"","methods":[],"displayName":"Menu.Switch","props":{"id":{"required":false,"tsType":{"name":"string"},"description":""},"index":{"required":false,"tsType":{"name":"number"},"description":""},"label":{"required":false,"tsType":{"name":"string"},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"active":{"required":false,"tsType":{"name":"boolean"},"description":""},"selected":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"indeterminate":{"required":false,"tsType":{"name":"boolean"},"description":""},"value":{"required":false,"tsType":{"name":"string"},"description":""},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent"},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyPress":{"required":false,"tsType":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES]"},"description":""},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""},"data-qa-menu-item":{"required":false,"tsType":{"name":"string"},"description":""},"alignItems":{"required":false,"tsType":{"name":"string"},"description":""},"placement":{"required":true,"tsType":{"name":"union","raw":"\"before\" | \"after\"","elements":[{"name":"literal","value":"\"before\""},{"name":"literal","value":"\"after\""}]},"description":"Determines whether the Switch will be rendered as elemBefore or elemAfter."},"labelProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypeTextProps"},{"name":"literal","value":"\"children\""}],"raw":"Omit<TypeTextProps, \"children\">"}],"raw":"Partial<Omit<TypeTextProps, \"children\">>"},"description":"Pass any valid Text props except children to the label.\nchildren is omitted because Menu.Switch's children is rendered as the label's children."},"switchProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypeSwitchProps"},{"name":"literal","value":"\"onClick\""}],"raw":"Omit<TypeSwitchProps, \"onClick\">"}],"raw":"Partial<Omit<TypeSwitchProps, \"onClick\">>"},"description":"Pass any valid Switch props except onClick to the Switch.\nonClick is omitted because it would only be triggered when the Switch itself is clicked with a mouse.\nThe top-level onClick prop, which will be triggered for a click or keypress anywhere on the Menu Item, should be used instead."}}},{"description":"","methods":[],"displayName":"Menu.Group","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"title":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"If provided, a visible title will be rendered for the group."},"titleAs":{"required":false,"tsType":{"name":"ReactElementType","raw":"React.ElementType<any>","elements":[{"name":"any"}]},"description":""},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"default\" | \"flush\"","elements":[{"name":"literal","value":"\"default\""},{"name":"literal","value":"\"flush\""}]},"description":"Use the flush appearance if you're using the menu outside of a popout"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"Menu.Divider"},{"description":"","methods":[{"name":"Group","docblock":null,"modifiers":["static"],"params":[{"name":"{\n children,\n title,\n titleAs,\n disabled: isDisabled = false,\n ...props\n}: TypeMenuGroupProps","optional":false,"type":{"name":"TypeMenuGroupProps","alias":"TypeMenuGroupProps"}}],"returns":null},{"name":"Item","docblock":null,"modifiers":["static"],"params":[{"name":"{\n id: idProp,\n index: indexProp,\n as,\n children,\n role: roleProp,\n elemBefore,\n elemAfter,\n value: valueProp,\n onKeyPress,\n onClick,\n selected,\n disabled,\n indeterminate,\n label: labelProp,\n active: activeProp,\n ...props\n}: TypeMenuItemProps","optional":false,"type":{"name":"TypeMenuItemProps","alias":"TypeMenuItemProps"}}],"returns":null},{"name":"Checkbox","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMenuItemProps","alias":"TypeMenuItemProps"}}],"returns":null},{"name":"Radio","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMenuItemProps","alias":"TypeMenuItemProps"}}],"returns":null},{"name":"Switch","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMenuSwitchProps","alias":"TypeMenuSwitchProps"}}],"returns":null},{"name":"Divider","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeBoxProps","alias":"TypeBoxProps"}}],"returns":null},{"name":"FilterInput","docblock":null,"modifiers":["static"],"params":[{"name":"{ type = \"search\", ...props }: TypeInputProps","optional":false,"type":{"name":"TypeInputProps","alias":"TypeInputProps"}}],"returns":null}],"displayName":"Menu","props":{"multiselect":{"required":false,"tsType":{"name":"boolean"},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(val: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"val"}],"return":{"name":"void"}}},"description":""},"role":{"required":false,"tsType":{"name":"unknown[unknown]","raw":"(typeof MENU_ROLES)[keyof typeof MENU_ROLES]"},"description":"","defaultValue":{"value":"MENU_ROLES.MENU","computed":true}},"value":{"required":false,"tsType":{"name":"union","raw":"(string | null | undefined) | string[]","elements":[{"name":"unknown"},{"name":"Array","elements":[{"name":"string"}],"raw":"string[]"}]},"description":""},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<any>","elements":[{"name":"any"}]},"description":""},"footerContent":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"MenuButton","props":{"closeOnItemClick":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"closePopout":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => any","signature":{"arguments":[],"return":{"name":"any"}}},"description":""},"id":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"uniqueId(\"MenuButton-\")","computed":true}},"aria-labelledby":{"required":false,"tsType":{"name":"string"},"description":""},"aria-label":{"required":false,"tsType":{"name":"string"},"description":""},"content":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"popoutProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"Omit","elements":[{"name":"TypePopoutProps"},{"name":"literal","value":"\"children\""}],"raw":"Omit<TypePopoutProps, \"children\">"}],"raw":"Partial<Omit<TypePopoutProps, \"children\">>"},"description":""},"placement":{"required":false,"tsType":{"name":"TypePopoutProps[\"placement\"]","raw":"TypePopoutProps[\"placement\"]"},"description":"","defaultValue":{"value":"\"bottom\"","computed":false}},"invalid":{"required":false,"tsType":{"name":"boolean"},"description":""},"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":""},"setIsOpen":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void","signature":{"arguments":[{"type":{"name":"boolean"},"name":"isOpen"},{"type":{"name":"union","raw":"MouseEvent | KeyboardEvent","elements":[{"name":"MouseEvent"},{"name":"KeyboardEvent"}]},"name":"event"}],"return":{"name":"void"}}},"description":""}},"composes":["Omit"]}],"src/Message/Message.tsx":[{"description":"","methods":[{"name":"Body","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Header","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Footer","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Meta","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeMessageProps","alias":"TypeMessageProps"}}],"returns":null},{"name":"Button","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeButtonProps","alias":"TypeButtonProps"}}],"returns":null},{"name":"Avatar","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeAvatarProps","alias":"TypeAvatarProps"}}],"returns":null},{"name":"Checkbox","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeCheckboxProps","alias":"TypeCheckboxProps"}}],"returns":null}],"displayName":"Message","props":{"density":{"required":false,"tsType":{"name":"unknown[union]","raw":"(typeof MESSAGE_DENSITIES)[TypeDensityKeys]"},"description":"Condensed, small, or large.","defaultValue":{"value":"\"small\"","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<HTMLDivElement>","elements":[{"name":"HTMLDivElement"}]},"description":""},"borderColor":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"container.border.base\"","computed":false}},"bg":{"required":false,"tsType":{"name":"string"},"description":"","defaultValue":{"value":"\"container.background.base\"","computed":false}},"indentContent":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"true","computed":false}},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["TypeBoxProps"]}],"src/Modal/Modal.tsx":[{"description":"The modal you want","methods":[{"name":"Header","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeModalHeaderProps","alias":"TypeModalHeaderProps"}}],"returns":null},{"name":"Footer","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeModalFooterProps","alias":"TypeModalFooterProps"}}],"returns":null},{"name":"CloseButton","docblock":null,"modifiers":["static"],"params":[{"name":"props","optional":false,"type":{"name":"TypeModalCloseButtonProps","alias":"TypeModalCloseButtonProps"}}],"returns":null}],"displayName":"Modal","props":{"appElementSelector":{"required":false,"tsType":{"name":"string"},"description":"section of app to aria hide for the modal"},"isOpen":{"required":true,"tsType":{"name":"boolean"},"description":"trigger to open or close the modal"},"label":{"required":true,"tsType":{"name":"string"},"description":"label for screen readers to announce the modal"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"body content of the modal"},"onClose":{"required":false,"tsType":{"name":"signature","type":"function","raw":"() => void","signature":{"arguments":[],"return":{"name":"void"}}},"description":"callback for close"},"closeButtonLabel":{"required":true,"tsType":{"name":"string"},"description":"aria-label for modal X"},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"Controls the z-index CSS property","defaultValue":{"value":"6","computed":false}},"width":{"required":false,"tsType":{"name":"union","raw":"string | number","elements":[{"name":"string"},{"name":"number"}]},"description":"The max width of the modal container","defaultValue":{"value":"\"800px\"","computed":false}},"data":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"union","raw":"string | boolean | number","elements":[{"name":"string"},{"name":"boolean"},{"name":"number"}]}],"raw":"Record<string, string | boolean | number>"},"description":"Custom attributes to be added to the modals container\nEach key will be prepended with \"data-\" when rendered in the DOM"}},"composes":["TypeContainerProps","Omit"]}],"src/Numeral/Numeral.tsx":[{"description":"","methods":[],"displayName":"formatNumeral","props":{"number":{"required":false,"tsType":{"name":"union","raw":"number | null | undefined","elements":[{"name":"number"},{"name":"null"},{"name":"undefined"}]},"description":"The number to be formatted"},"locale":{"required":false,"tsType":{"name":"string"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"format":{"required":false,"tsType":{"name":"union","raw":"\"decimal\" | \"currency\" | \"percent\"","elements":[{"name":"literal","value":"\"decimal\""},{"name":"literal","value":"\"currency\""},{"name":"literal","value":"\"percent\""}]},"description":""},"currency":{"required":false,"tsType":{"name":"string"},"description":"The currency format to use when formatting currency"},"abbreviate":{"required":false,"tsType":{"name":"union","raw":"boolean | number","elements":[{"name":"boolean"},{"name":"number"}]},"description":"A boolean determining whether or not the number should be abbreviated, or a number representing the abbreviation threshold"},"invalidNumberLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"precision":{"required":false,"tsType":{"name":"union","raw":"number | \"none\"","elements":[{"name":"number"},{"name":"literal","value":"\"none\""}]},"description":"Override the default decimal precision (2 for decimals/currency, 1 for percentages), or \"none\" allowing unrestricted precision."},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["Omit"]},{"description":"","methods":[],"displayName":"Numeral","props":{"number":{"required":false,"tsType":{"name":"union","raw":"number | null | undefined","elements":[{"name":"number"},{"name":"null"},{"name":"undefined"}]},"description":"The number to be formatted"},"locale":{"required":false,"tsType":{"name":"string"},"description":"Locale to format. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument"},"format":{"required":false,"tsType":{"name":"union","raw":"\"decimal\" | \"currency\" | \"percent\"","elements":[{"name":"literal","value":"\"decimal\""},{"name":"literal","value":"\"currency\""},{"name":"literal","value":"\"percent\""}]},"description":""},"currency":{"required":false,"tsType":{"name":"string"},"description":"The currency format to use when formatting currency"},"abbreviate":{"required":false,"tsType":{"name":"union","raw":"boolean | number","elements":[{"name":"boolean"},{"name":"number"}]},"description":"A boolean determining whether or not the number should be abbreviated, or a number representing the abbreviation threshold"},"invalidNumberLabel":{"required":false,"tsType":{"name":"string"},"description":"Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash))"},"precision":{"required":false,"tsType":{"name":"union","raw":"number | \"none\"","elements":[{"name":"number"},{"name":"literal","value":"\"none\""}]},"description":"Override the default decimal precision (2 for decimals/currency, 1 for percentages), or \"none\" allowing unrestricted precision."},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["Omit"]}],"src/SegmentedControl/SegmentedControl.tsx":[{"description":"","methods":[{"name":"Item","docblock":null,"modifiers":["static"],"params":[{"name":"{\n value,\n children,\n disabled,\n ...rest\n}: TypeSegmentedControlItemProps","optional":false,"type":{"name":"TypeSegmentedControlItemProps","alias":"TypeSegmentedControlItemProps"}}],"returns":null}],"displayName":"SegmentedControl","props":{"selectedValue":{"required":true,"tsType":{"name":"string"},"description":"The value of the currently selected item. Should match the value prop of one of the child items"},"label":{"required":true,"tsType":{"name":"string"},"description":"The title of the segmented control, used for accessibility purposes"},"onChange":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":"Called when the user selects a new item. You can access the value of the newly selected item using \"event.target.value\""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Disables user action and applies a disabled style on the component"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["TypeContainerProps"]}],"src/Select/Select.tsx":[{"description":"","methods":[{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLSelectElement>","elements":[{"name":"HTMLSelectElement"}],"alias":"React.SyntheticEvent"}}],"returns":null}],"displayName":"Select","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the select if not used with an accompanying visual label"},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Select, like an error"},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"defaultValue":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef[\"value\"]","raw":"React.ComponentPropsWithoutRef<\"select\">[\"value\"]"},"description":""},"value":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef[\"value\"]","raw":"React.ComponentPropsWithoutRef<\"select\">[\"value\"]"},"description":"Current value of the input"},"required":{"required":false,"tsType":{"name":"boolean"},"description":""},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":""},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":""},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":""},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithRef","raw":"React.ComponentPropsWithRef<\"select\">","elements":[{"name":"literal","value":"\"select\""}]},"description":"Props to spread onto the underlying input element"},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLSelectElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLSelectElement>","elements":[{"name":"HTMLSelectElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"size":{"required":false,"tsType":{"name":"union","raw":"\"large\" | \"small\" | \"default\"","elements":[{"name":"literal","value":"\"large\""},{"name":"literal","value":"\"small\""},{"name":"literal","value":"\"default\""}]},"description":"","defaultValue":{"value":"\"default\"","computed":false}}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Stack/Stack.tsx":[{"description":"","methods":[],"displayName":"Stack","props":{"space":{"required":false,"tsType":{"name":"TypeResponsive","elements":[{"name":"union","raw":"| 0\n| 100\n| 200\n| 300\n| 350\n| 400\n| 450\n| 500\n| 600\n| string","elements":[{"name":"literal","value":"0"},{"name":"literal","value":"100"},{"name":"literal","value":"200"},{"name":"literal","value":"300"},{"name":"literal","value":"350"},{"name":"literal","value":"400"},{"name":"literal","value":"450"},{"name":"literal","value":"500"},{"name":"literal","value":"600"},{"name":"string"}]}],"raw":"TypeResponsive<TypeSpaceLiterals>"},"description":"Amount of space between items in the stack","defaultValue":{"value":"300","computed":false}},"align":{"required":false,"tsType":{"name":"TypeResponsive","elements":[{"name":"union","raw":"\"left\" | \"center\" | \"right\" | \"stretch\"","elements":[{"name":"literal","value":"\"left\""},{"name":"literal","value":"\"center\""},{"name":"literal","value":"\"right\""},{"name":"literal","value":"\"stretch\""}]}],"raw":"TypeResponsive<TypeAlignment>"},"description":"Alignment of the items in the stack (horizontal or vertical)","defaultValue":{"value":"\"left\"","computed":false}},"direction":{"required":false,"tsType":{"name":"TypeResponsive","elements":[{"name":"union","raw":"\"vertical\" | \"horizontal\"","elements":[{"name":"literal","value":"\"vertical\""},{"name":"literal","value":"\"horizontal\""}]}],"raw":"TypeResponsive<TypeDirection>"},"description":"Axis upon which the stack is laid out (left, center, right, or stretch)","defaultValue":{"value":"\"vertical\"","computed":false}},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}},"composes":["TypeBoxProps"]}],"src/Table/Table.tsx":[{"description":"The table component assist in rendering tablular data.","methods":[{"name":"TableHead","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...props }: TypePassthroughProps","optional":false,"type":{"name":"TypePassthroughProps","alias":"TypePassthroughProps"}}],"returns":null},{"name":"TableBody","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...props }: TypePassthroughProps","optional":false,"type":{"name":"TypePassthroughProps","alias":"TypePassthroughProps"}}],"returns":null},{"name":"TableRow","docblock":null,"modifiers":["static"],"params":[{"name":"{ children, ...props }: TypePassthroughProps","optional":false,"type":{"name":"TypePassthroughProps","alias":"TypePassthroughProps"}}],"returns":null}],"displayName":"Table","props":{"head":{"required":false,"tsType":{"name":"Array","elements":[{"name":"TypeTableHeadProp"}],"raw":"TypeTableHeadProp[]"},"description":"Array of TableHeaderCells to render","defaultValue":{"value":"[]","computed":false}},"rows":{"required":false,"tsType":{"name":"Array","elements":[{"name":"TypeTableRow"}],"raw":"TypeTableRow[]"},"description":"Array of TableRows to render","defaultValue":{"value":"[]","computed":false}},"onSort":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"}],"return":{"name":"void"}}},"description":"Callback for Sorting Table Columns (optional)"},"sortId":{"required":false,"tsType":{"name":"string"},"description":"Controls which column is being sorted (optional)"},"sortDirection":{"required":false,"tsType":{"name":"TypeEnumSortDirections"},"description":"Controls the current sort direction (optional)"},"rowRender":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(row: TypeTableRow) => React.ReactNode","signature":{"arguments":[{"type":{"name":"TypeTableRow"},"name":"row"}],"return":{"name":"ReactReactNode","raw":"React.ReactNode"}}},"description":"Custom row render for flexibilty"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Including children will overwrite all head, rows, rowRender, and sorting props\nShould be used for manually rendering tables and ignoring data props"}},"composes":["TypeSystemCommonProps","Omit"]},{"description":"","methods":[],"displayName":"Table.TableHead","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}},{"description":"","methods":[],"displayName":"Table.TableBody","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}},{"description":"","methods":[],"displayName":"Table.TableRow","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""}}}],"src/TableCell/TableCell.tsx":[{"description":"The table cell component is for rendering table cells and is meant to be used with the table component.","methods":[],"props":{"id":{"required":true,"tsType":{"name":"string"},"description":"Table Cell Id"},"content":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content is deprecated. Please use children instead. Content to be render"},"colSpan":{"required":false,"tsType":{"name":"number"},"description":"Controls the colSpan attribute (optional)"},"width":{"required":false,"tsType":{"name":"number"},"description":"Controls the width attribute (optional)"},"align":{"required":false,"tsType":{"name":"union","raw":"\"left\" | \"right\" | \"center\" | \"justify\"","elements":[{"name":"literal","value":"\"left\""},{"name":"literal","value":"\"right\""},{"name":"literal","value":"\"center\""},{"name":"literal","value":"\"justify\""}]},"description":"Controls the CSS text-align property (optional)"},"scope":{"required":false,"tsType":{"name":"union","raw":"\"row\" | \"col\" | \"rowGroup\" | \"colGroup\"","elements":[{"name":"literal","value":"\"row\""},{"name":"literal","value":"\"col\""},{"name":"literal","value":"\"rowGroup\""},{"name":"literal","value":"\"colGroup\""}]},"description":"Controls the scope attribute. If set, will change the element from a <td> to a <th>. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#scope (optional)"},"children":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Children to be rendered"}},"composes":["TypeSystemCommonProps","Omit"]}],"src/TableHeaderCell/TableHeaderCell.tsx":[{"description":"","methods":[{"name":"getSortIcon","docblock":null,"modifiers":[],"params":[{"name":"isSorted","optional":false,"type":{"name":"boolean"}},{"name":"ariaSortDirection","optional":false,"type":{"name":"union","raw":"\"ascending\" | \"descending\" | undefined","elements":[{"name":"literal","value":"\"ascending\""},{"name":"literal","value":"\"descending\""},{"name":"undefined"}]}}],"returns":null},{"name":"handleClick","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactMouseEvent","raw":"React.MouseEvent<HTMLTableCellElement | HTMLButtonElement>","elements":[{"name":"union","raw":"HTMLTableCellElement | HTMLButtonElement","elements":[{"name":"HTMLTableCellElement"},{"name":"HTMLButtonElement"}]}],"alias":"React.MouseEvent"}}],"returns":null}],"props":{"isSortable":{"required":false,"tsType":{"name":"boolean"},"description":"Legacy Deteremines if a table column is sortable (optional)"},"shouldTruncate":{"required":false,"tsType":{"name":"boolean"},"description":"Truncates text into a singular line with ellipsis (optional)"},"onSort":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(id: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"}],"return":{"name":"void"}}},"description":"Legacy: Callback for Sorting Table Columns (optional)"},"sortId":{"required":false,"tsType":{"name":"string"},"description":"Legacy: Controls which column is being sorted (optional)"},"sortDirection":{"required":false,"tsType":{"name":"union","raw":"keyof typeof SORT_DIRECTIONS","elements":[{"name":"literal","value":"ASC"},{"name":"literal","value":"DESC"}]},"description":"Legacy: Controls the current sort direction (optional)"},"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":"Callback for Click Events. If Included will override onSort prop"}},"composes":["Omit"]}],"src/TableRowAccordion/TableRowAccordion.tsx":[{"description":"The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.","methods":[{"name":"handleToggle","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":null}],"returns":null}],"displayName":"TableRowAccordion","props":{"detail":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"Content to be rendered in accordion drawer"},"isExpanded":{"required":true,"tsType":{"name":"boolean"},"description":"Controls the display state of the accordion drawer"},"onToggle":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(id: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"id"}],"return":{"name":"void"}}},"description":"Callback for toggling the accordion drawer state"}},"composes":["TypeTableRow","TypeSystemCommonProps","Omit"]}],"src/Tabs/Tabs.tsx":[{"description":"Render a group of buttons in a tab-heading style","methods":[{"name":"getSelectedId","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"onActivate","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"onTabMount","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}},{"name":"ref","optional":false,"type":{"name":"TypeTabButtonRef","alias":"TypeTabButtonRef"}}],"returns":null},{"name":"onTabUpdate","docblock":null,"modifiers":[],"params":[{"name":"previousId","optional":false,"type":{"name":"string"}},{"name":"newId","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"onTabUnmount","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"selectNextTab","docblock":null,"modifiers":[],"params":[{"name":"id","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"keyHandler","docblock":null,"modifiers":[],"params":[{"name":"{ keyCode }: React.KeyboardEvent<HTMLUListElement>","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLUListElement>","elements":[{"name":"HTMLUListElement"}],"alias":"React.KeyboardEvent"}}],"returns":null}],"displayName":"Tabs","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"onSelect":{"required":true,"tsType":{"name":"signature","type":"function","raw":"(arg0: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"arg0"}],"return":{"name":"void"}}},"description":""},"fullWidth":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the tabs should stretch to fill the width of their container"},"qa":{"required":false,"tsType":{"name":"object"},"description":""},"selectedId":{"required":true,"tsType":{"name":"string"},"description":"ID of the selected tab"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Textarea/Textarea.tsx":[{"description":"","methods":[{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleChange","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleKeyDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleKeyUp","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}],"alias":"React.SyntheticEvent"}}],"returns":null}],"displayName":"Textarea","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Textarea, like an error"},"value":{"required":false,"tsType":{"name":"string"},"description":"Current value of the textarea"},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Will autofocus the element when mounted to the DOM"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"HTML disabled attribute"},"readOnly":{"required":false,"tsType":{"name":"boolean"},"description":"HTML readonly attribute"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input are invalid"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder text for when value is undefined or empty"},"required":{"required":false,"tsType":{"name":"boolean"},"description":"HTML required attribute"},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"maxLength":{"required":false,"tsType":{"name":"number"},"description":"Max length of the input"},"enableSpellcheck":{"required":false,"tsType":{"name":"boolean"},"description":"HTML spellcheck attribute"},"enableResize":{"required":false,"tsType":{"name":"boolean"},"description":"Makes the text area vertically resizable"},"rows":{"required":false,"tsType":{"name":"number"},"description":"The number of visible lines of text without scrolling","defaultValue":{"value":"4","computed":false}},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"textarea\">","elements":[{"name":"literal","value":"\"textarea\""}]},"description":"Props to spread onto the underlying textarea element"},"innerRef":{"required":false,"tsType":{"name":"union","raw":"| {\n current: null | HTMLTextAreaElement;\n }\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n| ((arg0: React.ElementRef<any> | HTMLElement) => void)","elements":[{"name":"signature","type":"object","raw":"{\n current: null | HTMLTextAreaElement;\n}","signature":{"properties":[{"key":"current","value":{"name":"union","raw":"null | HTMLTextAreaElement","elements":[{"name":"null"},{"name":"HTMLTextAreaElement"}],"required":true}}]}},{"name":"unknown"}]},"description":"Used to get a reference to the underlying element"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyUp":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLTextAreaElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLTextAreaElement>","elements":[{"name":"HTMLTextAreaElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/ToggleHint/ToggleHint.tsx":[{"description":"Icon (either chevron or plus/minus) indicating whether an element is open or closed.","methods":[{"name":"getIcon","docblock":null,"modifiers":[],"params":[],"returns":null}],"displayName":"ToggleHint","props":{"isOpen":{"required":false,"tsType":{"name":"boolean"},"description":"","defaultValue":{"value":"false","computed":false}},"icon":{"required":false,"tsType":{"name":"union","raw":"\"chevron\" | \"plus\"","elements":[{"name":"literal","value":"\"chevron\""},{"name":"literal","value":"\"plus\""}]},"description":"","defaultValue":{"value":"\"chevron\"","computed":false}},"openString":{"required":true,"tsType":{"name":"string"},"description":""},"closeString":{"required":true,"tsType":{"name":"string"},"description":""},"className":{"required":false,"tsType":{"name":"string"},"description":""},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""}},"composes":["TypeSystemCommonProps","Omit"]}],"src/Toast/Toast.tsx":[{"description":"","methods":[],"displayName":"ToastContainer"},{"description":"","methods":[],"displayName":"ToastContentContainer","props":{"icon":{"required":true,"tsType":{"name":"ReactNode"},"description":"A ReactNode in the icon slot"},"close":{"required":true,"tsType":{"name":"ReactNode"},"description":"A ReactNode in the close button slot"},"highlightColor":{"required":false,"tsType":{"name":"ComponentProps[\"bg\"]","raw":"ComponentProps<typeof Box>[\"bg\"]"},"description":""}}}],"src/Token/Token.tsx":[{"description":"","methods":[],"displayName":"Token","props":{"onClick":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(event: React.SyntheticEvent<HTMLButtonElement>) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"event"}],"return":{"name":"void"}}},"description":""},"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":""},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"closeable":{"required":false,"tsType":{"name":"boolean"},"description":"Show the close icon in the token. Can be used with or without icon prop","defaultValue":{"value":"true","computed":false}},"valid":{"required":false,"tsType":{"name":"boolean"},"description":"Indicates whether the token value is valid or not","defaultValue":{"value":"true","computed":false}},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"Indicates whether the token is disabled","defaultValue":{"value":"false","computed":false}},"palette":{"required":false,"tsType":{"name":"union","raw":"\"neutral\" | \"blue\"","elements":[{"name":"literal","value":"\"neutral\""},{"name":"literal","value":"\"blue\""}]},"description":"","defaultValue":{"value":"\"neutral\"","computed":false}},"as":{"required":false,"tsType":{"name":"TypeStyledComponentsCommonProps[\"as\"]","raw":"TypeStyledComponentsCommonProps[\"as\"]"},"description":""}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/TokenInput/TokenInput.tsx":[{"description":"","methods":[{"name":"isDelimiter","docblock":null,"modifiers":[],"params":[{"name":"keyName","optional":false,"type":{"name":"string"}}],"returns":null},{"name":"spawnNewTokens","docblock":null,"modifiers":[],"params":[{"name":"texts","optional":false,"type":{"name":"Array","elements":[{"name":"string"}],"raw":"string[]"}}],"returns":null},{"name":"deleteToken","docblock":null,"modifiers":[],"params":[{"name":"tokenId","optional":true,"type":{"name":"string"}}],"returns":null},{"name":"handleChangeText","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.SyntheticEvent"}}],"returns":null},{"name":"handleFocus","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleBlur","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.FocusEvent"}}],"returns":null},{"name":"handleKeyUp","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handleKeyDown","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.KeyboardEvent"}}],"returns":null},{"name":"handlePaste","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactClipboardEvent","raw":"React.ClipboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}],"alias":"React.ClipboardEvent"}}],"returns":null},{"name":"handleClickToken","docblock":null,"modifiers":[],"params":[{"name":"e","optional":false,"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}],"alias":"React.SyntheticEvent"}},{"name":"token","optional":false,"type":{"name":"TypeTokenSpec","alias":"TypeTokenSpec"}}],"returns":null},{"name":"renderToken","docblock":null,"modifiers":[],"params":[{"name":"token","optional":false,"type":{"name":"TypeTokenSpec","alias":"TypeTokenSpec"}}],"returns":{"type":{"name":"ReactReactNode","raw":"React.ReactNode"}}},{"name":"renderTokens","docblock":null,"modifiers":[],"params":[{"name":"tokens","optional":false,"type":{"name":"Array","elements":[{"name":"TypeTokenSpec"}],"raw":"TypeTokenSpec[]"}}],"returns":{"type":{"name":"ReactReactNode","raw":"React.ReactNode"}}}],"displayName":"TokenInput","props":{"id":{"required":true,"tsType":{"name":"string"},"description":"ID of the form element, should match the \"for\" value of the associated label"},"name":{"required":true,"tsType":{"name":"string"},"description":""},"iconName":{"required":false,"tsType":{"name":"TypeIconName"},"description":""},"delimiters":{"required":false,"tsType":{"name":"Array","elements":[{"name":"string"}],"raw":"string[]"},"description":"Array of delimiter key names"},"value":{"required":false,"tsType":{"name":"string"},"description":"Current input text. Required when controlling the input text"},"hasFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Current focus state. Required when controlling the focus via onFocus and onBlur"},"activeToken":{"required":false,"tsType":{"name":"string"},"description":"Id of the currently selected token"},"tokens":{"required":false,"tsType":{"name":"Array","elements":[{"name":"TypeTokenSpec"}],"raw":"TypeTokenSpec[]"},"description":"Array of current tokens"},"onChangeTokens":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(tokens: TypeTokenSpec[]) => void","signature":{"arguments":[{"type":{"name":"Array","elements":[{"name":"TypeTokenSpec"}],"raw":"TypeTokenSpec[]"},"name":"tokens"}],"return":{"name":"void"}}},"description":"Standard control of changing tokens. For fine-grain control use onAddToken and onRemoveToken, instead"},"onAddToken":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(tokenSpec: TypeTokenSpec) => void","signature":{"arguments":[{"type":{"name":"TypeTokenSpec"},"name":"tokenSpec"}],"return":{"name":"void"}}},"description":"Fine-grained control of adding tokens. Use with onRemoveToken instead of onChangeTokens"},"onRemoveToken":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(tokenId: string) => void","signature":{"arguments":[{"type":{"name":"string"},"name":"tokenId"}],"return":{"name":"void"}}},"description":"Fine-grained control of removing tokens. Use with onAddToken instead of onChangeTokens"},"onClickToken":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(\n e: React.SyntheticEvent<HTMLButtonElement>,\n tokenId: string\n) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLButtonElement>","elements":[{"name":"HTMLButtonElement"}]},"name":"e"},{"type":{"name":"string"},"name":"tokenId"}],"return":{"name":"void"}}},"description":"Controls clicking on a token. When absent, clicking a token removes itself"},"onChange":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.SyntheticEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactSyntheticEvent","raw":"React.SyntheticEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Fine-grained control of the input text used to create tokens"},"onPaste":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.ClipboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactClipboardEvent","raw":"React.ClipboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":"Fine-grained control of pasted text"},"onBlur":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onFocus":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.FocusEvent<HTMLInputElement>) => void","signature":{"arguments":[{"type":{"name":"ReactFocusEvent","raw":"React.FocusEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"}],"return":{"name":"void"}}},"description":""},"onKeyDown":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"onKeyUp":{"required":false,"tsType":{"name":"signature","type":"function","raw":"(e: React.KeyboardEvent<HTMLInputElement>, value: string) => void","signature":{"arguments":[{"type":{"name":"ReactKeyboardEvent","raw":"React.KeyboardEvent<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"name":"e"},{"type":{"name":"string"},"name":"value"}],"return":{"name":"void"}}},"description":""},"ariaDescribedby":{"required":false,"tsType":{"name":"string"},"description":"Attribute used to associate other elements that describe the Input, like an error"},"ariaLabel":{"required":false,"tsType":{"name":"string"},"description":"Label used to describe the input if not used with an accompanying visual label"},"placeholder":{"required":false,"tsType":{"name":"string"},"description":"Placeholder text for when value is undefined or empty"},"autoFocus":{"required":false,"tsType":{"name":"boolean"},"description":"Will autofocus the element when mounted to the DOM"},"disabled":{"required":false,"tsType":{"name":"boolean"},"description":"HTML disabled attribute"},"isInvalid":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input are invalid"},"hasWarning":{"required":false,"tsType":{"name":"boolean"},"description":"Whether or not the current contents of the input has any warnings"},"required":{"required":false,"tsType":{"name":"boolean"},"description":"HTML required attribute"},"elemBefore":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"elemAfter":{"required":false,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"16x16 element, such as an icon"},"maxLength":{"required":false,"tsType":{"name":"number"},"description":"Max input text length"},"tokenMaxLength":{"required":false,"tsType":{"name":"number"},"description":"Max length of the token"},"inputProps":{"required":false,"tsType":{"name":"ReactComponentPropsWithoutRef","raw":"React.ComponentPropsWithoutRef<\"input\">","elements":[{"name":"literal","value":"\"input\""}]},"description":"Props to spread onto the underlying input element"},"innerRef":{"required":false,"tsType":{"name":"ReactRef","raw":"React.Ref<HTMLInputElement>","elements":[{"name":"HTMLInputElement"}]},"description":"Used to get a reference to the underlying element"},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"autocomplete":{"required":false,"tsType":{"name":"string"},"description":"Browser autocomplete support"}},"composes":["TypeStyledComponentsCommonProps","TypeSystemCommonProps","Omit"]}],"src/Tooltip/Tooltip.tsx":[{"description":"Core component","methods":[],"displayName":"Tooltip","props":{"children":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"The content that the tooltip should be attached to. Hovering or focusing this element will cause the tooltip to appear"},"content":{"required":true,"tsType":{"name":"ReactReactNode","raw":"React.ReactNode"},"description":"The content to be displayed within the tooltip. If there is no content, just the children are rendered"},"placement":{"required":false,"tsType":{"name":"TypePopoutProps[\"placement\"]","raw":"TypePopoutProps[\"placement\"]"},"description":"The placement of the tooltip in relation to the children","defaultValue":{"value":"\"auto\"","computed":false}},"enterDelay":{"required":false,"tsType":{"name":"number"},"description":"The time (in ms) that a user has to be hovered/focused before the tooltip will appear","defaultValue":{"value":"MOTION.MOTION_DURATION_FAST * 1000","computed":false}},"appearance":{"required":false,"tsType":{"name":"union","raw":"\"pill\" | \"box\"","elements":[{"name":"literal","value":"\"pill\""},{"name":"literal","value":"\"box\""}]},"description":"Used to override the appearance of the Tooltip content. By default, strings will have the 'pill' appearance, and more complex content will have the 'box' appearance. You can change those defaults by setting this prop."},"qa":{"required":false,"tsType":{"name":"TypeQaProps"},"description":""},"zIndex":{"required":false,"tsType":{"name":"number"},"description":"","defaultValue":{"value":"7","computed":false}},"popoutProps":{"required":false,"tsType":{"name":"Partial","elements":[{"name":"TypePopoutProps"}],"raw":"Partial<TypePopoutProps>"},"description":"Props to be spread onto the underlying Popout component"},"truncated":{"required":false,"tsType":{"name":"boolean"},"description":"Truncates text into a single line with ellipsis","defaultValue":{"value":"false","computed":false}},"ariaProps":{"required":false,"tsType":{"name":"Record","elements":[{"name":"string"},{"name":"string"}],"raw":"Record<string, string>"},"description":""}},"composes":["Omit"]}]}
|