diff --git a/packages/Pagination/Pagination.jsx b/packages/Pagination/Pagination.jsx index eb2bd3d08..1f9fec091 100644 --- a/packages/Pagination/Pagination.jsx +++ b/packages/Pagination/Pagination.jsx @@ -254,11 +254,9 @@ Pagination.propTypes = { /** * The default copy to be used. */ - copy: PropTypes.oneOf(['en', 'fr']), + copy: PropTypes.oneOf(['en', 'fr']).isRequired, } -Pagination.defaultProps = { copy: 'en' } - Pagination.Panel = Panel export default Pagination diff --git a/packages/Pagination/__tests__/__snapshots__/Pagination.spec.jsx.snap b/packages/Pagination/__tests__/__snapshots__/Pagination.spec.jsx.snap index 2180a5315..f9acbbe22 100644 --- a/packages/Pagination/__tests__/__snapshots__/Pagination.spec.jsx.snap +++ b/packages/Pagination/__tests__/__snapshots__/Pagination.spec.jsx.snap @@ -33,14 +33,13 @@ exports[`Pagination renders 1`] = ` color: #4b286d; font-size: 1rem; line-height: 42px; - visibility: hidden; + display: none; } .c12 { color: #4b286d; font-size: 1rem; line-height: 42px; - visibility: visible; } .c3 { @@ -257,9 +256,7 @@ exports[`Pagination renders 1`] = ` } } - + ({ - visibility: props.showPrevious ? 'visible' : 'hidden', + display: !props.showPrevious && 'none', })) export const NextPaginationContainer = styled(BasePaginationContainer)(props => ({ - visibility: props.showNext ? 'visible' : 'hidden', + display: !props.showNext && 'none', })) export const PaginationButtonStyle = styled.button({