From 403fd1771ebd10134702ae9e2efd0d5fa4c5f8ea Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Wed, 28 Sep 2022 08:28:43 +0300
Subject: [PATCH] Revert other unrelated changes

---
 .../VHeader/VContentSettingsButton.vue        |   2 +-
 .../VHeader/meta/VFilterButton.stories.mdx    |  28 +++---
 ....stories.mdx => VFilterButton.stories.mdx} |   0
 tailwind.config.js                            |   1 -
 test/storybook/playwright.config.ts           |   6 --
 .../v-filter-button-old.spec.ts               |  58 ------------
 .../filter-button-old-2-filters-md-linux.png  | Bin 5462 -> 0 bytes
 ...on-old-2-filters-not-scrolled-xs-linux.png | Bin 4221 -> 0 bytes
 ...-button-old-2-filters-pressed-md-linux.png | Bin 5520 -> 0 bytes
 .../filter-button-old-at-rest-md-linux.png    | Bin 5296 -> 0 bytes
 .../visual-regression/v-filter-button.spec.ts |  23 +++--
 .../filter-button-2-filters-lg-linux.png      | Bin 4805 -> 0 bytes
 .../filter-button-2-filters-md-linux.png      | Bin 0 -> 5263 bytes
 ...button-2-filters-not-scrolled-xl-linux.png | Bin 6373 -> 0 bytes
 ...button-2-filters-not-scrolled-xs-linux.png | Bin 0 -> 4026 bytes
 ...lter-button-2-filters-pressed-lg-linux.png | Bin 4951 -> 0 bytes
 ...lter-button-2-filters-pressed-md-linux.png | Bin 0 -> 5275 bytes
 ...er-button-2-filters-scrolled-xs-linux.png} | Bin 3001 -> 2975 bytes
 .../filter-button-at-rest-lg-linux.png        | Bin 4577 -> 0 bytes
 .../filter-button-at-rest-md-linux.png}       | Bin 5215 -> 5109 bytes
 ...utton-no-filters-not-scrolled-xl-linux.png | Bin 6201 -> 0 bytes
 ...tton-no-filters-not-scrolled-xs-linux.png} | Bin
 ...r-button-no-filters-scrolled-xs-linux.png} | Bin
 .../filter-button-pressed-lg-linux.png        | Bin 4704 -> 0 bytes
 .../filter-button-pressed-md-linux.png        | Bin 0 -> 5054 bytes
 .../v-search-type-button.spec.ts              |  83 ------------------
 .../v-search-type-button-at-rest-lg-linux.png | Bin 331 -> 0 bytes
 .../v-search-type-button-hovered-lg-linux.png | Bin 496 -> 0 bytes
 ...h-type-button-pressed-hovered-lg-linux.png | Bin 361 -> 0 bytes
 .../v-search-type-button-pressed-lg-linux.png | Bin 381 -> 0 bytes
 ...type-button-with-text-at-rest-xl-linux.png | Bin 1773 -> 0 bytes
 ...type-button-with-text-hovered-xl-linux.png | Bin 1702 -> 0 bytes
 ...ton-with-text-pressed-hovered-xl-linux.png | Bin 1689 -> 0 bytes
 ...type-button-with-text-pressed-xl-linux.png | Bin 1680 -> 0 bytes
 34 files changed, 34 insertions(+), 167 deletions(-)
 rename src/components/VHeaderOld/meta/{VFilterButtonOld.stories.mdx => VFilterButton.stories.mdx} (100%)
 delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts
 delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-md-linux.png
 delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-not-scrolled-xs-linux.png
 delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-pressed-md-linux.png
 delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-at-rest-md-linux.png
 delete mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-lg-linux.png
 create mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-md-linux.png
 delete mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-not-scrolled-xl-linux.png
 create mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-not-scrolled-xs-linux.png
 delete mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-pressed-lg-linux.png
 create mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-pressed-md-linux.png
 rename test/storybook/visual-regression/{v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-scrolled-xs-linux.png => v-filter-button.spec.ts-snapshots/filter-button-2-filters-scrolled-xs-linux.png} (72%)
 delete mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-lg-linux.png
 rename test/storybook/visual-regression/{v-filter-button-old.spec.ts-snapshots/filter-button-old-pressed-md-linux.png => v-filter-button.spec.ts-snapshots/filter-button-at-rest-md-linux.png} (50%)
 delete mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-not-scrolled-xl-linux.png
 rename test/storybook/visual-regression/{v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-not-scrolled-xs-linux.png => v-filter-button.spec.ts-snapshots/filter-button-no-filters-not-scrolled-xs-linux.png} (100%)
 rename test/storybook/visual-regression/{v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-scrolled-xs-linux.png => v-filter-button.spec.ts-snapshots/filter-button-no-filters-scrolled-xs-linux.png} (100%)
 delete mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-lg-linux.png
 create mode 100644 test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-md-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-at-rest-lg-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-hovered-lg-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-pressed-hovered-lg-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-pressed-lg-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-at-rest-xl-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-hovered-xl-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-pressed-hovered-xl-linux.png
 delete mode 100644 test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-pressed-xl-linux.png

diff --git a/src/components/VHeader/VContentSettingsButton.vue b/src/components/VHeader/VContentSettingsButton.vue
index d45fccc562..1382f0d529 100644
--- a/src/components/VHeader/VContentSettingsButton.vue
+++ b/src/components/VHeader/VContentSettingsButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="relative inline-block flex h-8 w-8 self-center">
+  <span class="relative inline-block h-8 w-8">
     <VIconButton
       size="new-small"
       :icon-props="{ iconPath: sourceIcon }"
diff --git a/src/components/VHeader/meta/VFilterButton.stories.mdx b/src/components/VHeader/meta/VFilterButton.stories.mdx
index 4f4f8e17c7..da896ca3d7 100644
--- a/src/components/VHeader/meta/VFilterButton.stories.mdx
+++ b/src/components/VHeader/meta/VFilterButton.stories.mdx
@@ -5,6 +5,7 @@ import {
   Meta,
   Story,
 } from '@storybook/addon-docs'
+import { provide, ref } from '@nuxtjs/composition-api'
 import VFilterButton from '~/components/VHeader/VFilterButton.vue'
 import { useSearchStore } from '~/stores/search'
 import { filterData, mediaFilterKeys } from '~/constants/filters'
@@ -20,6 +21,12 @@ import { IMAGE } from '~/constants/media'
     appliedFilters: {
       type: 'number',
     },
+    scrolled: {
+      type: 'boolean',
+    },
+    isMinMd: {
+      type: 'boolean',
+    },
   }}
 />
 
@@ -49,6 +56,12 @@ export const Template = (args, { argTypes }) => ({
       }
     }
     applyNFilters(args.appliedFilters)
+    if (args.scrolled) {
+      provide('isHeaderScrolled', ref(true))
+    }
+    if (args.isMinMd) {
+      provide('isMinScreenMd', ref(true))
+    }
     return { args }
   },
 })
@@ -65,24 +78,15 @@ the field receives an input. It also emits the `search` event when the search
 button is clicked.
 
 <Canvas>
