@instructure/ui 10.8.1-snapshot-4 → 10.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui",
-  "version": "10.8.1-snapshot-4",
+  "version": "10.9.0",
   "description": "A meta package exporting all UI components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,82 +24,82 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/emotion": "10.8.1-snapshot-4",
-    "@instructure/ui-a11y-content": "10.8.1-snapshot-4",
-    "@instructure/ui-alerts": "10.8.1-snapshot-4",
-    "@instructure/ui-avatar": "10.8.1-snapshot-4",
-    "@instructure/ui-badge": "10.8.1-snapshot-4",
-    "@instructure/ui-billboard": "10.8.1-snapshot-4",
-    "@instructure/ui-breadcrumb": "10.8.1-snapshot-4",
-    "@instructure/ui-buttons": "10.8.1-snapshot-4",
-    "@instructure/ui-byline": "10.8.1-snapshot-4",
-    "@instructure/ui-calendar": "10.8.1-snapshot-4",
-    "@instructure/ui-checkbox": "10.8.1-snapshot-4",
-    "@instructure/ui-code-editor": "10.8.1-snapshot-4",
-    "@instructure/ui-color-picker": "10.8.1-snapshot-4",
-    "@instructure/ui-date-input": "10.8.1-snapshot-4",
-    "@instructure/ui-date-time-input": "10.8.1-snapshot-4",
-    "@instructure/ui-dialog": "10.8.1-snapshot-4",
-    "@instructure/ui-drawer-layout": "10.8.1-snapshot-4",
-    "@instructure/ui-drilldown": "10.8.1-snapshot-4",
-    "@instructure/ui-editable": "10.8.1-snapshot-4",
-    "@instructure/ui-expandable": "10.8.1-snapshot-4",
-    "@instructure/ui-file-drop": "10.8.1-snapshot-4",
-    "@instructure/ui-flex": "10.8.1-snapshot-4",
-    "@instructure/ui-focusable": "10.8.1-snapshot-4",
-    "@instructure/ui-form-field": "10.8.1-snapshot-4",
-    "@instructure/ui-grid": "10.8.1-snapshot-4",
-    "@instructure/ui-heading": "10.8.1-snapshot-4",
-    "@instructure/ui-i18n": "10.8.1-snapshot-4",
-    "@instructure/ui-icons": "10.8.1-snapshot-4",
-    "@instructure/ui-img": "10.8.1-snapshot-4",
-    "@instructure/ui-link": "10.8.1-snapshot-4",
-    "@instructure/ui-list": "10.8.1-snapshot-4",
-    "@instructure/ui-menu": "10.8.1-snapshot-4",
-    "@instructure/ui-metric": "10.8.1-snapshot-4",
-    "@instructure/ui-modal": "10.8.1-snapshot-4",
-    "@instructure/ui-motion": "10.8.1-snapshot-4",
-    "@instructure/ui-navigation": "10.8.1-snapshot-4",
-    "@instructure/ui-number-input": "10.8.1-snapshot-4",
-    "@instructure/ui-options": "10.8.1-snapshot-4",
-    "@instructure/ui-overlays": "10.8.1-snapshot-4",
-    "@instructure/ui-pages": "10.8.1-snapshot-4",
-    "@instructure/ui-pagination": "10.8.1-snapshot-4",
-    "@instructure/ui-pill": "10.8.1-snapshot-4",
-    "@instructure/ui-popover": "10.8.1-snapshot-4",
-    "@instructure/ui-portal": "10.8.1-snapshot-4",
-    "@instructure/ui-position": "10.8.1-snapshot-4",
-    "@instructure/ui-progress": "10.8.1-snapshot-4",
-    "@instructure/ui-radio-input": "10.8.1-snapshot-4",
-    "@instructure/ui-range-input": "10.8.1-snapshot-4",
-    "@instructure/ui-rating": "10.8.1-snapshot-4",
-    "@instructure/ui-responsive": "10.8.1-snapshot-4",
-    "@instructure/ui-select": "10.8.1-snapshot-4",
-    "@instructure/ui-selectable": "10.8.1-snapshot-4",
-    "@instructure/ui-side-nav-bar": "10.8.1-snapshot-4",
-    "@instructure/ui-simple-select": "10.8.1-snapshot-4",
-    "@instructure/ui-source-code-editor": "10.8.1-snapshot-4",
-    "@instructure/ui-spinner": "10.8.1-snapshot-4",
-    "@instructure/ui-svg-images": "10.8.1-snapshot-4",
-    "@instructure/ui-table": "10.8.1-snapshot-4",
-    "@instructure/ui-tabs": "10.8.1-snapshot-4",
-    "@instructure/ui-tag": "10.8.1-snapshot-4",
-    "@instructure/ui-text": "10.8.1-snapshot-4",
-    "@instructure/ui-text-area": "10.8.1-snapshot-4",
-    "@instructure/ui-text-input": "10.8.1-snapshot-4",
-    "@instructure/ui-themes": "10.8.1-snapshot-4",
-    "@instructure/ui-time-select": "10.8.1-snapshot-4",
-    "@instructure/ui-toggle-details": "10.8.1-snapshot-4",
-    "@instructure/ui-tooltip": "10.8.1-snapshot-4",
-    "@instructure/ui-top-nav-bar": "10.8.1-snapshot-4",
-    "@instructure/ui-tray": "10.8.1-snapshot-4",
-    "@instructure/ui-tree-browser": "10.8.1-snapshot-4",
-    "@instructure/ui-truncate-list": "10.8.1-snapshot-4",
-    "@instructure/ui-truncate-text": "10.8.1-snapshot-4",
-    "@instructure/ui-view": "10.8.1-snapshot-4"
+    "@instructure/emotion": "10.9.0",
+    "@instructure/ui-a11y-content": "10.9.0",
+    "@instructure/ui-alerts": "10.9.0",
+    "@instructure/ui-avatar": "10.9.0",
+    "@instructure/ui-badge": "10.9.0",
+    "@instructure/ui-billboard": "10.9.0",
+    "@instructure/ui-breadcrumb": "10.9.0",
+    "@instructure/ui-buttons": "10.9.0",
+    "@instructure/ui-byline": "10.9.0",
+    "@instructure/ui-calendar": "10.9.0",
+    "@instructure/ui-checkbox": "10.9.0",
+    "@instructure/ui-code-editor": "10.9.0",
+    "@instructure/ui-color-picker": "10.9.0",
+    "@instructure/ui-date-input": "10.9.0",
+    "@instructure/ui-date-time-input": "10.9.0",
+    "@instructure/ui-dialog": "10.9.0",
+    "@instructure/ui-drawer-layout": "10.9.0",
+    "@instructure/ui-drilldown": "10.9.0",
+    "@instructure/ui-editable": "10.9.0",
+    "@instructure/ui-expandable": "10.9.0",
+    "@instructure/ui-file-drop": "10.9.0",
+    "@instructure/ui-flex": "10.9.0",
+    "@instructure/ui-focusable": "10.9.0",
+    "@instructure/ui-form-field": "10.9.0",
+    "@instructure/ui-grid": "10.9.0",
+    "@instructure/ui-heading": "10.9.0",
+    "@instructure/ui-i18n": "10.9.0",
+    "@instructure/ui-icons": "10.9.0",
+    "@instructure/ui-img": "10.9.0",
+    "@instructure/ui-link": "10.9.0",
+    "@instructure/ui-list": "10.9.0",
+    "@instructure/ui-menu": "10.9.0",
+    "@instructure/ui-metric": "10.9.0",
+    "@instructure/ui-modal": "10.9.0",
+    "@instructure/ui-motion": "10.9.0",
+    "@instructure/ui-navigation": "10.9.0",
+    "@instructure/ui-number-input": "10.9.0",
+    "@instructure/ui-options": "10.9.0",
+    "@instructure/ui-overlays": "10.9.0",
+    "@instructure/ui-pages": "10.9.0",
+    "@instructure/ui-pagination": "10.9.0",
+    "@instructure/ui-pill": "10.9.0",
+    "@instructure/ui-popover": "10.9.0",
+    "@instructure/ui-portal": "10.9.0",
+    "@instructure/ui-position": "10.9.0",
+    "@instructure/ui-progress": "10.9.0",
+    "@instructure/ui-radio-input": "10.9.0",
+    "@instructure/ui-range-input": "10.9.0",
+    "@instructure/ui-rating": "10.9.0",
+    "@instructure/ui-responsive": "10.9.0",
+    "@instructure/ui-select": "10.9.0",
+    "@instructure/ui-selectable": "10.9.0",
+    "@instructure/ui-side-nav-bar": "10.9.0",
+    "@instructure/ui-simple-select": "10.9.0",
+    "@instructure/ui-source-code-editor": "10.9.0",
+    "@instructure/ui-spinner": "10.9.0",
+    "@instructure/ui-svg-images": "10.9.0",
+    "@instructure/ui-table": "10.9.0",
+    "@instructure/ui-tabs": "10.9.0",
+    "@instructure/ui-tag": "10.9.0",
+    "@instructure/ui-text": "10.9.0",
+    "@instructure/ui-text-area": "10.9.0",
+    "@instructure/ui-text-input": "10.9.0",
+    "@instructure/ui-themes": "10.9.0",
+    "@instructure/ui-time-select": "10.9.0",
+    "@instructure/ui-toggle-details": "10.9.0",
+    "@instructure/ui-tooltip": "10.9.0",
+    "@instructure/ui-top-nav-bar": "10.9.0",
+    "@instructure/ui-tray": "10.9.0",
+    "@instructure/ui-tree-browser": "10.9.0",
+    "@instructure/ui-truncate-list": "10.9.0",
+    "@instructure/ui-truncate-text": "10.9.0",
+    "@instructure/ui-view": "10.9.0"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.8.1-snapshot-4"
+    "@instructure/ui-babel-preset": "10.9.0"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -28,12 +28,24 @@ export {
   PresentationContent,
   ScreenReaderContent
 } from '@instructure/ui-a11y-content'
