feat: export types in the npm package (#1241)

* feat: export types in the npm package

* chore(example): fix type for Layout component

Author: browniebroke

example/src/components/layout.tsx

@@ -11,7 +11,7 @@ import { useStaticQuery, graphql } from 'gatsby'
 import Header from './header'
 import './layout.css'
 
-const Layout: React.FC = ({ children }) => {
+const Layout: React.FC<{ children?: React.ReactNode }> = ({ children }) => {
   const data = useStaticQuery(graphql`
     query SiteTitleQuery {
       site {

gatsby-image-gallery/src/column.tsx

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components'
 
-interface ColProps {
+export interface ColProps {
   md: number
   width: number
 }

gatsby-image-gallery/src/image-col-wrapper.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Col from './column'
 import ImgWrapper from './img-wrapper'
 
-interface ImageColWrapperProps {
+export interface ImageColWrapperProps {
   children?: React.ReactNode
   colWidth: number
   mdColWidth: number

gatsby-image-gallery/src/img-wrapper.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-interface ImgWrapperProps {
+export interface ImgWrapperProps {
   margin: string
 }
 

gatsby-image-gallery/src/index.tsx

@@ -8,15 +8,15 @@ import ImageColWrapper from './image-col-wrapper'
 
 import * as LightboxCSS from 'react-image-lightbox/style.css'
 
-interface ImageProp {
+export interface ImageProp {
   full: IGatsbyImageData
   thumb: IGatsbyImageData
   thumbAlt?: string
   title?: React.ReactNode
   caption?: React.ReactNode
 }
 
-interface GalleryProps {
+export interface GalleryProps {
   images: ImageProp[]
   colWidth?: number
   mdColWidth?: number

gatsby-image-gallery/src/row.tsx

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components'
 
-interface RowProps {
+export interface RowProps {
   margin: number
 }