From 7d1fcde9446e120ea755c93c4b368769b4259eb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Murat=20=C3=87orlu?= <murat.corlu@trendyol.com>
Date: Tue, 3 Oct 2023 09:21:17 +0200
Subject: [PATCH] docs(pagination): variable documentation rolledback

---
 .../pagination/bl-pagination.stories.mdx      | 53 ++-----------------
 1 file changed, 4 insertions(+), 49 deletions(-)

diff --git a/src/components/pagination/bl-pagination.stories.mdx b/src/components/pagination/bl-pagination.stories.mdx
index 36b3ceea..0474aca7 100644
--- a/src/components/pagination/bl-pagination.stories.mdx
+++ b/src/components/pagination/bl-pagination.stories.mdx
@@ -69,8 +69,8 @@ import { Meta, Canvas, ArgsTable, Story } from '@storybook/addon-docs';
   }}
 />
 
-export const PaginationTemplate = (args) => html`<bl-pagination
-      class=${ifDefined(args.class)}
+export const PaginationTemplate = (args) => html`
+      <bl-pagination
       current-page=${ifDefined(args.currentPage)}
       total-items=${ifDefined(args.totalItems)}
       items-per-page=${ifDefined(args.itemsPerPage)}
@@ -79,16 +79,9 @@ export const PaginationTemplate = (args) => html`<bl-pagination
       has-select=${ifDefined(args.hasSelect)}
       select-label=${ifDefined(args.selectLabel)}
       .itemsPerPageOptions=${ifDefined(args.itemsPerPageOptions)}
-      ></bl-pagination>
+      >
+      </bl-pagination>
   `
-export const PaginationTemplateWithStyle = (args) => html`
-<style>
-  .${args.class} {
-    --bl-pagination-page-size-width: ${args.pageSizeWidth};
-  }
-</style>
-${PaginationTemplate(args)}
-`
 
 # Pagination
 
@@ -188,44 +181,6 @@ To set a custom options list for `bl-pagination`, use the **itemsPerPageOptions*
 </script>
 ```
 
-### Customizing styles
-
-Currently pagination component uses other Baklava components internally (`bl-select`, `bl-input`, `bl-button`). So you are able yo customize them with their respected CSS variables.
-
-Also you can set width page size field with `--bl-pagination-page-size-width` CSS variable.
-
-<Canvas>
-<Story name="Customizing Page Size Width" args={{
-class: 'page-size-width-example',
-totalItems:15000,
-hasJumper:true,
-hasSelect:true,
-pageSizeWidth: '144px',
-itemsPerPage: 1000,
-itemsPerPageOptions:
-[
-  {
-    text: '100 Products',
-    value: 100,
-  },
-  {
-    text: '250 Products',
-    value: 250,
-  },
-  {
-    text: '500 Products',
-    value: 500,
-  },
-  {
-    text: '1000 Products',
-    value: 1000,
-  }
-]
-}}>
-    {PaginationTemplateWithStyle.bind({})}
-  </Story>
-</Canvas>
-
 ## Reference
 
 <ArgsTable of="bl-pagination" />