This issue is to track the implementation of TypeScript definitions for components exported from @carbon/react.

The lists below organize all exports from the package that need to have types added into three categories: high, medium, and low priority. There is a project board for this effort as well.

How to contribute

• If you'd like to contribute, please comment in the component issue stating your intent to work on an issue.
• If that person has not submitted a PR within 10 days, consider it available again.

Thanks so much for assisting with this huge effort! 🙏

Every checklist item below needs the following:

1. Add component types for all components listed in the title by following the adding component types documentation
2. Submit a pull request for the changes
   • Please keep pull requests as small as possible
   • Avoid adding additional components to a single PR unless necessary
   • Link to close the related issue, e.g. Closes #12513

REF #16360

High priority

DataTable

• Add TypeScript types to DataTable #12515
• Add TypeScript types to DataTableSkeleton #12516
• Add TypeScript types to Table #12517
• Add TypeScript types to TableActionList #12518
• Add TypeScript types to TableBatchAction #12519
• Add TypeScript types to TableBatchActions #12520
• Add TypeScript types to TableBody #12521
• Add TypeScript types to TableCell #12522
• Add TypeScript types to TableContainer #12523
• Add TypeScript types to TableExpandHeader #12524
• Add TypeScript types to TableExpandRow #12525
• Add TypeScript types to TableExpandedRow #12526
• Add TypeScript types to TableHead #12527
• Add TypeScript types to TableHeader #12528
• Add TypeScript types to TableRow #12529
• Add TypeScript types to TableSelectAll #12530
• Add TypeScript types to TableSelectRow #12531
• Add TypeScript types to TableToolbar #12532
• Add TypeScript types to TableToolbarAction #12533
• Add TypeScript types to TableToolbarContent #12534
• Add TypeScript types to TableToolbarMenu #12535
• Add TypeScript types to TableToolbarSearch #12536

Grid

• Add TypeScript types to Grid, FlexGrid, Column, ColumnHang, Row #12537

Inputs

• Add TypeScript types to Checkbox #12654
• Add TypeScript types to CheckboxSkeleton #12655
• Add TypeScript types to ComboBox #12538
• Add TypeScript types to ControlledPasswordInput #12539
• Add TypeScript types to DatePicker, DatePickerInput #12540
• Add TypeScript types to DatePickerSkeleton #12541
• Add TypeScript types to Dropdown #12542
• Add TypeScript types to DropdownSkeleton #12543
• Add TypeScript types to ExpandableSearch #12544
• Add TypeScript types to FileUploader, FileUploaderButton, FileUploaderDropContainer, FileUploaderItem, FileUploaderSkeleton, Filename #12545
• Add TypeScript types to FilterableMultiSelect / use useCombobox instead of <Downshift> component #12546
• Add TypeScript types to MultiSelect #12547
• Add TypeScript types to NumberInput #12548
• Add TypeScript types to NumberInputSkeleton #12549
• Add TypeScript types to PasswordInput #12550
• Add TypeScript types to RadioButton, RadioButtonGroup #12551
• Add TypeScript types to RadioButtonSkeleton #12552
• Add TypeScript types to Search #12553
• Add TypeScript types to SearchSkeleton #12554
• Add TypeScript types to Select, SelectItem, SelectItemGroup #12555
• Add TypeScript types to SelectSkeleton #12556
• Add TypeScript types to Slider #12557
• Add TypeScript types to SliderSkeleton #12558
• Add TypeScript types to TextArea #12559
• Add TypeScript types to TextAreaSkeleton #12560
• Add TypeScript types to TextInput #12561
• Add TypeScript types to TextInputSkeleton #12562
• Add TypeScript types to TimePicker, TimePickerSelect #12563
• Add TypeScript types to Toggle #12564
• Add TypeScript types to ToggleSkeleton #12565
• Add TypeScript types to ToggleSmallSkeleton #12566

Medium priority

• Add TypeScript types to ActionableNotification, ToastNotification, InlineNotification, NotificationActionButton, NotificationButton #13228
• Add TypeScript types to ComposedModal, ModalHeader, ModalBody, ModalFooter #13534
• Add TypeScript types to DefinitionTooltip #13535
• Add TypeScript types to ExpandableTile #13536
• Add TypeScript types to OverflowMenu, OverflowMenuItem #13237
• Add TypeScript types to Popover, PopoverContent #13230
• Add TypeScript types to SelectableTile #13537
• Add TypeScript types to StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper #13538
• Add TypeScript types to StructuredListSkeleton #13539
• Add TypeScript types to Tab, TabContent, TabList, TabPanel, TabPanels, Tabs #13540
• Add TypeScript types to TabsSkeleton #13541
• Add TypeScript types to Tile, TileAboveTheFoldContent, TileBelowTheFoldContent #13542
• Add TypeScript types to Toggletip, ToggletipActions, ToggletipButton, ToggletipContent, ToggletipLabel #13543
• Add TypeScript types to Tooltip #13231

