From 66dcffa44819f3d14c812f81ab6d6abd162891bd Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sat, 18 Apr 2026 11:04:10 +0300
Subject: [PATCH] chore(storybook): replace viewport with defaultViewport

---
 .../ComparisonView/ComparisonView.stories.svelte   |  2 +-
 .../ui/FontSearch/FontSearch.stories.svelte        | 14 +++++++-------
 .../ui/SampleList/SampleList.stories.svelte        | 12 ++++++------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.stories.svelte b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.stories.svelte
index 62923a2..84b97cd 100644
--- a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.stories.svelte
+++ b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.stories.svelte
@@ -89,7 +89,7 @@ const { Story } = defineMeta({
 
 <Story
     name="Default"
-    parameters={{ globals: { viewport: 'fullScreen' } }}
+    parameters={{ viewport: { defaultViewport: 'fullScreen' } }}
 >
     {#snippet template()}
         <Providers>
diff --git a/src/widgets/FontSearch/ui/FontSearch/FontSearch.stories.svelte b/src/widgets/FontSearch/ui/FontSearch/FontSearch.stories.svelte
index 4a576e3..73d5304 100644
--- a/src/widgets/FontSearch/ui/FontSearch/FontSearch.stories.svelte
+++ b/src/widgets/FontSearch/ui/FontSearch/FontSearch.stories.svelte
@@ -98,13 +98,13 @@ let showFiltersClosed = $state(false);
 let showFiltersOpen = $state(true);
 </script>
 
-<Story name="Default" parameters={{ globals: { viewport: 'widgetWide' } }}>
+<Story name="Default" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
     <div class="w-full max-w-3xl">
         <FontSearch bind:showFilters={showFiltersDefault} />
     </div>
 </Story>
 
-<Story name="Filters Open" parameters={{ globals: { viewport: 'widgetWide' } }}>
+<Story name="Filters Open" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
     <div class="w-full max-w-3xl">
         <FontSearch bind:showFilters={showFiltersOpen} />
         <div class="mt-8 text-center">
@@ -113,7 +113,7 @@ let showFiltersOpen = $state(true);
     </div>
 </Story>
 
-<Story name="Filters Closed" parameters={{ globals: { viewport: 'widgetWide' } }}>
+<Story name="Filters Closed" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
     <div class="w-full max-w-3xl">
         <FontSearch bind:showFilters={showFiltersClosed} />
         <div class="mt-8 text-center">
@@ -122,13 +122,13 @@ let showFiltersOpen = $state(true);
     </div>
 </Story>
 
-<Story name="Full Width" parameters={{ globals: { viewport: 'fullWidth' } }}>
+<Story name="Full Width" parameters={{ viewport: { defaultViewport: 'fullWidth' } }}>
     <div class="w-full px-8">
         <FontSearch />
     </div>
 </Story>
 
-<Story name="In Context" tags={['!autodocs']} parameters={{ globals: { viewport: 'widgetWide' } }}>
+<Story name="In Context" tags={['!autodocs']} parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
     <div class="w-full max-w-3xl p-8 space-y-6">
         <div class="text-center mb-8">
             <h1 class="text-4xl font-bold mb-2">Font Browser</h1>
@@ -145,7 +145,7 @@ let showFiltersOpen = $state(true);
     </div>
 </Story>
 
-<Story name="With Filters Demo" parameters={{ globals: { viewport: 'widgetWide' } }}>
+<Story name="With Filters Demo" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
     <div class="w-full max-w-3xl">
         <div class="mb-4 p-4 bg-background-40 rounded-lg">
             <p class="text-sm text-text-muted">
@@ -157,7 +157,7 @@ let showFiltersOpen = $state(true);
     </div>
 </Story>
 
-<Story name="Responsive Behavior" parameters={{ globals: { viewport: 'fullWidth' } }}>
+<Story name="Responsive Behavior" parameters={{ viewport: { defaultViewport: 'fullWidth' } }}>
     <div class="w-full">
         <div class="mb-4 text-center">
             <p class="text-text-muted text-sm">Resize browser to see responsive layout</p>
diff --git a/src/widgets/SampleList/ui/SampleList/SampleList.stories.svelte b/src/widgets/SampleList/ui/SampleList/SampleList.stories.svelte
index d6552f3..dec9c4c 100644
--- a/src/widgets/SampleList/ui/SampleList/SampleList.stories.svelte
+++ b/src/widgets/SampleList/ui/SampleList/SampleList.stories.svelte
@@ -89,7 +89,7 @@ const { Story } = defineMeta({
 });
 </script>
 
-<Story name="Default" parameters={{ globals: { viewport: 'fullScreen' } }}>
+<Story name="Default" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
     <div class="min-h-screen bg-background">
         <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
             <div class="mb-8 text-center">
@@ -101,13 +101,13 @@ const { Story } = defineMeta({
     </div>
 </Story>
 
-<Story name="Full Page" parameters={{ globals: { viewport: 'fullScreen' } }}>
+<Story name="Full Page" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
     <div class="min-h-screen bg-background">
         <SampleList />
     </div>
 </Story>
 
-<Story name="With Typography Controls" parameters={{ globals: { viewport: 'fullScreen' } }}>
+<Story name="With Typography Controls" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
     <div class="min-h-screen bg-background">
         <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
             <div class="mb-8 text-center">
@@ -119,7 +119,7 @@ const { Story } = defineMeta({
     </div>
 </Story>
 
-<Story name="Custom Text" parameters={{ globals: { viewport: 'fullScreen' } }}>
+<Story name="Custom Text" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
     <div class="min-h-screen bg-background">
         <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
             <div class="mb-8 text-center">
@@ -131,7 +131,7 @@ const { Story } = defineMeta({
     </div>
 </Story>
 
-<Story name="Pagination Info" parameters={{ globals: { viewport: 'fullScreen' } }}>
+<Story name="Pagination Info" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
     <div class="min-h-screen bg-background">
         <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
             <div class="mb-8 text-center">
@@ -143,7 +143,7 @@ const { Story } = defineMeta({
     </div>
 </Story>
 
-<Story name="Responsive Layout" parameters={{ globals: { viewport: 'fullScreen' } }}>
+<Story name="Responsive Layout" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
     <div class="min-h-screen bg-background">
         <div class="max-w-6xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
             <div class="mb-8 text-center">