From e055a8020ebcb749d087e7bfe7935b8cbf9f05dd Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Tue, 22 Nov 2022 13:01:17 +0530
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=90=9B=20fix(pagination):=20removed?=
 =?UTF-8?q?=20actions=20disable=20parameter.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-pagination/docs/react-pagination-demo.stories.js   | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/react-pagination/docs/react-pagination-demo.stories.js b/packages/react-pagination/docs/react-pagination-demo.stories.js
index 384d6f08..b9f19b83 100644
--- a/packages/react-pagination/docs/react-pagination-demo.stories.js
+++ b/packages/react-pagination/docs/react-pagination-demo.stories.js
@@ -4,11 +4,6 @@ import { Pagination } from '../lib/react-pagination';
 export default {
 	title: 'Components/Pagination',
 	component: Pagination,
-	parameters: {
-		actions: {
-			disable: true,
-		},
-	},
 };
 
 export const Demo = (args) => {

From 43608ddc05bd88127e6c722ea128f23ada4344c0 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Tue, 22 Nov 2022 13:28:21 +0530
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=90=9B=20fix(pagination):=20select=20?=
 =?UTF-8?q?default=20value=20syntax=20fix.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/react-pagination-template.stories.js | 45 +++++++++----------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/packages/react-pagination/docs/react-pagination-template.stories.js b/packages/react-pagination/docs/react-pagination-template.stories.js
index 42cf8304..e33d148b 100644
--- a/packages/react-pagination/docs/react-pagination-template.stories.js
+++ b/packages/react-pagination/docs/react-pagination-template.stories.js
@@ -147,8 +147,9 @@ const newTemplate = ({ ...props }) => {
 					<select
 						className="sui-select-sm"
 						style={{ minWidth: 1, flex: 1, marginBottom: 0, marginRight: 10 }}
+						defaultValue=""
 					>
-						<option value="" selected disabled>
+						<option value="" disabled>
 							Bulk Actions
 						</option>
 						<option value="delete">Delete All</option>
@@ -189,28 +190,26 @@ export const Advanced = () => {
 	return (
 		<StorySection
 			title="Advanced Template"
-			description={[
-				'This method allows you to modify the default template of the component. It becomes useful when you need to display the pagination outside the main area or have a complex design to replicate. You just need to call your new template inside the ',
-				<code style={{ fontSize: 11 }}>paginationContent</code>,
-				' property.',
-				<br />,
-				<br />,
-				'There are 2 elements to include in your custom template:',
-				<ul style={{ marginTop: 0 }}>
-					<li style={{ marginBottom: 5 }}>
-						<code style={{ fontSize: 11 }}>
-							&#123; PaginationNav(&#123; ...props &#125;) &#125;
-						</code>
-						, to show the navigation.
-					</li>
-					<li>
-						<code style={{ fontSize: 11 }}>
-							&#123; PaginationResults(&#123; ...props &#125;) &#125;
-						</code>
-						, to show the list of items to paginate.
-					</li>
-				</ul>,
-			]}
+			description={
+				<>
+					This method allows you to modify the default template of the component. It becomes useful when you need to display the pagination outside the main area or have a complex design to replicate. You just need to call your new template inside the <code style={{ fontSize: 11 }}>paginationContent</code> property.
+					<br />
+					<br />
+					There are 2 elements to include in your custom template:
+					<ul style={{ marginTop: 0 }}>
+						<li style={{ marginBottom: 5 }}>
+							<code style={{ fontSize: 11 }}>
+								&#123; PaginationNav(&#123; ...props &#125;) &#125;
+							</code> , to show the navigation.
+						</li>
+						<li>
+							<code style={{ fontSize: 11 }}>
+								&#123; PaginationResults(&#123; ...props &#125;) &#125;
+							</code> , to show the list of items to paginate.
+						</li>
+					</ul>
+				</>
+			}
 			code="const newTemplate = ({ ...props }) => { ... }"
 			code2="&lt;Pagination limit={ 5 } paginationContent={ newTemplate }&gt; ... &lt;/Pagination&gt;"
 			isLast={true}

From 8a42d7d8a0e7e315dbdbe365257bd543474bb28f Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Tue, 22 Nov 2022 13:38:54 +0530
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=90=9B=20fix(pagination):=20descripti?=
 =?UTF-8?q?on=20ul=20removed=20from=20p=20tag.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/react-pagination-template.stories.js | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/packages/react-pagination/docs/react-pagination-template.stories.js b/packages/react-pagination/docs/react-pagination-template.stories.js
index e33d148b..9f6827fa 100644
--- a/packages/react-pagination/docs/react-pagination-template.stories.js
+++ b/packages/react-pagination/docs/react-pagination-template.stories.js
@@ -196,18 +196,14 @@ export const Advanced = () => {
 					<br />
 					<br />
 					There are 2 elements to include in your custom template:
-					<ul style={{ marginTop: 0 }}>
-						<li style={{ marginBottom: 5 }}>
-							<code style={{ fontSize: 11 }}>
-								&#123; PaginationNav(&#123; ...props &#125;) &#125;
-							</code> , to show the navigation.
-						</li>
-						<li>
-							<code style={{ fontSize: 11 }}>
-								&#123; PaginationResults(&#123; ...props &#125;) &#125;
-							</code> , to show the list of items to paginate.
-						</li>
-					</ul>
+					<br />
+					<code style={{ fontSize: 11 }}>
+						&#123; PaginationNav(&#123; ...props &#125;) &#125;
+					</code> , to show the navigation.
+					<br />
+					<code style={{ fontSize: 11 }}>
+						&#123; PaginationResults(&#123; ...props &#125;) &#125;
+					</code> , to show the list of items to paginate.
 				</>
 			}
 			code="const newTemplate = ({ ...props }) => { ... }"