Low priority

• Add TypeScript types to Accordion, AccordionItem, AccordionSkeleton #13544
• Add TypeScript types to AspectRatio #13545
• Add TypeScript types to Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton #13546
• Add TypeScript types to Button, ButtonSkeleton, DangerButton, ButtonSet #13229
• Add TypeScript types to ClassPrefix #13547
• Add TypeScript types to ClickableTile #13548
• Add TypeScript types to CodeSnippet, CodeSnippetSkeleton #13549
• Add TypeScript types to ContentSwitcher, Switch #13550
• Add TypeScript types to Copy #13551
• Add TypeScript types to CopyButton #13227
• Add TypeScript types to ErrorBoundary, ErrorBoundaryContext #13552
• Add TypeScript types to FluidForm #13048
• Add TypeScript types to Form #13553
• Add TypeScript types to FormGroup #13554
• Add TypeScript types to FormItem #13555
• Add TypeScript types to FormLabel #13556
• Add TypeScript types to Heading, Section #13557
• Add TypeScript types to IconButton #13232
• Add TypeScript types to IconSkeleton #13558
• Add TypeScript types to IconTab #13559
• Add TypeScript types to Layer, useLayer #13560
• Add TypeScript types to Link #13561
• Add TypeScript types to Loading, InlineLoading #13562
• Add TypeScript types to Modal #13563
• Add TypeScript types to ModalWrapper #13564
• Add TypeScript types to OrderedList, UnorderedList, ListItem #13565
• Add TypeScript types to Pagination, PaginationSkeleton #13566
• Add TypeScript types to PaginationNav #13567
• Add TypeScript types to PrimaryButton #13569
• Add TypeScript types to ProgressBar #13570
• Add TypeScript types to ProgressIndicator, ProgressIndicatorSkeleton, ProgressStep #13571
• Add TypeScript types to RadioTile #13572
• Add TypeScript types to SecondaryButton #13573
• Add TypeScript types to SkeletonIcon #13574
• Add TypeScript types to SkeletonPlaceholder #13575
• Add TypeScript types to SkeletonText #13576
• Add TypeScript types to Stack, VStack, HStack #13577
• Add TypeScript types to Tag, TagSkeleton #13578
• Add TypeScript types to Text, TextDirection #12657
• Add TypeScript types to Theme, GlobalTheme, useTheme #13579
• Add TypeScript types to TileGroup #13580
• Add TypeScript types to TreeView, TreeNode #13581
• Add TypeScript types to ContainedList and ContainedListItem #16019

UIShell

• Add TypeScript types to Content #13582
• Add TypeScript types to SkipToContent #13583
• Add TypeScript types to Switcher, SwitcherDivider, SwitcherItem #13584

UIShell Header

• Add TypeScript types to Header #13585
• Add TypeScript types to HeaderContainer #13586
• Add TypeScript types to HeaderGlobalAction #13587
• Add TypeScript types to HeaderGlobalBar #13588
• Add TypeScript types to HeaderMenu #13589
• Add TypeScript types to HeaderMenuButton #13590
• Add TypeScript types to HeaderMenuItem #13591
• Add TypeScript types to HeaderName #13592
• Add TypeScript types to HeaderNavigation #13593
• Add TypeScript types to HeaderPanel #13594
• Add TypeScript types to HeaderSideNavItems #13595

UIShell SideNav

• Add TypeScript types to SideNav #13596
• Add TypeScript types to SideNavDetails #13597
• Add TypeScript types to SideNavDivider #13598
• Add TypeScript types to SideNavFooter #13599
• Add TypeScript types to SideNavHeader #13600
• Add TypeScript types to SideNavIcon #13601
• Add TypeScript types to SideNavItem #13602
• Add TypeScript types to SideNavItems #13603
• Add TypeScript types to SideNavLink #13604
• Add TypeScript types to SideNavLinkText #13605
• Add TypeScript types to SideNavMenu #13606
• Add TypeScript types to SideNavMenuItem #13607
• Add TypeScript types to SideNavSwitcher #13608

Menu-based components

• Add TypeScript types to Menu, MenuItem #15177
• Add TypeScript types to ComboButton #15178

Hooks

• Add TypeScript types to usePrefix #12656

Feature flagged components

• Add TypeScript types to next/OverflowMenu #15179