Add RTL stickersheet

cultureamp · Dec 11, 2024 · 2251901 · 2251901
1 parent 67ed5ee
commit 2251901
Showing 1 changed file with 8 additions and 86 deletions.
diff --git a/packages/components/src/Workflow/_docs/ProgressStepper.stickersheet.stories.tsx b/packages/components/src/Workflow/_docs/ProgressStepper.stickersheet.stories.tsx
@@ -41,92 +41,6 @@ const StickerSheetTemplate: StickerSheetStory = {
           ]}
         />
       </StickerSheet.Row>
-      <StickerSheet.Row header="All Steps Complete">
-        <ProgressStepper
-          currentStepId="schedule-step"
-          isComplete
-          steps={[
-            {
-              id: 'settings-step',
-              label: 'Settings',
-            },
-            {
-              id: 'questions-step',
-              label: 'Questions',
-            },
-            {
-              id: 'preview-step',
-              label: 'Preview',
-            },
-            {
-              id: 'employees-step',
-              label: 'Employees',
-            },
-            {
-              id: 'schedule-step',
-              label: 'Schedule',
-            },
-          ]}
-        />
-      </StickerSheet.Row>
-      <StickerSheet.Row header="Fewer Steps">
-        <ProgressStepper
-          currentStepId="questions-step"
-          steps={[
-            {
-              id: 'settings-step',
-              label: 'Settings',
-            },
-            {
-              id: 'questions-step',
-              label: 'Questions',
-            },
-            {
-              id: 'preview-step',
-              label: 'Preview',
-            },
-          ]}
-        />
-      </StickerSheet.Row>
-      <StickerSheet.Row header="Eight Steps">
-        <ProgressStepper
-          currentStepId="questions-step"
-          steps={[
-            {
-              id: 'settings-step',
-              label: 'Settings',
-            },
-            {
-              id: 'questions-step',
-              label: 'Questions',
-            },
-            {
-              id: 'preview-step',
-              label: 'Preview',
-            },
-            {
-              id: 'employees-step',
-              label: 'Employees',
-            },
-            {
-              id: 'schedule-step',
-              label: 'Schedule',
-            },
-            {
-              id: 'plan-step',
-              label: 'Plan',
-            },
-            {
-              id: 'provision-step',
-              label: 'Provision',
-            },
-            {
-              id: 'procure-step',
-              label: 'Procure',
-            },
-          ]}
-        />
-      </StickerSheet.Row>
     </StickerSheet>
   ),
 }
@@ -135,3 +49,11 @@ export const StickerSheetDefault: StickerSheetStory = {
   ...StickerSheetTemplate,
   name: 'Sticker Sheet (Default)',
 }
+
+export const StickerSheetRTL: StickerSheetStory = {
+  ...StickerSheetTemplate,
+  name: 'Sticker Sheet (RTL)',
+  parameters: {
+    textDirection: 'rtl',
+  },
+}