-  <Story
-    name="Default"
-    parameters={{
-      viewport: {
-        defaultViewport: 'lg',
-      },
-    }}
-  >
-    {Template.bind({})}
-  </Story>
+  <Story name="Default">{Template.bind({})}</Story>
 </Canvas>
 
 <Canvas>
   <Story
-    name="With text label"
+    name="Mobile Scrolled"
     parameters={{
       viewport: {
-        defaultViewport: 'xl',
+        defaultViewport: 'iphonex',
       },
     }}
   >
diff --git a/src/components/VHeaderOld/meta/VFilterButtonOld.stories.mdx b/src/components/VHeaderOld/meta/VFilterButton.stories.mdx
similarity index 100%
rename from src/components/VHeaderOld/meta/VFilterButtonOld.stories.mdx
rename to src/components/VHeaderOld/meta/VFilterButton.stories.mdx
diff --git a/tailwind.config.js b/tailwind.config.js
index cfa5e21d7e..c32fdd786a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -52,7 +52,6 @@ module.exports = {
         60: '#837d82',
         70: '#6e686d',
         80: '#595258',
-        90: '#453D43',
       },
 
       // Special keywords
diff --git a/test/storybook/playwright.config.ts b/test/storybook/playwright.config.ts
index df0d1f8965..5aafd9e12e 100644
--- a/test/storybook/playwright.config.ts
+++ b/test/storybook/playwright.config.ts
@@ -21,12 +21,6 @@ const config: PlaywrightTestConfig = {
     trace: 'retain-on-failure',
   },
   timeout: 2 * 60 * 1e3,
-  expect: {
-    toMatchSnapshot: {
-      // To avoid flaky tests, we allow a small amount of pixel difference.
-      maxDiffPixelRatio: 0.02,
-    },
-  },
 }
 
 export default config
diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts b/test/storybook/visual-regression/v-filter-button-old.spec.ts
deleted file mode 100644
index 2a71658199..0000000000
--- a/test/storybook/visual-regression/v-filter-button-old.spec.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { test } from '@playwright/test'
-
-import breakpoints from '~~/test/playwright/utils/breakpoints'
-import { makeGotoWithArgs } from '~~/test/storybook/utils/args'
-
-const gotoWithArgs = makeGotoWithArgs(
-  'components-vheaderold-vfilterbuttonold--default-story'
-)
-
-test.describe('VFilterButtonOld', () => {
-  breakpoints.describeMd(({ expectSnapshot }) => {
-    test('no filters applied', async ({ page }) => {
-      await gotoWithArgs(page, { isMinMd: true })
-      await expectSnapshot('filter-button-old-at-rest', page)
-    })
-
-    test('no filters pressed', async ({ page }) => {
-      await gotoWithArgs(page, { isMinMd: true, pressed: true })
-      await expectSnapshot('filter-button-old-pressed', page)
-    })
-
-    test('filters applied', async ({ page }) => {
-      await gotoWithArgs(page, { isMinMd: true, appliedFilters: 2 })
-      await expectSnapshot('filter-button-old-2-filters', page)
-    })
-
-    test('filters applied and pressed', async ({ page }) => {
-      await gotoWithArgs(page, {
-        isMinMd: true,
-        appliedFilters: 2,
-        pressed: true,
-      })
-      await expectSnapshot('filter-button-old-2-filters-pressed', page)
-    })
-  })
-
-  breakpoints.describeXs(({ expectSnapshot }) => {
-    test('no filters applied and not scrolled', async ({ page }) => {
-      await gotoWithArgs(page)
-      await expectSnapshot('filter-button-old-no-filters-not-scrolled', page)
-    })
-
-    test('no filters but scrolled', async ({ page }) => {
-      await gotoWithArgs(page, { scrolled: true })
-      await expectSnapshot('filter-button-old-no-filters-scrolled', page)
-    })
-
-    test('2 filters not scrolled', async ({ page }) => {
-      await gotoWithArgs(page, { appliedFilters: 2 })
-      await expectSnapshot('filter-button-old-2-filters-not-scrolled', page)
-    })
-
-    test('2 filters and scrolled', async ({ page }) => {
-      await gotoWithArgs(page, { appliedFilters: 2, scrolled: true })
-      await expectSnapshot('filter-button-old-2-filters-scrolled', page)
-    })
-  })
-})
diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-md-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-md-linux.png
deleted file mode 100644
index f74c647715920b5dc1d12a67bf5710fe6182f403..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5462
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

diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-not-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-not-scrolled-xs-linux.png
deleted file mode 100644
index dccf7c093fa74296d079fe248d9764e08d228897..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4221
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

diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-pressed-md-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-pressed-md-linux.png
deleted file mode 100644
index 1be99ef962d5043bd6474d9a009f67fa8653babb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5520
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

diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-at-rest-md-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-at-rest-md-linux.png
deleted file mode 100644
index d3c5a0cddc8c64111686035a899591324e497a6c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5296
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

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts b/test/storybook/visual-regression/v-filter-button.spec.ts
index 7ceadf4111..6b67087f41 100644
--- a/test/storybook/visual-regression/v-filter-button.spec.ts
+++ b/test/storybook/visual-regression/v-filter-button.spec.ts
@@ -6,20 +6,21 @@ import { makeGotoWithArgs } from '~~/test/storybook/utils/args'
 const gotoWithArgs = makeGotoWithArgs(
   'components-vheader-vfilterbutton--default-story'
 )
