@availity/mui-pagination 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.0](https://github.com/Availity/element/compare/@availity/mui-pagination@0.1.1...@availity/mui-pagination@0.2.0) (2023-09-13)
+
+
+### Features
+
+* **mui-pagination:** limit sizes ([77adde6](https://github.com/Availity/element/commit/77adde654bee70d006787a451f9b031e96f2a580))
+
+## [0.1.1](https://github.com/Availity/element/compare/@availity/mui-pagination@0.1.0...@availity/mui-pagination@0.1.1) (2023-09-11)
+
 ## 0.1.0 (2023-09-11)
 
 

package/dist/index.d.ts

@@ -1,9 +1,13 @@
 import { PaginationProps as PaginationProps$1, PaginationItemProps as PaginationItemProps$1 } from '@mui/material';
 
-type PaginationProps = Omit<PaginationProps$1, 'color' | 'shape' | 'renderItem'>;
+type PaginationProps = {
+    /** The size of the component
+     * @default 'determined by theme' */
+    size?: 'medium' | 'large';
+} & Omit<PaginationProps$1, 'color' | 'getItemAriaLabel' | 'renderItem' | 'shape' | 'size'>;
 declare const Pagination: ({ ...rest }: PaginationProps) => JSX.Element;
 
-type PaginationItemProps = Omit<PaginationItemProps$1, 'components' | 'color' | 'shape'>;
+type PaginationItemProps = Omit<PaginationItemProps$1, 'components' | 'color' | 'shape' | 'size'>;
 declare const PaginationItem: (props: PaginationItemProps) => JSX.Element;
 
 export { Pagination, PaginationItem, PaginationItemProps, PaginationProps };

package/dist/index.mjs

@@ -1,7 +1,5 @@
 // src/lib/Pagination.tsx
-import {
-  Pagination as MuiPagination
-} from "@mui/material";
+import { Pagination as MuiPagination } from "@mui/material";
 
 // src/lib/PaginationItem.tsx
 import { PaginationItem as MuiPaginationItem } from "@mui/material";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-pagination",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Availity MUI Pagination Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/Pagination.stories.tsx

@@ -11,13 +11,6 @@ const meta: Meta<typeof Pagination> = {
   args: {
     count: 10,
   },
-  argTypes: {
-    size: {
-      table: {
-        defaultValue: { summary: `determined by Theme` },
-      },
-    },
-  },
 };
 
 export default meta;
@@ -33,13 +26,13 @@ export const _Variants: StoryObj<typeof Pagination> = {
         Text
       </Grid>
       <Grid item xs={10}>
-        <Pagination variant="text" count={10} />
+        <Pagination variant="text" count={10} aria-label="text pagination" />
       </Grid>
       <Grid item xs={2}>
         Outlined
       </Grid>
       <Grid item xs={10}>
-        <Pagination variant="outlined" count={10} />
+        <Pagination variant="outlined" count={10} aria-label="outlined pagination" />
       </Grid>
     </Grid>
   ),
@@ -54,6 +47,7 @@ export const _FirstLast: StoryObj<typeof Pagination> = {
       <Grid item xs={10}>
         <Pagination
           variant="text"
+          aria-label="text pagination"
           count={10}
           boundaryCount={0}
           hideNextButton
@@ -68,6 +62,7 @@ export const _FirstLast: StoryObj<typeof Pagination> = {
       <Grid item xs={10}>
         <Pagination
           variant="outlined"
+          aria-label="outlined pagination"
           count={10}
           boundaryCount={0}
           hideNextButton

package/src/lib/Pagination.tsx

@@ -1,11 +1,11 @@
-import {
-  Pagination as MuiPagination,
-  PaginationProps as MuiPaginationProps,
-  PaginationPropsSizeOverrides,
-} from '@mui/material';
+import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';
 import { PaginationItem } from './PaginationItem';
 
-export type PaginationProps = Omit<MuiPaginationProps, 'color' | 'shape' | 'renderItem'>;
+export type PaginationProps = {
+  /** The size of the component
+   * @default 'determined by theme' */
+  size?: 'medium' | 'large';
+} & Omit<MuiPaginationProps, 'color' | 'getItemAriaLabel' | 'renderItem' | 'shape' | 'size'>;
 
 export const Pagination = ({ ...rest }: PaginationProps): JSX.Element => {
   return <MuiPagination {...rest} renderItem={(item) => <PaginationItem {...item} />} />;

package/src/lib/PaginationItem.stories.tsx

@@ -11,13 +11,6 @@ const meta: Meta<typeof PaginationItem> = {
   args: {
     type: 'next',
   },
-  argTypes: {
-    size: {
-      table: {
-        defaultValue: { summary: `determined by Theme` },
-      },
-    },
-  },
 };
 
 export default meta;

package/src/lib/PaginationItem.tsx

@@ -1,7 +1,7 @@
 import { PaginationItem as MuiPaginationItem, PaginationItemProps as MuiPaginationItemProps } from '@mui/material';
 import { NavigateNextIcon, NavigatePreviousIcon } from '@availity/mui-icon';
 
-export type PaginationItemProps = Omit<MuiPaginationItemProps, 'components' | 'color' | 'shape'>;
+export type PaginationItemProps = Omit<MuiPaginationItemProps, 'components' | 'color' | 'shape' | 'size'>;
 
 const slots = {
   first: () => (