+export type {
+  AccessibleContentProps,
+  ScreenReaderContentProps,
+  PresentationContentProps
+} from '@instructure/ui-a11y-content'
 export { Alert } from '@instructure/ui-alerts'
+export type { AlertProps } from '@instructure/ui-alerts'
 export { Avatar } from '@instructure/ui-avatar'
-
+export type { AvatarProps } from '@instructure/ui-avatar'
 export { Badge } from '@instructure/ui-badge'
+export type { BadgeProps } from '@instructure/ui-badge'
 export { Billboard } from '@instructure/ui-billboard'
-export { Breadcrumb } from '@instructure/ui-breadcrumb'
+export type { BillboardProps } from '@instructure/ui-billboard'
+export { Breadcrumb, BreadcrumbLink } from '@instructure/ui-breadcrumb'
+export type {
+  BreadcrumbProps,
+  BreadcrumbLinkProps
+} from '@instructure/ui-breadcrumb'
 export {
   BaseButton,
   Button,
@@ -42,15 +54,33 @@ export {
   IconButton,
   ToggleButton
 } from '@instructure/ui-buttons'
+export type {
+  BaseButtonOwnProps,
+  ButtonProps,
+  BaseButtonProps,
+  ToggleButtonProps,
+  CloseButtonProps,
+  CondensedButtonProps,
+  IconButtonProps
+} from '@instructure/ui-buttons'
 export { Byline } from '@instructure/ui-byline'
-export { Calendar } from '@instructure/ui-calendar'
+export type { BylineProps } from '@instructure/ui-byline'
+export { Calendar, CalendarDay } from '@instructure/ui-calendar'
+export type { CalendarDayProps, CalendarProps } from '@instructure/ui-calendar'
 export {
   Checkbox,
   CheckboxGroup,
   CheckboxFacade,
   ToggleFacade
 } from '@instructure/ui-checkbox'
+export type {
+  CheckboxFacadeProps,
+  ToggleFacadeProps,
+  CheckboxGroupProps,
+  CheckboxProps
+} from '@instructure/ui-checkbox'
 export { CodeEditor } from '@instructure/ui-code-editor'
+export type { CodeEditorProps } from '@instructure/ui-code-editor'
 export {
   ColorPicker,
   ColorMixer,
@@ -58,75 +88,398 @@ export {
   ColorContrast,
   ColorIndicator
 } from '@instructure/ui-color-picker'
+export type {
+  ColorContrastProps,
+  ColorIndicatorProps,
+  ColorMixerProps,
+  ColorPickerProps,
+  ColorPresetProps
+} from '@instructure/ui-color-picker'
 export { DateInput, DateInput2 } from '@instructure/ui-date-input'
+export type {
+  DateInputProps,
+  DateInput2Props
+} from '@instructure/ui-date-input'
 export { DateTimeInput } from '@instructure/ui-date-time-input'
 export { Dialog } from '@instructure/ui-dialog'
-export { DrawerLayout, DrawerContent } from '@instructure/ui-drawer-layout'
-export { Drilldown } from '@instructure/ui-drilldown'
+export type { DialogProps } from '@instructure/ui-dialog'
+export {
+  DrawerLayout,
+  DrawerContent,
+  DrawerTray
+} from '@instructure/ui-drawer-layout'
+export type {
+  DrawerLayoutProps,
+  DrawerLayoutContentProps,
+  DrawerLayoutTrayProps
+} from '@instructure/ui-drawer-layout'
+export {
+  Drilldown,
+  DrilldownGroup,
+  DrilldownOption,
+  DrilldownPage,
+  DrilldownSeparator
+} from '@instructure/ui-drilldown'
+export type {
+  DrilldownGroupChild,
+  DrilldownGroupProps,
+  DrilldownOptionChild,
+  DrilldownOptionProps,
+  DrilldownPageChild,
+  DrilldownPageChildren,
+  DrilldownPageProps,
+  DrilldownProps,
+  DrilldownSeparatorChild,
+  DrilldownSeparatorProps
+} from '@instructure/ui-drilldown'
 export { Editable, InPlaceEdit } from '@instructure/ui-editable'
+export type { EditableProps, InPlaceEditProps } from '@instructure/ui-editable'
 export { Expandable } from '@instructure/ui-expandable'
+export type {
+  ExpandableProps,
+  RenderExpandable,
+  ExpandableToggleProps
+} from '@instructure/ui-expandable'
 export { FileDrop } from '@instructure/ui-file-drop'
+export type { FileDropProps } from '@instructure/ui-file-drop'
 export { Flex, FlexItem } from '@instructure/ui-flex'
+export type { FlexProps, FlexItemProps } from '@instructure/ui-flex'
 export { Focusable } from '@instructure/ui-focusable'
+export type { FocusableProps } from '@instructure/ui-focusable'
 export {
   FormField,
   FormFieldLabel,
   FormFieldMessage,
   FormFieldMessages,
   FormFieldLayout,
-  FormFieldGroup
+  FormFieldGroup,
+  FormPropTypes
+} from '@instructure/ui-form-field'
+export type {
+  FormFieldGroupProps,
+  FormFieldLabelProps,
+  FormFieldMessageProps,
+  FormFieldMessagesProps,
+  FormFieldLayoutProps,
+  FormFieldOwnProps,
+  FormFieldProps,
+  FormMessage,
+  FormMessageType
 } from '@instructure/ui-form-field'
 export { Grid, GridRow, GridCol } from '@instructure/ui-grid'
+export type {
+  GridProps,
+  GridRowProps,
+  GridColProps,
+  GridBreakpoints
+} from '@instructure/ui-grid'
 export { Heading } from '@instructure/ui-heading'
-export { ApplyLocale, TextDirectionContext } from '@instructure/ui-i18n'
+export type { HeadingProps } from '@instructure/ui-heading'
+export {
+  ApplyLocale,
+  TextDirectionContext,
+  ApplyLocaleContext,
+  textDirectionContextConsumer,
+  DateTime,
+  getTextDirection,
+  I18nPropTypes,
+  Locale,
+  DIRECTION
+} from '@instructure/ui-i18n'
+export type {
+  Moment,
+  TextDirectionContextConsumerProps,
+  ApplyLocaleProps
+} from '@instructure/ui-i18n'
 export * from '@instructure/ui-icons'
 export { Img } from '@instructure/ui-img'
+export type { ImgProps } from '@instructure/ui-img'
 export { Link } from '@instructure/ui-link'
-export { List, ListItem, InlineList } from '@instructure/ui-list'
+export type { LinkProps } from '@instructure/ui-link'
+export {
+  List,
+  ListItem,
+  InlineList,
+  InlineListItem
+} from '@instructure/ui-list'
+export type {
+  ListProps,
+  ListItemProps,
+  InlineListProps,
+  InlineListItemProps
+} from '@instructure/ui-list'
 export {
   Menu,
   MenuItem,
   MenuItemGroup,
   MenuItemSeparator
 } from '@instructure/ui-menu'
+export type {
+  MenuProps,
+  MenuItemProps,
+  MenuGroupProps,
+  MenuSeparatorProps
+} from '@instructure/ui-menu'
 export { MetricGroup, Metric } from '@instructure/ui-metric'
-export { Modal } from '@instructure/ui-modal'
-export { Transition } from '@instructure/ui-motion'
-export { AppNav } from '@instructure/ui-navigation'
+export type { MetricGroupProps, MetricProps } from '@instructure/ui-metric'
+export {
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader
+} from '@instructure/ui-modal'
+export type {
+  ModalProps,
+  ModalBodyProps,
+  ModalFooterProps,
+  ModalHeaderProps
+} from '@instructure/ui-modal'
+export {
+  Transition,
+  transitionTypePropType,
+  BaseTransition
+} from '@instructure/ui-motion'
+export type {
+  TransitionProps,
+  TransitionType,
+  BaseTransitionStatesType
+} from '@instructure/ui-motion'
+export { AppNav, AppNavItem } from '@instructure/ui-navigation'
+export type { AppNavProps, AppNavItemProps } from '@instructure/ui-navigation'
 export { NumberInput } from '@instructure/ui-number-input'
-export { Options } from '@instructure/ui-options'
+export type { NumberInputProps } from '@instructure/ui-number-input'
+export {
+  Options,
+  OptionSeparator,
+  OptionItem,
+  optionsThemeGenerator,
+  optionsItemThemeGenerator,
+  optionsSeparatorThemeGenerator
+} from '@instructure/ui-options'
+export type {
+  OptionsItemProps,
+  OptionsItemRenderProps,
+  OptionsProps,
+  OptionsSeparatorProps
+} from '@instructure/ui-options'
 export { Mask, Overlay } from '@instructure/ui-overlays'
-export { Pages } from '@instructure/ui-pages'
-export { Pagination } from '@instructure/ui-pagination'
+export type { MaskProps, OverlayProps } from '@instructure/ui-overlays'
+export { Pages, PagesPage } from '@instructure/ui-pages'
+export type { PagesPageProps, PagesProps } from '@instructure/ui-pages'
+export { Pagination, PaginationButton } from '@instructure/ui-pagination'
+export type {
+  PaginationNavigationProps,
+  PaginationPageProps,
+  PaginationProps
+} from '@instructure/ui-pagination'
 export { Pill } from '@instructure/ui-pill'
+export type { PillProps } from '@instructure/ui-pill'
 export { Popover } from '@instructure/ui-popover'
+export type { PopoverProps, PopoverOwnProps } from '@instructure/ui-popover'
 export { Portal } from '@instructure/ui-portal'
-export { Position } from '@instructure/ui-position'
+export type { PortalProps, PortalNode } from '@instructure/ui-portal'
+export {
+  Position,
+  PositionPropTypes,
+  calculateElementPosition,
+  executeMirrorFunction,
+  mirrorHorizontalPlacement,
+  mirrorPlacement,
+  parsePlacement
+} from '@instructure/ui-position'
+export type {
+  PositionConstraint,
+  PositionObject,
+  PositionProps,
+  PlacementPropValues,
+  PositionMountNode
+} from '@instructure/ui-position'
 export { ProgressBar, ProgressCircle } from '@instructure/ui-progress'
+export type {
+  ProgressBarProps,
+  ProgressCircleProps
+} from '@instructure/ui-progress'
 export { RadioInput, RadioInputGroup } from '@instructure/ui-radio-input'
+export type {
+  RadioInputProps,
+  RadioInputGroupProps
+} from '@instructure/ui-radio-input'
 export { RangeInput } from '@instructure/ui-range-input'
-export { Rating } from '@instructure/ui-rating'
-export { Responsive } from '@instructure/ui-responsive'
-export { Select } from '@instructure/ui-select'
+export type { RangeInputProps } from '@instructure/ui-range-input'
+export { Rating, RatingIcon } from '@instructure/ui-rating'
+export type { RatingIconProps, RatingProps } from '@instructure/ui-rating'
+export {
+  Responsive,
+  ResponsivePropTypes,
+  addElementQueryMatchListener,
+  addMediaQueryMatchListener,
+  parseQuery,
+  jsonToMediaQuery
+} from '@instructure/ui-responsive'
+export type {
+  ResponsiveProps,
+  ResponsivePropsObject,
+  BreakpointQueries,
+  QueriesMatching,
+  Query,
+  ResponsiveByBreakpointProps,
+  ValidQueryKey
+} from '@instructure/ui-responsive'
+export { Select, SelectGroup, SelectOption } from '@instructure/ui-select'
+export type {
+  SelectOwnProps,
+  SelectGroupProps,
+  SelectOptionProps,
+  SelectProps
+} from '@instructure/ui-select'
 export { Selectable } from '@instructure/ui-selectable'
-export { SideNavBar } from '@instructure/ui-side-nav-bar'
-export { SimpleSelect } from '@instructure/ui-simple-select'
+export type {
+  SelectableRender,
+  SelectableProps
+} from '@instructure/ui-selectable'
+export { SideNavBar, SideNavBarItem } from '@instructure/ui-side-nav-bar'
+export type {
+  SideNavBarProps,
+  SideNavBarItemProps
+} from '@instructure/ui-side-nav-bar'
+export {
+  SimpleSelect,
+  SimpleSelectOption,
+  SimpleSelectGroup
+} from '@instructure/ui-simple-select'
+export type {
+  SimpleSelectProps,
+  SimpleSelectGroupProps,
+  SimpleSelectOptionProps
+} from '@instructure/ui-simple-select'
 export { SourceCodeEditor } from '@instructure/ui-source-code-editor'
+export type { SourceCodeEditorProps } from '@instructure/ui-source-code-editor'
 export { Spinner } from '@instructure/ui-spinner'
+export type { SpinnerProps } from '@instructure/ui-spinner'
 export { InlineSVG, SVGIcon } from '@instructure/ui-svg-images'
-export { Table } from '@instructure/ui-table'
-export { Tabs } from '@instructure/ui-tabs'
+export type { InlineSVGProps, SVGIconProps } from '@instructure/ui-svg-images'
+export {
+  Table,
+  TableContext,
+  TableBody,
+  TableHead,
+  TableCell,
+  TableRow,
+  TableColHeader,
+  TableRowHeader
+} from '@instructure/ui-table'
+export type {
+  TableBodyProps,
+  TableCellProps,
+  TableProps,
+  TableColHeaderProps,
+  TableHeadProps,
+  TableRowHeaderProps,
+  TableRowProps
+} from '@instructure/ui-table'
+export { Tabs, TabsPanel, TabsTab } from '@instructure/ui-tabs'
+export type {
+  TabsTabProps,
+  TabsPanelProps,
+  TabsProps
+} from '@instructure/ui-tabs'
 export { Tag } from '@instructure/ui-tag'
+export type { TagProps } from '@instructure/ui-tag'
 export { Text } from '@instructure/ui-text'
+export type { TextProps } from '@instructure/ui-text'
 export { TextArea } from '@instructure/ui-text-area'
+export type { TextAreaProps } from '@instructure/ui-text-area'
 export { TextInput } from '@instructure/ui-text-input'
-export { canvas, canvasHighContrast } from '@instructure/ui-themes'
+export type { TextInputProps } from '@instructure/ui-text-input'
+export {
+  canvas,
+  canvasThemeLocal,
+  canvasHighContrast,
+  canvasHighContrastThemeLocal,
+  primitives,
+  additionalPrimitives,
+  dataVisualization
+} from '@instructure/ui-themes'
+export type {
+  ThemeMap,
+  BaseTheme,
+  Theme,
+  ThemeKeys,
+  ThemeSpecificStyle,
+  CanvasTheme,
+  CanvasBrandVariables,
+  CanvasHighContrastTheme,
+  Primitives,
+  AdditionalPrimitives,
+  DataVisualization,
+  UI
+} from '@instructure/ui-themes'
 export { TimeSelect } from '@instructure/ui-time-select'
+export type { TimeSelectProps } from '@instructure/ui-time-select'
 export { ToggleDetails, ToggleGroup } from '@instructure/ui-toggle-details'
+export type {
+  ToggleDetailsProps,
+  ToggleGroupProps
+} from '@instructure/ui-toggle-details'
 export { Tooltip } from '@instructure/ui-tooltip'
-export { TopNavBar } from '@instructure/ui-top-nav-bar'
+export type {
+  TooltipProps,
+  TooltipRenderChildrenArgs
+} from '@instructure/ui-tooltip'
+export {
+  TopNavBar,
+  TopNavBarActionItems,
+  TopNavBarBrand,
+  TopNavBarBreadcrumb,
+  TopNavBarItem,
+  TopNavBarLayout,
+  TopNavBarMenuItems,
+  TopNavBarUser
+} from '@instructure/ui-top-nav-bar'
+export type {
+  TopNavBarProps,
+  TopNavBarOwnProps,
+  TopNavBarActionItemsProps,
+  TopNavBarActionItemsOwnProps,
+  TopNavBarBrandProps,
+  TopNavBarBrandOwnProps,
+  TopNavBarItemProps,
+  TopNavBarItemOwnProps,
+  TopNavBarItemTooltipType,
+  TopNavBarLayoutProps,
+  CommonTopNavBarLayoutProps,
+  TopNavBarDesktopLayoutProps,
+  TopNavBarDesktopLayoutOwnProps,
+  DesktopLayoutOwnProps,
+  TopNavBarSmallViewportLayoutProps,
+  TopNavBarSmallViewportLayoutOwnProps,
+  SmallViewportLayoutOwnProps,
+  TopNavBarMenuItemsProps,
+  TopNavBarMenuItemsOwnProps,
+  TopNavBarUserProps,
+  TopNavBarUserOwnProps
+} from '@instructure/ui-top-nav-bar'
 export { Tray } from '@instructure/ui-tray'
-export { TreeBrowser } from '@instructure/ui-tree-browser'
+export type { TrayProps } from '@instructure/ui-tray'
+export {
+  TreeBrowser,
+  TreeNode,
+  TreeButton,
+  TreeCollection
+} from '@instructure/ui-tree-browser'
+export type {
+  TreeBrowserButtonProps,
+  TreeBrowserProps,
+  TreeBrowserCollectionProps,
+  TreeBrowserNodeProps
+} from '@instructure/ui-tree-browser'
 export { TruncateList } from '@instructure/ui-truncate-list'
+export type { TruncateListProps } from '@instructure/ui-truncate-list'
 export { TruncateText } from '@instructure/ui-truncate-text'
+export type { TruncateTextProps } from '@instructure/ui-truncate-text'
 export { View, ContextView } from '@instructure/ui-view'
+export type {
+  ViewProps,
+  ContextViewProps,
+  ViewOwnProps
+} from '@instructure/ui-view'