+
 test.describe('VFilterButton', () => {
-  breakpoints.describeLg(({ expectSnapshot }) => {
+  breakpoints.describeMd(({ expectSnapshot }) => {
     test('no filters applied', async ({ page }) => {
       await gotoWithArgs(page, { isMinMd: true })
       await expectSnapshot('filter-button-at-rest', page)
     })
 
     test('no filters pressed', async ({ page }) => {
-      await gotoWithArgs(page, { pressed: true })
+      await gotoWithArgs(page, { isMinMd: true, pressed: true })
       await expectSnapshot('filter-button-pressed', page)
     })
 
     test('filters applied', async ({ page }) => {
-      await gotoWithArgs(page, { appliedFilters: 2 })
+      await gotoWithArgs(page, { isMinMd: true, appliedFilters: 2 })
       await expectSnapshot('filter-button-2-filters', page)
     })
 
@@ -33,15 +34,25 @@ test.describe('VFilterButton', () => {
     })
   })
 
-  breakpoints.describeXl(({ expectSnapshot }) => {
-    test('no filters applied', async ({ page }) => {
+  breakpoints.describeXs(({ expectSnapshot }) => {
+    test('no filters applied and not scrolled', async ({ page }) => {
       await gotoWithArgs(page)
       await expectSnapshot('filter-button-no-filters-not-scrolled', page)
     })
 
-    test('2 filters', async ({ page }) => {
+    test('no filters but scrolled', async ({ page }) => {
+      await gotoWithArgs(page, { scrolled: true })
+      await expectSnapshot('filter-button-no-filters-scrolled', page)
+    })
+
+    test('2 filters not scrolled', async ({ page }) => {
       await gotoWithArgs(page, { appliedFilters: 2 })
       await expectSnapshot('filter-button-2-filters-not-scrolled', page)
     })
+
+    test('2 filters and scrolled', async ({ page }) => {
+      await gotoWithArgs(page, { appliedFilters: 2, scrolled: true })
+      await expectSnapshot('filter-button-2-filters-scrolled', page)
+    })
   })
 })
diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-lg-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-lg-linux.png
deleted file mode 100644
index 54dde1c4dfd1b8ffc89c01f9c0ea2d0084aff80b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4805
zcmeAS@N?(olHy`uVBq!ia0y~yU;#3j_HeKPsluaYw*x80;vjb?hIQv;UNSHU)qA=)
zhE&XXduRXZX{ijyAKrHUT-mNHA#q%6_A1rv6)hZ6D$y;=da^pUwJloc#IvwzQ5yT=
zmab(BIx;#kCOlSfKV$j7S*FPFT;;=D?q7yt=Rbejx$bS<yQkLmJ1Y6sgsr{`w2|T8
zb+cu1AjY5XAonnE2!Kch2N2o7zzCw4hL}W}EW@<ZPj`HMy>?|f(D?^$%}!;wasR%2
z{=RR=Eb87&{P^Q=fA8{n6-6=o%W7Xm0+npomL|zyxAVit9UnjUemwjAexH0<oeaNC
zNlwj=d+fpInSf!j)$}w&!PisoEWUnOxv{h$J4es#xbgY9a`v%%&GP;g6~D>^88q$P
zjH(0nm9OU(CvUv*=W)%?OXn=A&R+y+I1~y}un%Yx-`&cL9>Zhz?%n(G;!o?xn@9bR
z-+sT}`lA+5K}7s!9){$ejn%2;b87#dv8cKJ@Z-<v@jY*qZwLFs-2pVV;_K7!V>64>
zk9SU1Up9{!s5Sfjfvl}jzP69n$5s71TKN9&_uk9;Houp@?>?H8lXK?N{#KwOgY3=R
z45yzK$<%+i`0@7J+x5GDzuLY2__w?6Y7wkJ`PaE+;7I@Rz0#i_$Y%uF2~4USAW}d9
zL^?Ep$We*WAOWU=(Zn#CKY+<#v}6DkiKAuWXqgC11*2u+XqgC12BT#ns7M?w6GzKL
sU@90b6GzKLU@{mj6G27dP$&~WSfBhCuO}0`s0rj?Pgg&ebxsLQ0OS~<4FCWD

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-md-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-md-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..889c79dfc3450a53e968ecc6ca57aa4110299984
GIT binary patch
literal 5263
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
Qh&lj$^u!U`;h<ap1+wr%MgRZ+

literal 0
HcmV?d00001

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-not-scrolled-xl-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-not-scrolled-xl-linux.png
deleted file mode 100644
index bac27cba2d64c34416c6982cc223307e871b5bb5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6373
zcmeH}`BM{T7{?bC5gEi|EGkE6Ewxj1P!VDbNkna_LxonIg2NHe62>8f>Iw-a9M-lJ
z8Kq?^638(XwN)%v#t<YXC{<bsS&<`z5EkWFA%p~$5JDhnw*3$KV`qPO=ldQr?{mD*
z`@Wyz&tsyz*KS)20D$+gPmi7e0C!h+g?!Cwm()jZWV^%-JP~yms8#z<0KgXUv7?cv
zI0B=dJ7vmFYMs$Ee{Fm6&U#MbPnrAMr0ajYqKZGccXLBo)!O2|Tf0*}`F^A3hzD4H
z*)#2nbz493T74?z_I`H($aH`2<}b_*9M9{6Q@7Jwp%IeELH6@v_L7!nwIdD7QW%+a
z<Ryz?F_fo(p~l?_Qs!2dFF?>a+X)}612AbTf-wEovk;T@9{?*{a;O4WgAG&vM~gde
zUMlp4wR^l;cBx+6fT%CJV=0uT{MUWy6shyF9eRGv59x{u6!wPDDKL+tf53G$>gceM
zv=2+g(#!ZpfMciW!x6D0Cy+bWz~_@@`>V$V4-xh37{vQ<rg(>_0?yNL8DjB3dQN|8
zQMy0bsIscsoQp39=lE3&OGg}(>E!4VokR^Z7MIVY7IYwpBBUTKhHCj4F^Vul!_LZJ
z&q6;UO8`?RdPrwG`RLv1QUTZ0%#NYX+|D(=uB(dkU%Z;0gd#VS_tB)*QktRRY$+El
z7_gd;_;ga(u;e&`m0lqsJbE^u(5koJI2|8fQ4RA{58@lntmA0iz_$?LU=weC+&K?F
z8j}zqk0EOj)Xz5fvV^7d`G#gh-GT_Zp-Mjg*|TTO!^;Kxl?z@`s`F8bwA!UV=$RB}
zh-0p-dH#L|!$?vRGazbKc-BxvK~7f@^4s>I{Zalo3yBw>6fwH3;mao0HY~LA*0KmU
znF*4ARqGfHOK9@-^+nX=X+fAN2^C~e*(ky&rOfv~dOZ1E4a4%T2ec`cmk}s)(naT|
zBWrvrtFKcoDL6VKIIz_u;`3oT=!lqEXc~V?vyHe;!=O)BUEREMT(;@DINPVLs-{+U
zVaOaErP`ZCVz3;l<DgZ@?o5kIq#6Q~iKZmbG1cVEM;{U8`3Vj`%)ykFgfc)@-|=+U
zRO6n|P-~t|K{7oEL*Iz=XXLZ>aTKI77B)|4&;1(E#3Gm*SBlXz0#;D07E?IcC`aWf
zz4vpM8rqTPO67T1kPjuM=y@TZ-{f4ZQ+sQc_5SRqGohiV#BL%Y4=8K~V_LR+J$JOK
zR5emc2@jzR-vKAuLxiWL%&I{$=2C>Xd@4Aoq@)Dwawk+4Ec9FhUy)-)^xSqGL+kSc
z(>Iy-8qD_?E*SHp+ZR<T!G$-+60Dg+^4uI<p7nQ~-Kd27V0ckFGJe@ksDL@`#S&Ca
zhHBPvEpo#gY$GK76MFfpvQ@2}RYd5X(x%p?wg(_twCv@nW{pT^xkPKUvqD2bi$$YO
z4(ZQeFhu#26WaRJHi<~-fcv1W8EOI8CnB@qTutKAlM>`=2W_u1d*GffI|d7)zps2W
zILJDfZ5?z%R_HV$q;$mX5?c%!XwhOo{@NiPWN6}>FN{T4dQOIhN+7CTHAHK$CUSej
zB<H&CYRy7#aDF0Pokp;|mDE0-+D;HEm(0NurmgXG-k(pv;Ybfww-z%sY-@bq%^Xc%
zdd0KDN=j6qqXVrJb1i*hYh4~3-ts)sqfV5?vlze^#XCA*1bnF`@XRYgJ)KU>;&pC7
z7vmH;3g_}}a1xB@Vh?(@L*5#A4_3|o1w9GKG}%<SDc@++F~c!y9K|kOV_HY~oxn3(
z?cC$zsQwx(Ok(S^4f9ugs0X~fywF=>UYAc|i%fQa&NbJd)!b=PO|op#w#66QK-zo}
zSmn|}r>T5&dn-28iXQoQYLDA`Z2WZ9Axze60^D2@^clX0CjqYn{5s%o0{$@KzXSe7
z7UG=X;wL-_coJ|j#>p5bW1Ng}GRDamC*%K0#`R9%+QIb7wg{$&>mmWiK8`tBdpPBr
FzX9#Zkb(dJ

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-not-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-not-scrolled-xs-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0831c3b800b09ee05a96155c50ff27a5f122680
GIT binary patch
literal 4026
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
C*md6k

literal 0
HcmV?d00001

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-pressed-lg-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-pressed-lg-linux.png
deleted file mode 100644
index dc963ad4bd784eaf62c6bbf00f5e346d249ad21a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4951
zcmeAS@N?(olHy`uVBq!ia0y~yU;#3j_HeKPsluaYw*x80;vjb?hIQv;UNSHU3wpXZ
zhE&XXduRXZtEmjfKf15yV{5x2UocTB>c}Ow&8kXV-E|j4M3+1f;No*-VRMaSapZM+
z+jvzV#3j+vB_J$8F!!lY6dx<+EuG~nr$s%vcl-OCd+V>4oojqvbM5(A%loC9Z|0Z*
zZEg6!^=mLckil?m9*AUMWCD>a93WCa0Yo}9fJpKsaw1+bs`u3!#o7P5W%2p)%&Rv(
z&yT#f%Z5+J$|CQ6@$oCcK+_Y>uAO~0ZSz!_g8TET#om4TKmF<2(~ti?miMt`21;MM
z)AgTe!;0zu4aKUhf&3W0^FWfJfq@Z3F@ZvpfkOa9DmZ{hN+o8zX4tT0i-}qM&dOJk
zK=U?ycxJ?qb7M#1o)4e8A9v^b_4)7rlT%ah=<vqe-`iHE1D$c;(5%x88_NIhD?GdP
zde82>-Nkoy{hs#m?aKUPkNs^8zv=*uiHIncWGK70qj=BvbGsk^dH?*ly!d~K{C$Nv
zG5a646<)m>?rX~nR3~<+Z6*7k+3EcD#(Hr(etdsDJMW&Y-~WoLIsgCuX;}?akx+Ox
zmEp(R>-UdIB<I}OQE2n)#=nmjl==IY&$qGps0Fes251*h_IR)Lv0{B$$>(*J=5l-f
zH-7wlbN=#qpb+EE)?+@fZg#%ZdYRf%naXEBKYnySzI+}iyt(s%QuqG;K6d-~J*oKl
zf3k9JZhHFuyMD|LgS5>zTTX*qV7PYn+7E8Ehf8mVXP=fx?peBY>BpZdCnsMPo&E3Q
z&AsJ!Y|qWJ+`a1l_q+V}*T1R+YBA`4_D-B(x?Zf*?(#RYsz8bV&-yj<tAI4ahHq4l
zL@encOon0FcD?n-`aE?$l>u$tA*0R5z|JQdbE5mpr)y6OA6z)NG94&>pg!qtj@fKq
zTTpI@h@J;dX4KCbRLo_gMge2Wp#exxP*jZuA~5tu1Ci=g;ApxUO;@AE5;Yr@qd96c
zM~&vF(HsTL1)~j?(T)iy8Bk}mVzgozj5+FqdWci~r>qlN>Y$kRboFyt=akR{0FP_!
A7ytkO

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-pressed-md-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-pressed-md-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1ce25b063d9e92b465f934e5b016b81f651b5c73
GIT binary patch
literal 5275
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

literal 0
HcmV?d00001

diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-scrolled-xs-linux.png
similarity index 72%
rename from test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-scrolled-xs-linux.png
rename to test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-2-filters-scrolled-xs-linux.png
index 7d73b4f1151380cebe974c4fbc49108b47cc9db9..1eed6d8377c3c105f98177dd4c842d5f8e355138 100644
GIT binary patch
delta 692
zcmV;l0!#h57oQi9F@IS}L_t(|obBCDt6YU0$KjuukSO;qz0r42rM7RPTDs68wGrJ(
z5s8bGBDiwnQmi%F;?9MCpiq~k7XKxt&8qk=id1NXD&8?S!p(Fc7R24151ur6p3Mw%
zVEC>+oH=Khxn;B2YzBa>9b0+;z>Pvs0V0A55D`>>h@b*Q1e3o5AU~1g+rGiot5;{e
zzn;Ux!(z{otX8Yp+1;6wCr>W60buJh)TLuOGjn)&IP3lOq8k9V4(ie|{l@jO1Gss)
zhLa%#F@I$1U+h1sD_>rjH(z^W&cFA;toPS*>dsU1lb_x@ryqHEPMkQg)GUA_TP&zA
zJoo%ux_D`hA3r{~-@Z2=|MTN{{ngjzi_gE9GiRS%Y8JqeE%K57lYf0Omo8qKnVEC1
zyfkmT_2&HM>8EC9=H0)(v&1BTtu1nfdhFP-Ie+`qujkfVZ<`<7eb>y)-1Wn+AJ^;k
ztoQe4XLomrX#hvINKo&%^NxAo!JmKYwGZFFFf%iIr}o4Y_`h^r+~xoKhku*5{`jYv
znR)E-UoE@_;Aj@RDfNwa-+pJ#{r1J#Y&LWMgAdGoKf7<~NdQN(Xi(q&^IzuW7hal~
znSaxdo}S0gJh9{)fUPVR)Q|r0(fr}X-_Oj<nX^yMFHS$S)D(ckBG*t44i4tr^S_&G
z*RIV&5C2k3fg8diXQ&t6zc8O({&Z$$&cAnlE?&6!t>e!;`^?<);~y<C4dBQY3F^VY
zmH$2e?6d!T=lIpHzWP4r03>eNY&M&1-WTBVzb{u?wzhX_Z|MoZP3*e(9xA|%K$Ecp
zH7I23psrS{V#n65mmR>(YwMuy?CvZcv(;)fJG(oJZUET&KcxWpnrpLh12PDc@B<|m
ak^cgFwU{Ngfio=t0000<MNUMnLSTZtZ+H#>

delta 713
zcmV;)0yh1h7r7UZF@JMOL_t(|obBDutEB}U$MNs!+_+cnfD>kmMkj1p8FdxuFHi`I
zgrJOC*pG!mtyBV;$UvPE+Xx8>?qeXALhT!BTdixnH9{_&0cUU)_Z}DGK(*?gcRZr6
z*Xo=D=i#$@^PHd0YO~pF27s-7Wa$9_9~6QL5D`>>h@b*Q1d}`jBtYzJdw?4^Zp^i}
zuFcWWQL*Pl*6a1`pW2_@-QC4D0Bn7Rx^zruW{!@I=Gt4=7To}_bx@a%>3iNUJAe-_
z@1c`n12lig)|Wup#_wPK-CX>`#rfyqKjxEnoSCmY_|-YM=U~Z604KKEY&M&14)Dgm
z-Z;_oUb*nwdGUo`{nz7<{rK^@|H}`Y=$N;E;`S3g51_EfOa9~I<9Yd|muF_?YhQnG
zo_X%s`P}F4o|&1KUi|eOA0IC<3t%gYyyU<1w@ZI><L$R+cW-YV`Qf9pTCL{v$4<|q
z-+yGTUcEZ6Uw(bg+;L`!X#gj-NKkh^x-$>|;Jb6{>04*DTFuP-+f_^V_V$*T1+bMx
zf_mrKJLjSAeCy`@&1N$fesf`FW<GQGXXmz$-?qdofUPY0DgVsO_3PK?`SZ`spDzA!
zc6NVu<{J-vbLmL{C$eZzFJHbq=bm_S4qrQ*-Mzgz_p_hOeP6n7$w>ewwpdUv{r%EB
z{-ej{%9S_gu20`JPd;^S&VK6bQgZ;dwpdVq@$~t*a^=lAxc6Xw`t(z?cgrnHO#w(O
z^2Pqc*AC}<-+uVr0jt%`Px{|;{+B<WFB~g;@qa$9FZKgVTI3A%uYdl_&D)#JX8yD3
z+a(@g8H@e&^#8#bDzGH~HU*QB12iaG2X(z(7dy80e%S$hcx@fj{Zspk$85b`&;F_X
vMK=I!eF+o*-sL^Bp#<j!v+x6O0T#$RjkTk~vR4iV00000NkvXXu0mjfQLlpq

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-lg-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-lg-linux.png
deleted file mode 100644
index 6e490f3096def2c4d2b07c30fa47bcc40191adc7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4577
zcmeAS@N?(olHy`uVBq!ia0y~yU;#3j_HeKPsluaYw*x80;vjb?hIQv;UNSHU&h~V1
z45^s&_Ku+!bD)UB#m*fwN))9x2^u<0OJ3N~E6w$C)9j62)16dK@)V!fv^W0n>h%A7
z)4s<RK!X^%zZrZ5(Ffjgf+zt65b4kWA{iK&KqLzXh#YDXA1uBy95&#&{q<S=e_6ld
z+WsKFoHprZ*l>HluPun9b1O^cc;PEWAhY52CT1YTz?Alp<-wb$FMs;qul-wdzd{Ho
z79nO1l2SOp2ckF%pbED#KX~)`@8d^5U)PmC_XNr$NT&T{N!Wca#>Re5U->*xoJ~ud
z#t721L(dvSDL8=01_rPg6G#CAhX9Bil^6|@(Zn#C4Ms}_P-!??CW1m?w3-;LAc4tX
zv}rKfG#D)tN3+3b(*RT{jy4TIp)lGs7%EMJhWLy2YD)uhY<)rT=IQF^vd$@?2>?+w
B4$S}n

diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-pressed-md-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-md-linux.png
similarity index 50%
rename from test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-pressed-md-linux.png
rename to test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-at-rest-md-linux.png
index ba992063dcecf1185fbe3eb9abd8ed8bac63b141..464fa931690534776381991210e9ae8a9dd025fa 100644
GIT binary patch
delta 1633
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

delta 1751
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

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-not-scrolled-xl-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-not-scrolled-xl-linux.png
deleted file mode 100644
index 817ff1f2cf687822fea6e9896b53d8720152e91d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6201
zcmeHL?N5_e6n{_=1ra70%>=8?EW`+6RvlDc%A8UOS~s_>>O>e0kQJ$}mI9^J%qVe;
zlEn=y)K=pdS%B7A?F%iXmLW2rbt=@hwp5+1NXygm(D%2se%PO|4^8iv-^p{6lXHLP
z{LZ=ex%?>x9Ur?s765?wqWyah13+}pTqa(%G6=Vd*O7t{ML3M!1F+?(a{vH?iuQi|
zMLol;J>AbFl}N3#s%lwB`nh{IWbo_949Ur7qIwH|Tzen>{s{8sflIBi-)yQd6_s7T
z=i1S^|8mNo!UymV$2*X>QW8|#R_oUtcb6v@7Otrs{dHIE54d7w7cozgh)bpw@Xlg<
zcBp|k8}PV|?h?lYp6wZgbp%%^Fkt`gn!7O}1CUTx6ohb95)c)HO$UG#K{&r7Dlzm`
z7Dk&h{dS=5l`ivH4%uPy@oX<?s5)AnU*LK%RLXd)$ffuzG<KEbv`75n36?GUIdp!@
zWO{l=M#g|W5rODsI2U{Gf__eI!!eKCD^$v5GFg9#$o~8M@R=D#ox9KIB~XbAo<|0u
zCy6vw!V=(WCFYKxOHGZq@@0+J(!!iUhFC7^*|3uYNKTJvuwDjOue^jbcAgkERXHft
z5PyIIb&HH(zT+b3IPx}#e&nfT`h6)no_b5_EsBQMF#9f6p244OEHk4d*0u()2V|x(
z>&u(XV#xSgyEZqjC1aA9!nvlP+6jbzenQJL{fk2Aeq82NI(?qwfsk$&TCu#exva9f
zn(e-VVjS{MX}NPRyAAUR_-h-fqgx>n)~Cw_W0?G7ovVXENH^=RuRh=R^#rPhz6<Af
zY&&wCn_b1A7))9Zi~Gvo>%Zd^;*|0VP}sCxduF`JGT26NzSE-cP>p}N_~-z|zoc$M
zARyg@F0Zw<6}l8BXPGrTg_%m!Fl>Wdqqr1_hr5($gSw6SQC73baFkm))#Us{ITgQA
z*v$4yJ=mqL5P8{mQqM(M24E5wdG|sle#rVB3kOlUjnAo#ucaPiYO|AZ)=r;*iv)sf
zlyd~NGmg7sER{T&>wa*Ppy&nZISUd3#`#B5Wu@WZaKrPaZy%=_<6#UG0+C5kjYATA
zv?OMDQEyTUalCvn@q~@b=}Pea4Jv3Ga+ua#p_E8T-#v_${<753s#~PyFSm$X#(`26
zoz4%;?2DOUHZ6`HB|rHrM#u8rzLFr$pX*7R8toj$v0WGXs>W#7percK8?Sv7yb2Rr
zq7M-oLq44gYX<>m%`+8$9h3Zo8X#LXkhDlND)5?4S3ypu>Ml-sdkkfNdXgX)a#&fu
z`y7SRZ^aSj5Ar9cu|DhPOvI{?BL#2dOY-@^p_%mUa=*`01?q;lwc0_X;ps_(ToY)t
zn>AUYx`nQ7oO;Ex`Vn-eR^$S+6cs7k>3QuS-ImtRQZlS+)ezYcTN+{<Xz9AJuvQv4
zJA(F?t8CL=z8*F}wu(<_TaEoJ)X98^@0gt4D6V7+oQtX@>p?EgD0f|E?I!9P=5ji<
zWHk=c{Z)SBW3jsm({0N<ifRXSd9c#v@&Ei^><O-EcsVkpvI->_c+*j##6F^p)lI7L
zz7_SeNgl(E7I@bdT6Q@t$1eZ{_<-NXwLKp|6c<BV=BejCC=7L8eIn`M%7ReLdOEb`
ztr7m6EsUCU<S5}abR+qU<TLDUl98g06m_Ji!|{z6QFcVx5oJe|9eh7VNQjUSzCS}F
ggYN$tbf#foJ!Y#QYjeTVprC-FeVD!MJ!Rkj3*1&Sb^rhX

diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-not-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-not-scrolled-xs-linux.png
similarity index 100%
rename from test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-not-scrolled-xs-linux.png
rename to test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-not-scrolled-xs-linux.png
diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-scrolled-xs-linux.png
similarity index 100%
rename from test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-scrolled-xs-linux.png
rename to test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-no-filters-scrolled-xs-linux.png
diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-lg-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-lg-linux.png
deleted file mode 100644
index 21ef84ed9431eb98e837233ddefd2bfc16a5c6c7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4704
zcmeAS@N?(olHy`uVBq!ia0y~yU;#3j_HeKPsluaYw*x80;vjb?hIQv;UNSHUNqM?B
zhE&XXd&e;Ea)LxdBKudlFf+3wst&ON>Ise<R~E^!iE23M%wgCVQowoSSX-5laVc}B
znXk<A+IfaubMwE>zJEV!*0M~XxeR=__U>c{F}C@G$OZ;R5XA&?0Rx8sh*WR@k>pGC
zne9FJ{dE4}-RAl2tM7-G8=gPc^SaQ&(ppwd)_z{K2+;5wyRMq}URE=&sQQyq$p8QP
zv9A_2JO5aHmjKFbD3#vNwBbto|HO!IZ-D#);W8k};Lrdf85o&BBnt<K6i@(>)R8DK
z`Oa|IfXBY>@1Cor{O|2|JoW^d{lMU@E5i<pdi(Dn3kxoUT{iKZeJA1N|3mk`eE|iW
zPNyu8WDwXOzMdiG_m7{K>ucX1-TXXy9w<Edx`n}#3G5AERV)_Zux6~@%KYHg>FewN
z{rcJdxm(sB<fZmR{dmS7*Ejx&{U-+G%1qj8!?@wgUXav=d{8h@5FsG95RBV|#|#GR
zj_;n4Eap8A<l4NX#|#BUWxGzWzbv%nQ%_%B+z)cS^+sSinpF)7j)dLxaF+wnCR+P_
z)DBP}Q?m>pD#?uo`)IHeE|^AB$!IDWO(m2z%0>%hU@jUBM5;ITN7L14x*Bbsk2ak_
hZIsdCmEOhc4`zl<KHrWML<)hz-_zC4Wt~$(69B{BQz-xd

diff --git a/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-md-linux.png b/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-md-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..e27607b213e8e396a9694340655609b6317b62df
GIT binary patch
literal 5054
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

literal 0
HcmV?d00001

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts b/test/storybook/visual-regression/v-search-type-button.spec.ts
deleted file mode 100644
index f30b41d1fb..0000000000
--- a/test/storybook/visual-regression/v-search-type-button.spec.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { test } from '@playwright/test'
-
-import breakpoints from '~~/test/playwright/utils/breakpoints'
-
-const defaultUrl =
-  '/iframe.html?id=components-vheader-vsearchtypebutton--default-story'
-const pressedUrl = `${defaultUrl}&args=a11yProps.aria-pressed:true;a11yProps.aria-haspopup:dialog`
-
-const searchTypeButtonLocator = 'button[aria-haspopup="dialog"]'
-
-test.describe('VSearchTypeButton', () => {
-  breakpoints.describeLg(({ expectSnapshot }) => {
-    test('resting', async ({ page }) => {
-      await page.goto(defaultUrl)
-      await expectSnapshot(
-        'v-search-type-button-at-rest',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-
-    test('hovered', async ({ page }) => {
-      await page.goto(defaultUrl)
-      await page.hover(searchTypeButtonLocator)
-      await expectSnapshot(
-        'v-search-type-button-hovered',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-
-    test('pressed', async ({ page }) => {
-      await page.goto(pressedUrl)
-      await expectSnapshot(
-        'v-search-type-button-pressed',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-
-    test('pressed-hovered', async ({ page }) => {
-      await page.goto(pressedUrl)
-      await page.hover(searchTypeButtonLocator)
-      await expectSnapshot(
-        'v-search-type-button-pressed-hovered',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-  })
-
-  breakpoints.describeXl(({ expectSnapshot }) => {
-    test('resting', async ({ page }) => {
-      await page.goto(defaultUrl)
-      await expectSnapshot(
-        'v-search-type-button-with-text-at-rest',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-
-    test('hovered', async ({ page }) => {
-      await page.goto(defaultUrl)
-      await page.hover(searchTypeButtonLocator)
-      await expectSnapshot(
-        'v-search-type-button-with-text-hovered',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-
-    test('pressed', async ({ page }) => {
-      await page.goto(pressedUrl)
-      await expectSnapshot(
-        'v-search-type-button-with-text-pressed',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-
-    test('pressed-hovered', async ({ page }) => {
-      await page.goto(pressedUrl)
-      await page.hover(searchTypeButtonLocator)
-      await expectSnapshot(
-        'v-search-type-button-with-text-pressed-hovered',
-        page.locator(searchTypeButtonLocator)
-      )
-    })
-  })
-})
diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-at-rest-lg-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-at-rest-lg-linux.png
deleted file mode 100644
index d981144bbf465a19714fe165629472533b4ba9fa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 331
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^T<te!58AsLNt
zr#o^r8wj}WUs_(M?!?}I*;iAmVm4c{#@#O#ljdpO-IB!Jdd0E*z@DcD9&#toAJJ(M
zm|$T2lC>a^F*C$LN_2u7>k=3<?fl;cdD}S~KP;Y~6(aa*9c!q_-OW>aemfW2&0}C_
zzv(nb(n0iL)qdCSI%)=*pOtQS{}0?e-EK<d$MEw(lg>MQVtONR9H_#uiszW$)^fHT
zIZ6TLx^p%bq|L~BAKh^}&D!D4?Pu(>8YQmDq|D~n5nl0n-OQ_O2O_>*yp_ZLYMtX}
z(OZ=(rcbJ2n<Snfzi@`))@KUI``sqj`*}~UVMBK<(BYL#AFWjXlx3gV2n-ztPgg&e
IbxsLQ0C!n~K>z>%

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-hovered-lg-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-hovered-lg-linux.png
deleted file mode 100644
index 096376af8bf3ce792194282e73f742cfbc4d3661..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 496
zcmV<M0T2F(P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$s!2paRA_<imOV?uP!xvW6q~8nwWgpQ{Q^Hgac&hf7W8MR6n{X4R?xvw2aENG
z_%Ybl(Ka2M2s%|k(Xr{0WVkL8aFHgL<`B3K+~sg`I1ik|iQ+g8fA77)bzQ`Xq?*K3
zHVftT<%Ory6JX<vx~D+ceH-6jUr2ba7rW*GfQ>V_u8Rb9BcezFYNP-)Qh*vMK#dfj
zMhZ|PEYN8gD6H#Po>}x?VO>Y3WdzCzi(++6K07}by1;gR3yd-3Hu8R~`Ov^%Fu+ay
zZs?paJewBALVx|s=f@{@io4i9Jopp8uGRwOghlQEHNqn_45?HKkM$-LMe$>g^(M58
zCR{rbf%EDGDy1@NmsfsF%V;<`I~A@SiNMO*DsCJ1BdHzx9f(9=l!q*m5vr8RV2oj}
zxbMfB4-Fh2RfG;15Rrg9Wd9I*0pSrE=17h5kiqJjTm<8(&Gp<SUz%R<pPt*~##1{`
zP8h7N$%TKXDS0-n`0s!ephgN%BL%3D0@O$WYNP-)2~|~L_igGv0%P}WB-JDo$8q>u
muLsZdsCx>8s;ZdGPT>dcDmrU>ONYh)0000<MNUMnLSTaa)7Sj~

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-pressed-hovered-lg-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-pressed-hovered-lg-linux.png
deleted file mode 100644
index 739ba19cef14e133505a927661146e81caeaa19b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 361
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^T<%APKcAsLNt
zXBl!GG7xF|FZTV5iW~m}l|H>k5zewvFWw}w$WFOt+%a#_6SZ$FrK>JDa@O8Te^8su
z@$mnN>PlIuJL|VU+hM<;?#c&FQOzZlZ3%m0O!u|s2TpW)kzK*CLf+Kroj{07gS6lS
zH<lfOjCo*Ynv1Q2zv-hR4*p-W&xVOjFJ_F6d~RE-$bF=fkzva6M_aeulwx4pcFXep
z%hTa`3v5K^7C1;>sP&KE^PcfN>j~8-O>1?I3E$P6dG^`_X$c9B2Ss`U>dTZb>~jiX
z+s*hY`!nB5M)7}D6Lx;M-h75tGDZGFTtkeLp7X2e%{mchp7B0qcy~T?6NCA^?+qLU
z%1n1U7|fLp^n#f!T0wUts}?J@8k{x$p>gqF-e;C47y5U%uCCVsh8=^atDnm{r-UW|
D0>qUG

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-pressed-lg-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-pressed-lg-linux.png
deleted file mode 100644
index bfcd1b4f44d5475bd95b88c4de1d8b3a975de17b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 381
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^T<=AJH&AsLNt
zXKl<nY#`89KYQN+Ti5MED-7;>#V_&Z+~nwN^hDEYOY;G<h2GzteoML4irF^pzM?3}
zv}*lF#U1%JEj#${zBF0!<JS+F`1$by$u52Zf@ZsQyV`gEHr)P1y@Mll-AQJL9>Jw0
zLNOr@Qlb;wSeFDcW`dc|x^_3N<XMxQpjF(_s<`00?jeCm*Uv1Ch`rx4hxgn2e1?Yi
zi(S^N7Hn(y`Z)O0tet;ObAH+9{QUOh9i?CAUpu4vTkb?$L#&f#i{gWAMk`{AJA7>q
zqzX3P+rD9)<;tHg#U5?C!O8M0x0vs3qllj62{FM9`_JC~{Z1o{d0pc4Yf0)0n&0r;
z<lf+|k?Ij!G+|@>;+yu%m!90mj_%H7DoQV9(wtp1%y;V+O_{Op_8*4Flc(nV%i8%2
P7@iECu6{1-oD!M<fIy@2

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-at-rest-xl-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-at-rest-xl-linux.png
deleted file mode 100644
index e6b0a38446575f2504b35d36a0d12e31e7b4f655..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1773
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

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-hovered-xl-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-hovered-xl-linux.png
deleted file mode 100644
index f6356a8623c92752018fcba7f09c582998a98634..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1702
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
L?vzH-H);O`$o~DM

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-pressed-hovered-xl-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-pressed-hovered-xl-linux.png
deleted file mode 100644
index 3ec88bc6b721ce4d874f0dc0ce5404faadbd1cd3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1689
zcmb7_|34FmAIB%3Bf249%B-gFAx>e+mt~@xF~?5XBzL~kn2k?{#27`I<GPg0*P{%Z
zP5E|=J`>q|T@o|jMl1@M)A=$jI{!jHJYTQhU$6K3@uGU6U4g24ssI20h;l<*-uDOl
zSRPc`R~@1o764ERLLr<ni6yHO6t9u^V?FC8XC*z0=~dB>XyW*cGOMcizQRf?CEvZr
zpNCHOvYxl~YFM-ncr-#0E~}^Dlg9>90~6wPkXP>0ijEQ{=!*=H#=(~|9Z4Shf*sd6
zek)vlwnFY8-Rg0aOLxU7+mqY>?2(ULS|2t^7t`A#<jp{oDxWpMU{O*PugE4TznI)M
z%6u$+4{L%QzYlfGJLq3piU^RZpWLPNTB5qXg$RVURZ)()pgH&~DBtQvF1X+&wVluY
ztQ#4orCCMi*Z}%h(cyzdI7LEhlqyEwFqhCJ^;k%FUtaD+@g3FI%2D~OVq`3K5)8*I
zEiYf@Zz{o)ZbN=%XLVO1lF0Bcaa+}Yy!x;I<lVKxM~i+}+vg&o4N#@r>Or@Y+k0|=
zZ=6VTu_#7;3g_3jg);U;>)OP3g(I>|&0yJ6i(-D~QzmL?P_}KG(I;q`9{e!e7VK^E
zYla62-x@V-RIRJ*88znci<@AZ9Z9mIa0~bIdbTEhS=pyDS}MQkb}p~Vb78IrGFOBW
zy=83v{R$j&eUS8hF7oC72Vzkzm85Wtc9uG1exZ~e*L1@Y7p>=A?MZKMFU~PP1b5W`
z9jYwED*LvqgF>49R7I?7Q;Y0GJlv?-h%~D>@EZJmiEPe}e%?J2Pr&%&1Wc0%JVA9?
z59Eo&ihNhE7ij)<{=vYo=!dKS5c;1`&K+e9?i6Bt$nGir@C#*j)QJ$t8@Xg&GTs!f
z_2=r-Fb)xfL;o4PdM6%%Kn4jK??Xqr`?Icm3X;Y)`JJvE(>|b~uiulG9Q!)rEGw0u
z1KGaez-@~;Tu+)plf{k!Vl1C3F=<WcZzh;0mGx)4LsC8*M(-wOvn_}}TDw1K`@Mw+
z9^Kq8TsvR;Yg8a!(0B=R*&%{{Jm=X=A);<_LkZqziVT>R82|#wTi+cb9cic@bUvZs
zg*6n1R56wu<TE$b0R>{zy`d}{pMkCtmyf5;R50ofr@_P30<M2VR<9H%q%vY&aOGG)
zNx0e(^MDt$`p}5TX#Uz7Z)Nk1WF>fA{F7ah4D3k$st5>}l7w{5XVR|GFd|OkdWe^(
z*I!aKEyZ+gh<NJd88y?8&qqARyNrtLtra_Fhxm`*1MX6(&M}sj@Es(Vl#CJ55;qaA
z${e3KtgWst07Wa^JYIzmzq2>K-5&+q1OmG6QI*R%9G9Ey_I7YuO-)TlY3SvP2dF6O
zbIuwu+#F_HB$HJLReUIEteZA@-Z|QfUw3XpbSo*UlU|vpJq&D58yXlq3&YLFJ|u1Q
z+V;yn>8R&LTh*$KEO}SghvCeI3=IwY+N_J2LmfsM2ZLx4UP<|;BG1mLc{;ZaGUB0?
zo)##yhruQpteUW%N1EY;Y1w*QTvKRYLrtAlc6z#*nJItae`d3pH7A^PldIB;AMM`T
zO9Kiw-hnyzY3%c_Qb#o80>i=Vhph)T7P*(6AQ?>3-?jL<pP!d4^^GX>wpoK4c^)`d
zljhkmD5djwH$GH>R_u7sFiWkr=wfnmGL=eIc-t#-bt^5+4t}hV2C@}&?-l)6ct$v;
zg5`)&!KvwQTtS{GH%u=%-?E%7L=gS_8m#RxyPM^n?rF<R{HH@c(5M6^6GkKwTaPUe
zX1JL?PYeDEoSLYQKM$Dtt)+f16WBU4Gmtsvb3nmY-tEm?hSb1bj11L<?s~5<WHPP&
zPvot)J*eUvhlGZnnrXU<^%e)>cnw((BW<*$dbXK6-|b(eH!bkQml)RF9Q&o^HsMd>
zf!Ljv@{OnC=8@NgJ-?nA9v=RHT!{d^?r@rIDzLOqpQUv4S^$Aea5A72?JA1#|Ie3{
zHIQ|Jxx^$#GCe_(k+~JZrDeT091G>BGU7X%w+1_8F6GOu-BikJN@rX`f?85)MRWck
zHv6Oq^eQ6*CAjmBQXgpww7A$c+5ywmeb^E0#<WN3O=N6%<b??ub3a~4qR+Y9L1`kt
z0b}SHM`<iYX^G-gJ93yq<|+0%p(<$S&gYjT$I29EGe+l<3p9`JPYwX(f=1L`47&9%
D%7IO4

diff --git a/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-pressed-xl-linux.png b/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-with-text-pressed-xl-linux.png
deleted file mode 100644
index ba8c795de7b1eebc7b6760216e242e790e952378..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1680
zcmaJ?eK^yL7ytgcdCBX&-boujH<gJ{$)@PW*lb?PE_o?aEhULr%S9BC-;~Uf8=J(P
zV%f#ULM*Sv>~^(T(ps#%g=rFNckAx{`}^bman5<pbDrm%=X}oR`JBSg-~dBC8$AF3
z3=x5Thc&TOW4m;<HQqca5CZ_(5eUD7;g>2G$FoBP1km88Z4l^RuljS~*B)7)JJ<N*
z{B;8R{8C_0%lEpEt}k<@ZS%#6t`M0Bg|3@s(l^v-U6lSl?2<H;NEsvT^Fz<;MRZgQ
zr!qS6J1JlzJAu2Yv#L7tv@o@6;WF-r8CAJL{YkZOS|X7xbahE&Gb;-C;=1z7<c&Xm
zejyg$_`doXtzu;0F4B>u3}#U53NP3yzqz3tO|>_XL#w-);NHlpJWgg{d7it8V|7s;
zV!H#@Wa!^hzlQDcO;OwNubLuvMpd*4NfSqN+k_1r#a0qZ-a{T%hr5`j#UAHk2cw%&
zM6g@ejt-B<RF@e3UHt1|+t#qvP5ms2*{H{;V)i(AR3c)s>uTw@&hEv>b>I2bv({tR
zyO~+bfL>@Bhm+!ibIRZp%{Wz^4!gYMwK(S0lD;0M1NaA#BFpg+ef%@3mCb<_w2RLL
zg_M*n^zw2mi#O~XF?z%@?~Jqf>q-?C8OS*~?}zN`d7rdOKE;m1zhXb)Vf7Q2vy@jS
zywaPg8l-N~N<gES%9JD8*%^3!8M`$!j9tQGpn&@|HR&h&Q*FNNZl39V!g#y9yL4NK
z_Pd*~nU!^Lgr?W0-KyLqT3fkiHVF8@*DHcMG<bTW#~2=^HyB4P)a|S0Hj>2qZ;l?U
z_acN7;9m>=d#R`9zNFvJ8MV}M;y3pK^aLD-uO5odG^Q;kOJUQ}mP1wK((Z(CNeBwr
z$9_J-|HU}S!hBg#@<)1Ovu*CvoW-__3_Nb-<5U61Rd(#3iDS&MuC+LX+n=U2J2D<n
za+Su*g1ff??-ty5>SWcvVTjjfNeBlwuqRyjvvhp2y7t130v{M}IQkfNs;{v9V;YN?
z_gNXqusG`}!opw*h1=c&>gy2#RtNbUh%ruXh?ryS+`31LB<wko{fkLXKGo37!pC=2
zA7fx_{IR~IwC#FptLeEcg8l^@-D}q_-%dALj}ACaT+e1@iM4&vr}iWZl6xs}8{Tnb
z`}qH}{Lh0%##GmRB_cSOt~v=jbj2PDg<4x#-J8AB-`Oq8YJH-11lU5?l<YA3mgz`>
z$lBJ{V9pbYZ)#^D_=-}nuYSqIoL)wuV?6fo&NW)hhARO7PCan_2FXEKiKKtP87=wT
zYsgoe^*9bv{4@c!v57D3xCt>~aueL;vRrUtl_K*1Kqixc*?r@US<~OfjD1n(cv^!R
zE)DQD<3<Ie40iuOKbhj)4y{hr+W$i{!vdM>GW*U>75V}W(TshZU~O*hfBxWs^K~TS
zr~@xvgO$C~_wT1?jb4`Y20Vj26MZo>H868NiaK$~;fgP?g24r|s6gBR+hcZNwvWgw
zSS=ghnEze-%|9n5hWT4SV~?U5*l6nB+iz*dQuXC&qD=u8?rAPEd2uY^+qHVTgBu4?
zPf2AC6M<Yf<YlVI5jtveRn#h<+g89DX;CFjyT)*95v6Iuaj}56>cJFgi?xC*@Wf+A
zS#=>&Rf12Do^0z|D`PH|=vsS9b|AL+MfFqrsVOOtFy2wTklu#v8ZzKkMkix44n6t8
z5kzl`aXD@H+ty)L3gyE>EE03eu7~J|A(f?TDHg;}W-9%WIn(r5@1}XgWjD|02r6v}
z^akUimd`svVbHm`C9G<m05D=7=Ubk2O0QGI1``Nw-rhX9#94$PihPJ+>Ugj2jFVcc
z$%}T<0fYI?`!#HVXJ&dss@6TITd3_H%`D91w`H8h6UU3%gh6MXyKCSGi)uzG5*ZJw
z)bHV0HA2$*`f|35?$9%V&q{km+L|?_si~>l1ZBy)YhY?niw==?$g~wh#F#ZMh)ao^
zs!%8EZsdCpkeQw2hcD^!Zr9?eHDv&%uA7-1J_yp^Tafja5f>v@s(jXUbn-XYcVC@@
ziHUsm!$ud)0@q?^4%2@`J=G^W@Q>dTybLHxM)vG>hv|a8Rd(Awtoug;i+;`f-D^Rr
z^k;Hd|E{F}SG6)RH68qF+jmOC()dfC*NW}0m`rN)8~uq{Cg1Pm)QNT$@bfjF20-`+
K`!)U)clB=ojZako