fix: increase chromatic delay for bottomSheet

nulogy · Dec 12, 2024 · 8fbfc7d · 8fbfc7d
1 parent 59ab629
commit 8fbfc7d
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 9 deletions.
diff --git a/src/BottomSheet/stories/BottomSheet.actions.story.tsx b/src/BottomSheet/stories/BottomSheet.actions.story.tsx
@@ -7,7 +7,7 @@ export default {
   title: "Components/BottomSheet/Actions",
   decorators: [(storyFn) => <div style={{ width: "800px", height: "800px" }}>{storyFn()}</div>],
   parameters: {
-    chromatic: { delay: 1000 },
+    chromatic: { delay: 3000 },
   },
 };
 

diff --git a/src/BottomSheet/stories/BottomSheet.content.story.tsx b/src/BottomSheet/stories/BottomSheet.content.story.tsx
@@ -9,7 +9,7 @@ export default {
   title: "Components/BottomSheet/Content",
   decorators: [(storyFn) => <div style={{ width: "800px", height: "800px" }}>{storyFn()}</div>],
   parameters: {
-    chromatic: { delay: 1000 },
+    chromatic: { delay: 3000 },
   },
 };
 

diff --git a/src/BottomSheet/stories/BottomSheet.features.story.tsx b/src/BottomSheet/stories/BottomSheet.features.story.tsx
@@ -15,7 +15,7 @@ export default {
   title: "Components/BottomSheet/Features",
   decorators: [(storyFn) => <div style={{ width: "800px", height: "800px" }}>{storyFn()}</div>],
   parameters: {
-    chromatic: { delay: 1000 },
+    chromatic: { delay: 3000 },
   },
 };
 

diff --git a/src/BottomSheet/stories/BottomSheet.parts.story.tsx b/src/BottomSheet/stories/BottomSheet.parts.story.tsx
@@ -10,7 +10,7 @@ export default {
   title: "Components/BottomSheet/Parts",
   decorators: [(storyFn) => <div style={{ width: "800px", height: "800px" }}>{storyFn()}</div>],
   parameters: {
-    chromatic: { delay: 1000 },
+    chromatic: { delay: 3000 },
   },
 };
 

diff --git a/src/BottomSheet/stories/BottomSheet.story.tsx b/src/BottomSheet/stories/BottomSheet.story.tsx
@@ -7,7 +7,7 @@ export default {
   title: "Components/BottomSheet",
   decorators: [(storyFn) => <div style={{ width: "800px", height: "800px" }}>{storyFn()}</div>],
   parameters: {
-    chromatic: { delay: 1000 },
+    chromatic: { delay: 3000 },
   },
 };
 

diff --git a/src/DatePicker/DatePickerStyles.ts b/src/DatePicker/DatePickerStyles.ts
@@ -82,9 +82,10 @@ export const DatePickerStyles = createGlobalStyle(({ theme }) => ({
         cursor: "pointer",
       },
     },
-    ".react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover": {
-      backgroundColor: "transparent",
-    },
+    ".react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover":
+      {
+        backgroundColor: "transparent",
+      },
     ".react-datepicker__day-names, .react-datepicker__week": {
       whiteSpace: "nowrap",
     },

diff --git a/src/TopBar/stories/TopBar.menu.story.tsx b/src/TopBar/stories/TopBar.menu.story.tsx
@@ -9,7 +9,7 @@ export default {
   parameters: {
     layout: "fullscreen",
     chromatic: {
-      delay: 1000,
+      delay: 3000,
       modes: {
         locale: "en",
         desktopScale: "standard",