fix(pagination): pass className and others to element (#759)

* fix(pagination): pass className and others to element

* chore: release v2.3.8

components/pagination/__tests__/__snapshots__/pagination.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Pagination should render correctly 1`] = `
-"<nav><li><button class=\\"disabled\\">prev</button><style>
+"<nav class=\\"\\"><li><button class=\\"disabled\\">prev</button><style>
         li {
           margin-right: 0.428em;
           display: inline-block;

components/pagination/pagination.tsx

@@ -17,12 +17,14 @@ interface Props {
   count?: number
   limit?: number
   onChange?: (val: number) => void
+  className?: string
 }
 
 const defaultProps = {
   initialPage: 1,
   count: 1,
   limit: 7,
+  className: '',
 }
 
 type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>
@@ -35,6 +37,8 @@ const PaginationComponent: React.FC<React.PropsWithChildren<PaginationProps>> =
   limit,
   children,
   onChange,
+  className,
+  ...props
 }: React.PropsWithChildren<PaginationProps> & typeof defaultProps) => {
   const { SCALES } = useScale()
   const [page, setPage, pageRef] = useCurrentState(initialPage)
@@ -79,7 +83,7 @@ const PaginationComponent: React.FC<React.PropsWithChildren<PaginationProps>> =
 
   return (
     <PaginationContext.Provider value={values}>
-      <nav>
+      <nav className={className} {...props}>
         {prevItem}
         <PaginationPages count={count} current={page} limit={limit} setPage={setPage} />
         {nextItem}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geist-ui/core",
-  "version": "2.3.7",
+  "version": "2.3.8",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "types": "esm/index.d.ts",