diff --git a/.eslintrc b/.eslintrc
index f11af1b6e1..b38843c8a8 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -31,7 +31,8 @@
         "import/no-extraneous-dependencies": "off",
         "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
         "@typescript-eslint/prefer-ts-expect-error": "error",
-        "@typescript-eslint/consistent-type-imports": ["error", {"prefer":  "type-imports", "fixStyle": "separate-type-imports"}]
+        "@typescript-eslint/consistent-type-imports": ["error", {"prefer":  "type-imports", "fixStyle": "separate-type-imports"}],
+        "complexity": "off"
     },
     "overrides": [
         {
diff --git a/CHANGELOG.md b/CHANGELOG.md
index c4e5d6c4a4..066dbf9b85 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,92 @@
 # Changelog
 
+## [6.36.0](https://github.com/gravity-ui/uikit/compare/v6.35.2...v6.36.0) (2024-11-25)
+
+
+### Features
+
+* **PasswordInput:** add component ([#1745](https://github.com/gravity-ui/uikit/issues/1745)) ([2e7f2c7](https://github.com/gravity-ui/uikit/commit/2e7f2c731c8cb2fd08993fc30ffed8b06a5f0ea2))
+
+
+### Bug Fixes
+
+* **Select:** do not reserve space for clear if empty ([#1956](https://github.com/gravity-ui/uikit/issues/1956)) ([11dd537](https://github.com/gravity-ui/uikit/commit/11dd537feaa230133f8051fd6c370e6e3ec7d54f))
+* **Toc:** correctly display content of no items.length and add event forward ([#1939](https://github.com/gravity-ui/uikit/issues/1939)) ([8d456c3](https://github.com/gravity-ui/uikit/commit/8d456c3d77d63674f20ebac82913d8a26c14f997))
+
+## [6.35.2](https://github.com/gravity-ui/uikit/compare/v6.35.1...v6.35.2) (2024-11-14)
+
+
+### Bug Fixes
+
+* **PlaceholderContainer:** remove href attribute fallback in actions ([#1947](https://github.com/gravity-ui/uikit/issues/1947)) ([60a8b92](https://github.com/gravity-ui/uikit/commit/60a8b9240b51d78f0aa5e711a6bed8e30e049814))
+* **useBodyScrollLock:** correctly restore styles ([#1950](https://github.com/gravity-ui/uikit/issues/1950)) ([b41a53a](https://github.com/gravity-ui/uikit/commit/b41a53a477d479b925331bbc227862942da04d00))
+
+## [6.35.1](https://github.com/gravity-ui/uikit/compare/v6.35.0...v6.35.1) (2024-11-13)
+
+
+### Bug Fixes
+
+* fix incorrect scss "use" ([#1943](https://github.com/gravity-ui/uikit/issues/1943)) ([c9506dd](https://github.com/gravity-ui/uikit/commit/c9506dd5cfb78f155ea4e38f09e060233c4f691b))
+
+## [6.35.0](https://github.com/gravity-ui/uikit/compare/v6.34.0...v6.35.0) (2024-11-11)
+
+
+### Features
+
+* **FilePreview:** add component ([#1880](https://github.com/gravity-ui/uikit/issues/1880)) ([b5de671](https://github.com/gravity-ui/uikit/commit/b5de67126a76467853957df6d8e5436cc460886e))
+* **NumberInput:** add new component ([#1826](https://github.com/gravity-ui/uikit/issues/1826)) ([75be05e](https://github.com/gravity-ui/uikit/commit/75be05e42c95226592cdd2139894e9ff791280af))
+* **PlaceholderContainer:** add qa prop ([#1925](https://github.com/gravity-ui/uikit/issues/1925)) ([77ad28d](https://github.com/gravity-ui/uikit/commit/77ad28d8aa0af910999e0ed54fce806767241946))
+
+
+### Bug Fixes
+
+* **PlaceholderContainer:** add component to index file ([#1924](https://github.com/gravity-ui/uikit/issues/1924)) ([cdce171](https://github.com/gravity-ui/uikit/commit/cdce1715a6fe5ceebff7b43c9146c3c1bef9f093))
+* **Popover:** use visible title for popup a11y label ([#1941](https://github.com/gravity-ui/uikit/issues/1941)) ([f9d75e8](https://github.com/gravity-ui/uikit/commit/f9d75e8b1d902fd526b4a089d7bf6675299f2584))
+* **Toaster:** reveal animation lag ([#1927](https://github.com/gravity-ui/uikit/issues/1927)) ([e16fa1c](https://github.com/gravity-ui/uikit/commit/e16fa1ccc7e1f053f4ff696d24ee6d4bbfd35a6a))
+
+## [6.34.0](https://github.com/gravity-ui/uikit/compare/v6.33.0...v6.34.0) (2024-10-25)
+
+
+### Features
+
+* **ListItemExandIcon:** added new list component for expanded icon view ([#1762](https://github.com/gravity-ui/uikit/issues/1762)) ([b6516f4](https://github.com/gravity-ui/uikit/commit/b6516f46ce157a1297a5887e25487f621da07b43))
+
+
+### Bug Fixes
+
+* react 19 compatibility ([#1916](https://github.com/gravity-ui/uikit/issues/1916)) ([29f2558](https://github.com/gravity-ui/uikit/commit/29f255803582d9b6791f11b080b80d36626dd03b))
+* **styles:** rules order in block ([#1912](https://github.com/gravity-ui/uikit/issues/1912)) ([2d9c88e](https://github.com/gravity-ui/uikit/commit/2d9c88ee6a7040d33369c1a47d2022ec9f129d7c))
+
+## [6.33.0](https://github.com/gravity-ui/uikit/compare/v6.32.0...v6.33.0) (2024-10-22)
+
+
+### Features
+
+* **Dialog:** add className property to DialogFooter ([#1909](https://github.com/gravity-ui/uikit/issues/1909)) ([679c537](https://github.com/gravity-ui/uikit/commit/679c537a0a34add7e6dca4a3ba649934a68342e6))
+* **Table:** add width property ([#1907](https://github.com/gravity-ui/uikit/issues/1907)) ([7eb5e1e](https://github.com/gravity-ui/uikit/commit/7eb5e1e38cb9e79afaf988480b1b2d5dc998ff04))
+* **Toaster:** added onClose callback ([#1902](https://github.com/gravity-ui/uikit/issues/1902)) ([3069194](https://github.com/gravity-ui/uikit/commit/30691949ccce25e54614b5a0b49c7b11f7abf3e9))
+
+
+### Bug Fixes
+
+* **DefinitionList:** layout fixes ([#1910](https://github.com/gravity-ui/uikit/issues/1910)) ([e5cde3a](https://github.com/gravity-ui/uikit/commit/e5cde3ad58cfb1d8436c2a4ad75e074dfb94a741))
+
+## [6.32.0](https://github.com/gravity-ui/uikit/compare/v6.31.0...v6.32.0) (2024-10-17)
+
+
+### Features
+
+* add DefinitionList and HelpMark ([#1731](https://github.com/gravity-ui/uikit/issues/1731)) ([c587116](https://github.com/gravity-ui/uikit/commit/c587116b40e79c1ad7a2427f73d031b6efa4109c))
+* **AvatarStack:** forward ref to root element of component ([#1904](https://github.com/gravity-ui/uikit/issues/1904)) ([469d935](https://github.com/gravity-ui/uikit/commit/469d93586d6bb82b93a865541d8a974caa67d3b1))
+
+
+### Bug Fixes
+
+* **ListItemView:** fix type ListItemViewProps ([#1897](https://github.com/gravity-ui/uikit/issues/1897)) ([e49779a](https://github.com/gravity-ui/uikit/commit/e49779a4e519a6e89db3cecfe12ea66e0c720d3f))
+* **Toaster:** change spacing before actions ([#1891](https://github.com/gravity-ui/uikit/issues/1891)) ([235ea21](https://github.com/gravity-ui/uikit/commit/235ea21a548d39b6ebf22e31d9037abc83eb9fcd))
+* **types:** fix i18n types ([#1898](https://github.com/gravity-ui/uikit/issues/1898)) ([21954db](https://github.com/gravity-ui/uikit/commit/21954db04c9edc5d5068007fd4f137e0732e2b47))
+* **useBodyScrollLock:** avoid settings unrelated styles ([#1832](https://github.com/gravity-ui/uikit/issues/1832)) ([9d7fd36](https://github.com/gravity-ui/uikit/commit/9d7fd3649c7c82a1c3d68af7d2f8ceffe7172eef))
+
 ## [6.31.0](https://github.com/gravity-ui/uikit/compare/v6.30.1...v6.31.0) (2024-10-09)
 
 
diff --git a/CODEOWNERS b/CODEOWNERS
index 9724de97a6..dd3fceac5c 100644
--- a/CODEOWNERS
+++ b/CODEOWNERS
@@ -13,10 +13,12 @@
 /src/components/ClipboardIcon @Raubzeug
 /src/components/ControlLabel @korvin89
 /src/components/CopyToClipboard @SeqviriouM
+/src/components/DefinitionList @Raubzeug
 #/src/components/Dialog
 /src/components/Disclosure @Raubzeug
 /src/components/Divider @v4dyar4
 /src/components/DropdownMenu @axtk
+/src/components/HelpMark @Raubzeug
 /src/components/Hotkey @d3m1d0v
 /src/components/Icon @amje
 /src/components/Label @goshander
@@ -68,5 +70,6 @@
 /src/hooks/useUniqId @ValeraS
 
 # Allow everyone to update dependencies
+
 /package.json
 /package-lock.json
diff --git a/gulpfile.js b/gulpfile.js
index 2b87f3a05c..94b7be70f1 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -53,13 +53,23 @@ task('copy-i18n', () => {
 
 task('styles-global', () => {
     return src(['styles/styles.scss', 'styles/fonts.scss'])
-        .pipe(sass().on('error', sass.logError))
+        .pipe(
+            sass().on('error', function (error) {
+                sass.logError.call(this, error);
+                process.exit(1);
+            }),
+        )
         .pipe(dest('styles'));
 });
 
 task('styles-components', () => {
     return src(['src/components/**/*.scss', '!src/components/**/__stories__/**/*'])
-        .pipe(sass().on('error', sass.logError))
+        .pipe(
+            sass().on('error', function (error) {
+                sass.logError.call(this, error);
+                process.exit(1);
+            }),
+        )
         .pipe(dest(path.resolve(BUILD_DIR, 'esm', 'components')))
         .pipe(dest(path.resolve(BUILD_DIR, 'cjs', 'components')));
 });
diff --git a/package-lock.json b/package-lock.json
index 3c0bdb75e9..229234b478 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@gravity-ui/uikit",
-    "version": "6.31.0",
+    "version": "6.36.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@gravity-ui/uikit",
-            "version": "6.31.0",
+            "version": "6.36.0",
             "license": "MIT",
             "dependencies": {
                 "@bem-react/classname": "^1.6.0",
@@ -102,8 +102,8 @@
                 "yarn": "Please use npm instead of yarn to install dependencies"
             },
             "peerDependencies": {
-                "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-                "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+                "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+                "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
             }
         },
         "node_modules/@aashutoshrathi/word-wrap": {
diff --git a/package.json b/package.json
index 660f1cb358..6909b8cc71 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@gravity-ui/uikit",
-    "version": "6.31.0",
+    "version": "6.36.0",
     "description": "Gravity UI base styling and components",
     "keywords": [
         "component",
@@ -71,7 +71,7 @@
                 "./build/esm/toaster-singleton-react-18.d.ts"
             ],
             "i18n": [
-                "./build/esm/components/utils/addComponentKeysets.d.ts"
+                "./build/esm/i18n/index.d.ts"
             ],
             "unstable": [
                 "./build/esm/unstable.d.ts"
@@ -204,8 +204,8 @@
         "typescript": "^5.3.3"
     },
     "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     "nano-staged": {
         "*.{scss}": [
diff --git a/playwright/core/expectScreenshotFixture.ts b/playwright/core/expectScreenshotFixture.ts
index 829126623d..49e9afba96 100644
--- a/playwright/core/expectScreenshotFixture.ts
+++ b/playwright/core/expectScreenshotFixture.ts
@@ -1,6 +1,10 @@
 import {expect} from '@playwright/experimental-ct-react';
 
-import type {ExpectScreenshotFixture, PlaywrightFixture} from './types';
+import type {CaptureScreenshotParams, ExpectScreenshotFixture, PlaywrightFixture} from './types';
+
+const defaultParams: CaptureScreenshotParams = {
+    themes: ['light', 'dark'],
+};
 
 export const expectScreenshotFixture: PlaywrightFixture<ExpectScreenshotFixture> = async (
     {page},
@@ -10,8 +14,9 @@ export const expectScreenshotFixture: PlaywrightFixture<ExpectScreenshotFixture>
     const expectScreenshot: ExpectScreenshotFixture = async ({
         component,
         nameSuffix,
+        themes: paramsThemes,
         ...pageScreenshotOptions
-    } = {}) => {
+    } = defaultParams) => {
         const captureScreenshot = async () => {
             return (component || page.locator('.playwright-wrapper-test')).screenshot({
                 animations: 'disabled',
@@ -22,17 +27,23 @@ export const expectScreenshotFixture: PlaywrightFixture<ExpectScreenshotFixture>
         const nameScreenshot =
             testInfo.titlePath.slice(1).join(' ') + (nameSuffix ? ` ${nameSuffix}` : '');
 
-        await page.emulateMedia({colorScheme: 'light'});
+        const themes = paramsThemes || defaultParams.themes;
 
-        expect(await captureScreenshot()).toMatchSnapshot({
-            name: `${nameScreenshot} light.png`,
-        });
+        if (themes?.includes('light')) {
+            await page.emulateMedia({colorScheme: 'light'});
 
-        await page.emulateMedia({colorScheme: 'dark'});
+            expect(await captureScreenshot()).toMatchSnapshot({
+                name: `${nameScreenshot} light.png`,
+            });
+        }
 
-        expect(await captureScreenshot()).toMatchSnapshot({
-            name: `${nameScreenshot} dark.png`,
-        });
+        if (themes?.includes('dark')) {
+            await page.emulateMedia({colorScheme: 'dark'});
+
+            expect(await captureScreenshot()).toMatchSnapshot({
+                name: `${nameScreenshot} dark.png`,
+            });
+        }
     };
 
     await use(expectScreenshot);
diff --git a/playwright/core/index.ts b/playwright/core/index.ts
index e405b3e99a..3216e61acd 100644
--- a/playwright/core/index.ts
+++ b/playwright/core/index.ts
@@ -10,3 +10,11 @@ export const test = base.extend<Fixtures>({
 });
 
 export {expect} from '@playwright/experimental-ct-react';
+
+export const smokeTest = (testSuffix: string, body: Parameters<typeof test>[2]) => {
+    test.skip(({browserName}) => {
+        return browserName !== 'chromium';
+    }, 'Smoke test is only relevant in Chrome');
+
+    test(`smoke ${testSuffix}`, {tag: ['@smoke']}, body);
+};
diff --git a/playwright/core/types.ts b/playwright/core/types.ts
index 929f190b50..3b379fa298 100644
--- a/playwright/core/types.ts
+++ b/playwright/core/types.ts
@@ -34,7 +34,8 @@ export interface ExpectScreenshotFixture {
     (props?: CaptureScreenshotParams): Promise<void>;
 }
 
-interface CaptureScreenshotParams extends PageScreenshotOptions {
+export interface CaptureScreenshotParams extends PageScreenshotOptions {
     nameSuffix?: string;
     component?: Locator;
+    themes?: Array<'light' | 'dark'>;
 }
diff --git a/src/components/ActionTooltip/ActionTooltip.tsx b/src/components/ActionTooltip/ActionTooltip.tsx
index c65ec3bdd5..ad2b5e38b9 100644
--- a/src/components/ActionTooltip/ActionTooltip.tsx
+++ b/src/components/ActionTooltip/ActionTooltip.tsx
@@ -11,6 +11,7 @@ import {Popup} from '../Popup';
 import type {PopupPlacement} from '../Popup';
 import type {DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {getElementRef} from '../utils/getElementRef';
 
 import './ActionTooltip.scss';
 
@@ -77,7 +78,7 @@ export function ActionTooltip(props: ActionTooltipProps) {
     };
 
     const child = React.Children.only(children);
-    const childRef = (child as any).ref;
+    const childRef = getElementRef(child);
 
     const ref = useForkRef(setAnchorElement, childRef);
 
diff --git a/src/components/ActionTooltip/__tests__/ActionTooltip.tsx b/src/components/ActionTooltip/__tests__/ActionTooltip.test.tsx
similarity index 100%
rename from src/components/ActionTooltip/__tests__/ActionTooltip.tsx
rename to src/components/ActionTooltip/__tests__/ActionTooltip.test.tsx
diff --git a/src/components/AvatarStack/AvatarStack.tsx b/src/components/AvatarStack/AvatarStack.tsx
index f7af7de699..378fad7430 100644
--- a/src/components/AvatarStack/AvatarStack.tsx
+++ b/src/components/AvatarStack/AvatarStack.tsx
@@ -12,60 +12,65 @@ import './AvatarStack.scss';
 
 const b = block('avatar-stack');
 
-const AvatarStackComponent = ({
-    max = AVATAR_STACK_DEFAULT_MAX,
-    total,
-    overlapSize = 's',
-    size,
-    children,
-    className,
-    renderMore,
-}: AvatarStackProps) => {
-    const visibleItems: React.ReactElement[] = [];
+const AvatarStackComponent = React.forwardRef<HTMLUListElement, AvatarStackProps>(
+    (
+        {
+            max = AVATAR_STACK_DEFAULT_MAX,
+            total,
+            overlapSize = 's',
+            size,
+            children,
+            className,
+            renderMore,
+        },
+        ref,
+    ) => {
+        const visibleItems: React.ReactElement[] = [];
 
-    /** All avatars amount */
-    const normalizedTotal = total ? Math.max(total, max) : React.Children.count(children);
+        /** All avatars amount */
+        const normalizedTotal = total ? Math.max(total, max) : React.Children.count(children);
 
-    /** Amount avatars to be visible (doesn't include badge with remaining avatars) */
-    let normalizedMax = max < 1 ? 1 : max;
-    // Skip rendering badge with +1, just show avatar instead
-    normalizedMax = normalizedTotal - normalizedMax > 1 ? normalizedMax : normalizedTotal;
+        /** Amount avatars to be visible (doesn't include badge with remaining avatars) */
+        let normalizedMax = max < 1 ? 1 : max;
+        // Skip rendering badge with +1, just show avatar instead
+        normalizedMax = normalizedTotal - normalizedMax > 1 ? normalizedMax : normalizedTotal;
 
-    /** Remaining avatars */
-    const moreItems = normalizedTotal - normalizedMax;
+        /** Remaining avatars */
+        const moreItems = normalizedTotal - normalizedMax;
 
-    React.Children.forEach(children, (child) => {
-        if (!React.isValidElement(child)) {
-            return;
-        }
+        React.Children.forEach(children, (child) => {
+            if (!React.isValidElement(child)) {
+                return;
+            }
 
-        const item = <AvatarStackItem key={visibleItems.length}>{child}</AvatarStackItem>;
+            const item = <AvatarStackItem key={visibleItems.length}>{child}</AvatarStackItem>;
 
-        if (visibleItems.length < normalizedMax) {
-            visibleItems.unshift(item);
-        }
-    });
+            if (visibleItems.length < normalizedMax) {
+                visibleItems.unshift(item);
+            }
+        });
 
-    const hasMoreButton = moreItems > 0;
+        const hasMoreButton = moreItems > 0;
 
-    return (
-        // Safari remove role=list with some styles, applied to li items, so we need
-        // to restore role manually
-        // eslint-disable-next-line jsx-a11y/no-redundant-roles
-        <ul className={b({'overlap-size': overlapSize}, className)} role={'list'}>
-            {hasMoreButton ? (
-                <AvatarStackItem key="more-button">
-                    {renderMore ? (
-                        renderMore({count: moreItems})
-                    ) : (
-                        <AvatarStackMore count={moreItems} size={size} />
-                    )}
-                </AvatarStackItem>
-            ) : null}
-            {visibleItems}
-        </ul>
-    );
-};
+        return (
+            // Safari remove role=list with some styles, applied to li items, so we need
+            // to restore role manually
+            // eslint-disable-next-line jsx-a11y/no-redundant-roles
+            <ul className={b({'overlap-size': overlapSize}, className)} role={'list'} ref={ref}>
+                {hasMoreButton ? (
+                    <AvatarStackItem key="more-button">
+                        {renderMore ? (
+                            renderMore({count: moreItems})
+                        ) : (
+                            <AvatarStackMore count={moreItems} size={size} />
+                        )}
+                    </AvatarStackItem>
+                ) : null}
+                {visibleItems}
+            </ul>
+        );
+    },
+);
 
 AvatarStackComponent.displayName = 'AvatarStack';
 
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 6ffa7adef4..173ffa2282 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -178,7 +178,6 @@ const isButtonIconComponent = isOfType(ButtonIcon);
 const isSpan = isOfType<{className?: string}>('span');
 const buttonIconClassRe = RegExp(`^${b('icon')}($|\\s+\\w)`);
 
-// eslint-disable-next-line complexity
 function prepareChildren(children: React.ReactNode) {
     const items = React.Children.toArray(children);
 
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-custom-Icon-size-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-custom-Icon-size-dark-webkit-linux.png
deleted file mode 100644
index d40f60298a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-custom-Icon-size-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-custom-Icon-size-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-custom-Icon-size-light-webkit-linux.png
deleted file mode 100644
index 17816deff0..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-custom-Icon-size-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Default-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Default-dark-webkit-linux.png
deleted file mode 100644
index c33899c7f0..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Default-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Default-light-webkit-linux.png
deleted file mode 100644
index c3c0f46458..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Disabled-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Disabled-dark-webkit-linux.png
deleted file mode 100644
index 81fa983d19..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Disabled-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Disabled-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Disabled-light-webkit-linux.png
deleted file mode 100644
index 214d258999..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Disabled-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Icon-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Icon-dark-webkit-linux.png
deleted file mode 100644
index 65aa703101..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Icon-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Icon-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Icon-light-webkit-linux.png
deleted file mode 100644
index 3d37307564..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Icon-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-InsideText-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-InsideText-dark-webkit-linux.png
deleted file mode 100644
index fc337eec87..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-InsideText-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-InsideText-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-InsideText-light-webkit-linux.png
deleted file mode 100644
index 824da38ce4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-InsideText-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Link-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Link-dark-webkit-linux.png
deleted file mode 100644
index ad3c13cec6..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Link-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Link-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Link-light-webkit-linux.png
deleted file mode 100644
index ea37de8516..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Link-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Loading-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Loading-dark-webkit-linux.png
deleted file mode 100644
index ae49330667..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Loading-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Loading-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Loading-light-webkit-linux.png
deleted file mode 100644
index 6b052816cc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Loading-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Pin-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Pin-dark-webkit-linux.png
deleted file mode 100644
index cac5c69e36..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Pin-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Pin-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Pin-light-webkit-linux.png
deleted file mode 100644
index 721a0eed00..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Pin-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Selected-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Selected-dark-webkit-linux.png
deleted file mode 100644
index 796630fbca..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Selected-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Selected-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Selected-light-webkit-linux.png
deleted file mode 100644
index 47d5d56a7d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Selected-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Size-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Size-dark-webkit-linux.png
deleted file mode 100644
index 9b9fc3c7bc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Size-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Size-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Size-light-webkit-linux.png
deleted file mode 100644
index d78980b6ff..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Size-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-View-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-View-dark-webkit-linux.png
deleted file mode 100644
index 2b035f4d55..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-View-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-View-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-View-light-webkit-linux.png
deleted file mode 100644
index 5afcefd992..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-View-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Width-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Width-dark-webkit-linux.png
deleted file mode 100644
index f5608c14fe..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Width-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Width-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Width-light-webkit-linux.png
deleted file mode 100644
index c1b14ad431..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-render-story-Width-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-chromium-linux.png
new file mode 100644
index 0000000000..300479ecfc
Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-dark-chromium-linux.png differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-chromium-linux.png
deleted file mode 100644
index 77c73f8a14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-webkit-linux.png
deleted file mode 100644
index fed9c95b21..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-chromium-linux.png
deleted file mode 100644
index 48b401772e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-webkit-linux.png
deleted file mode 100644
index ee0551a799..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-webkit-linux.png
deleted file mode 100644
index eecf9b056d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-chromium-linux.png
deleted file mode 100644
index be71793dbe..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-webkit-linux.png
deleted file mode 100644
index 39aec11edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-dark-chromium-linux.png
deleted file mode 100644
index 2088324b42..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-dark-webkit-linux.png
deleted file mode 100644
index 154459241a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-light-chromium-linux.png
deleted file mode 100644
index b2e8c78843..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-light-webkit-linux.png
deleted file mode 100644
index fdf1e25fbe..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-disabled-disabled-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-chromium-linux.png
new file mode 100644
index 0000000000..e50765ea00
Binary files /dev/null and b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-light-chromium-linux.png differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-dark-chromium-linux.png
deleted file mode 100644
index c44a66519d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-dark-webkit-linux.png
deleted file mode 100644
index 2aae0386d1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-light-chromium-linux.png
deleted file mode 100644
index 917e53ce38..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-light-webkit-linux.png
deleted file mode 100644
index b0a85b6c74..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-loading-loading-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-dark-chromium-linux.png
deleted file mode 100644
index 44f5f4049a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-dark-webkit-linux.png
deleted file mode 100644
index 73d7d243ae..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-chromium-linux.png
deleted file mode 100644
index 32c4f2d99f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-webkit-linux.png
deleted file mode 100644
index 95c8fa5730..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-webkit-linux.png
deleted file mode 100644
index 409087548f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-light-chromium-linux.png
deleted file mode 100644
index 73a1c3965d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-light-webkit-linux.png
deleted file mode 100644
index 83e09ada02..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-brick-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-dark-chromium-linux.png
deleted file mode 100644
index 34e8b607e3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-dark-webkit-linux.png
deleted file mode 100644
index 0b5eb0974f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-chromium-linux.png
deleted file mode 100644
index 9813913a8d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-webkit-linux.png
deleted file mode 100644
index a43f910e9e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-webkit-linux.png
deleted file mode 100644
index f54c7a3529..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-light-chromium-linux.png
deleted file mode 100644
index b421ef79a8..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-light-webkit-linux.png
deleted file mode 100644
index 83b85f99c6..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-circle-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-dark-chromium-linux.png
deleted file mode 100644
index 44f5f4049a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-dark-webkit-linux.png
deleted file mode 100644
index 73d7d243ae..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-chromium-linux.png
deleted file mode 100644
index 32c4f2d99f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-webkit-linux.png
deleted file mode 100644
index 95c8fa5730..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-webkit-linux.png
deleted file mode 100644
index 409087548f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-light-chromium-linux.png
deleted file mode 100644
index 73a1c3965d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-light-webkit-linux.png
deleted file mode 100644
index 83e09ada02..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-clear-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-dark-chromium-linux.png
deleted file mode 100644
index acbf084735..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-dark-webkit-linux.png
deleted file mode 100644
index e4311453b2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-chromium-linux.png
deleted file mode 100644
index 05677eec4c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-webkit-linux.png
deleted file mode 100644
index 420b2b86ea..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-webkit-linux.png
deleted file mode 100644
index c246867c67..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-light-chromium-linux.png
deleted file mode 100644
index 53712cc5ed..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-light-webkit-linux.png
deleted file mode 100644
index e27ebee598..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-brick-round-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-dark-chromium-linux.png
deleted file mode 100644
index df86c844da..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-dark-webkit-linux.png
deleted file mode 100644
index cac09c783c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-chromium-linux.png
deleted file mode 100644
index aa407a3c38..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-webkit-linux.png
deleted file mode 100644
index 93ee150635..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-webkit-linux.png
deleted file mode 100644
index e9ec8d4689..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-light-chromium-linux.png
deleted file mode 100644
index 1003e3d8db..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-light-webkit-linux.png
deleted file mode 100644
index 791669191c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-brick-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-dark-chromium-linux.png
deleted file mode 100644
index 338986831b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-dark-webkit-linux.png
deleted file mode 100644
index cbf3d2658e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-chromium-linux.png
deleted file mode 100644
index 4c4ee5aa3a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-webkit-linux.png
deleted file mode 100644
index da93be31e9..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-webkit-linux.png
deleted file mode 100644
index b34ac6a98b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-light-chromium-linux.png
deleted file mode 100644
index 2339e494c1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-light-webkit-linux.png
deleted file mode 100644
index aa2d8c7181..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-circle-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-dark-chromium-linux.png
deleted file mode 100644
index df86c844da..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-dark-webkit-linux.png
deleted file mode 100644
index cac09c783c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-chromium-linux.png
deleted file mode 100644
index aa407a3c38..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-webkit-linux.png
deleted file mode 100644
index 93ee150635..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-webkit-linux.png
deleted file mode 100644
index e9ec8d4689..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-light-chromium-linux.png
deleted file mode 100644
index 1003e3d8db..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-light-webkit-linux.png
deleted file mode 100644
index 791669191c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-circle-clear-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-dark-chromium-linux.png
deleted file mode 100644
index 44f5f4049a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-dark-webkit-linux.png
deleted file mode 100644
index 73d7d243ae..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-chromium-linux.png
deleted file mode 100644
index 32c4f2d99f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-webkit-linux.png
deleted file mode 100644
index 95c8fa5730..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-webkit-linux.png
deleted file mode 100644
index 409087548f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-light-chromium-linux.png
deleted file mode 100644
index 73a1c3965d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-light-webkit-linux.png
deleted file mode 100644
index 83e09ada02..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-brick-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-dark-chromium-linux.png
deleted file mode 100644
index 34e8b607e3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-dark-webkit-linux.png
deleted file mode 100644
index 0b5eb0974f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-chromium-linux.png
deleted file mode 100644
index 9813913a8d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-webkit-linux.png
deleted file mode 100644
index a43f910e9e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-webkit-linux.png
deleted file mode 100644
index f54c7a3529..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-light-chromium-linux.png
deleted file mode 100644
index b421ef79a8..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-light-webkit-linux.png
deleted file mode 100644
index 83b85f99c6..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-circle-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-dark-chromium-linux.png
deleted file mode 100644
index 44f5f4049a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-dark-webkit-linux.png
deleted file mode 100644
index 73d7d243ae..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-chromium-linux.png
deleted file mode 100644
index 32c4f2d99f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-webkit-linux.png
deleted file mode 100644
index 95c8fa5730..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-webkit-linux.png
deleted file mode 100644
index 409087548f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-light-chromium-linux.png
deleted file mode 100644
index 73a1c3965d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-light-webkit-linux.png
deleted file mode 100644
index 83e09ada02..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-clear-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-dark-chromium-linux.png
deleted file mode 100644
index acbf084735..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-dark-webkit-linux.png
deleted file mode 100644
index e4311453b2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-chromium-linux.png
deleted file mode 100644
index 05677eec4c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-webkit-linux.png
deleted file mode 100644
index 420b2b86ea..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-webkit-linux.png
deleted file mode 100644
index c246867c67..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-light-chromium-linux.png
deleted file mode 100644
index 53712cc5ed..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-light-webkit-linux.png
deleted file mode 100644
index e27ebee598..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-clear-round-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-dark-chromium-linux.png
deleted file mode 100644
index 872bfe67ca..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-dark-webkit-linux.png
deleted file mode 100644
index 28d4f00cdf..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-chromium-linux.png
deleted file mode 100644
index ef91528da4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-webkit-linux.png
deleted file mode 100644
index 4c0e117550..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-webkit-linux.png
deleted file mode 100644
index e5a0ffac26..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-light-chromium-linux.png
deleted file mode 100644
index b5fd8c7220..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-light-webkit-linux.png
deleted file mode 100644
index 00f0049ee4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-brick-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-dark-chromium-linux.png
deleted file mode 100644
index 872bfe67ca..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-dark-webkit-linux.png
deleted file mode 100644
index 28d4f00cdf..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-chromium-linux.png
deleted file mode 100644
index ef91528da4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-webkit-linux.png
deleted file mode 100644
index 4c0e117550..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-webkit-linux.png
deleted file mode 100644
index e5a0ffac26..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-light-chromium-linux.png
deleted file mode 100644
index b5fd8c7220..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-light-webkit-linux.png
deleted file mode 100644
index 00f0049ee4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-clear-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-dark-chromium-linux.png
deleted file mode 100644
index 77c73f8a14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-dark-webkit-linux.png
deleted file mode 100644
index fed9c95b21..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-chromium-linux.png
deleted file mode 100644
index 48b401772e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-webkit-linux.png
deleted file mode 100644
index ee0551a799..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-webkit-linux.png
deleted file mode 100644
index eecf9b056d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-light-chromium-linux.png
deleted file mode 100644
index be71793dbe..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-light-webkit-linux.png
deleted file mode 100644
index 39aec11edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-pin-round-round-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-dark-chromium-linux.png
deleted file mode 100644
index 1507a5102b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-dark-webkit-linux.png
deleted file mode 100644
index 96e317a245..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-chromium-linux.png
deleted file mode 100644
index 22d0d4d88c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-webkit-linux.png
deleted file mode 100644
index 5233fbe806..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-chromium-linux.png
deleted file mode 100644
index 74ee67b92b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-webkit-linux.png
deleted file mode 100644
index fc04c2594b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-light-chromium-linux.png
deleted file mode 100644
index 41a6c87163..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-light-webkit-linux.png
deleted file mode 100644
index eacfe45ae4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-selected-selected-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-dark-chromium-linux.png
deleted file mode 100644
index e77cb57db4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-dark-webkit-linux.png
deleted file mode 100644
index 0daed59c8a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-chromium-linux.png
deleted file mode 100644
index 79acaf907d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-webkit-linux.png
deleted file mode 100644
index 38cbbef523..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-chromium-linux.png
deleted file mode 100644
index 3154d2346b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-webkit-linux.png
deleted file mode 100644
index a91a7546f1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-light-chromium-linux.png
deleted file mode 100644
index 87b62c385b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-light-webkit-linux.png
deleted file mode 100644
index adc65752d3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-l-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-dark-chromium-linux.png
deleted file mode 100644
index 77c73f8a14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-dark-webkit-linux.png
deleted file mode 100644
index fed9c95b21..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-chromium-linux.png
deleted file mode 100644
index 48b401772e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-webkit-linux.png
deleted file mode 100644
index ee0551a799..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-chromium-linux.png
deleted file mode 100644
index 7e39630751..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-webkit-linux.png
deleted file mode 100644
index eecf9b056d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-light-chromium-linux.png
deleted file mode 100644
index be71793dbe..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-light-webkit-linux.png
deleted file mode 100644
index 39aec11edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-m-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-dark-chromium-linux.png
deleted file mode 100644
index 426a988be8..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-dark-webkit-linux.png
deleted file mode 100644
index 0d5d4ae190..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-chromium-linux.png
deleted file mode 100644
index 81106f350b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-webkit-linux.png
deleted file mode 100644
index 7522aced79..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-chromium-linux.png
deleted file mode 100644
index f8530c0019..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-webkit-linux.png
deleted file mode 100644
index 068ba92f9e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-light-chromium-linux.png
deleted file mode 100644
index 925b46ddda..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-light-webkit-linux.png
deleted file mode 100644
index d4f7d7f036..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-s-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-dark-chromium-linux.png
deleted file mode 100644
index 8396355fe9..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-dark-webkit-linux.png
deleted file mode 100644
index d702b2f8af..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-chromium-linux.png
deleted file mode 100644
index 4d1cd64e08..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-webkit-linux.png
deleted file mode 100644
index 67a67007ba..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-chromium-linux.png
deleted file mode 100644
index 230a5c7711..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-webkit-linux.png
deleted file mode 100644
index a8bcfc9fe5..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-light-chromium-linux.png
deleted file mode 100644
index 674d9a38a2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-light-webkit-linux.png
deleted file mode 100644
index 84bec28496..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xl-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-dark-chromium-linux.png
deleted file mode 100644
index 41ea3fa219..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-dark-webkit-linux.png
deleted file mode 100644
index e8c7715d3e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-chromium-linux.png
deleted file mode 100644
index e42b9cdf94..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-webkit-linux.png
deleted file mode 100644
index 3da1b45ecd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-chromium-linux.png
deleted file mode 100644
index 268100e11f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-webkit-linux.png
deleted file mode 100644
index ac08b75996..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-light-chromium-linux.png
deleted file mode 100644
index 8acceed74c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-light-webkit-linux.png
deleted file mode 100644
index 8cb9830078..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-size-xs-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-dark-chromium-linux.png
deleted file mode 100644
index bc5b392da2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-dark-webkit-linux.png
deleted file mode 100644
index 2c1c441ec5..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-chromium-linux.png
deleted file mode 100644
index 81a9ccb907..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-webkit-linux.png
deleted file mode 100644
index a805820ecd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-webkit-linux.png
deleted file mode 100644
index fd41c14b7c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-light-chromium-linux.png
deleted file mode 100644
index 374b0afa71..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-light-webkit-linux.png
deleted file mode 100644
index 930b7fa412..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-action-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-dark-chromium-linux.png
deleted file mode 100644
index 00cdb1434b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-dark-webkit-linux.png
deleted file mode 100644
index 5b10f5de23..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-chromium-linux.png
deleted file mode 100644
index 702b8f7edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-webkit-linux.png
deleted file mode 100644
index 8883ec3600..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-webkit-linux.png
deleted file mode 100644
index ee34a576de..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-light-chromium-linux.png
deleted file mode 100644
index 0cc76b2943..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-light-webkit-linux.png
deleted file mode 100644
index 24ef904788..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-action-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-dark-chromium-linux.png
deleted file mode 100644
index fc95faf1c1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-dark-webkit-linux.png
deleted file mode 100644
index 598f64fbae..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-chromium-linux.png
deleted file mode 100644
index 48b401772e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-webkit-linux.png
deleted file mode 100644
index ee0551a799..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-webkit-linux.png
deleted file mode 100644
index bef6b2e538..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-light-chromium-linux.png
deleted file mode 100644
index 30ed32b5c3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-light-webkit-linux.png
deleted file mode 100644
index bef6b2e538..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-contrast-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-dark-chromium-linux.png
deleted file mode 100644
index 07922f3a1e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-dark-webkit-linux.png
deleted file mode 100644
index 1413b8c92a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-chromium-linux.png
deleted file mode 100644
index 470861ad8e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-webkit-linux.png
deleted file mode 100644
index 6811284936..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-webkit-linux.png
deleted file mode 100644
index 1b06ce1432..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-light-chromium-linux.png
deleted file mode 100644
index ad3cb7127f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-light-webkit-linux.png
deleted file mode 100644
index b091b1f267..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-danger-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-dark-chromium-linux.png
deleted file mode 100644
index fc95faf1c1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-dark-webkit-linux.png
deleted file mode 100644
index 598f64fbae..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-chromium-linux.png
deleted file mode 100644
index 77c73f8a14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-webkit-linux.png
deleted file mode 100644
index fed9c95b21..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-webkit-linux.png
deleted file mode 100644
index 39aec11edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-dark-chromium-linux.png
deleted file mode 100644
index ee0cae28e2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-dark-webkit-linux.png
deleted file mode 100644
index 43fadd5e14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-chromium-linux.png
deleted file mode 100644
index 2703a6dcc1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-webkit-linux.png
deleted file mode 100644
index b723f0df9f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-webkit-linux.png
deleted file mode 100644
index 29d94cd32d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-light-chromium-linux.png
deleted file mode 100644
index 8bf6ab224b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-light-webkit-linux.png
deleted file mode 100644
index 3b7eb68b5f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-info-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-light-chromium-linux.png
deleted file mode 100644
index 293a64b334..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-light-webkit-linux.png
deleted file mode 100644
index 88bfd7aefc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-dark-chromium-linux.png
deleted file mode 100644
index 608c11023b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-dark-webkit-linux.png
deleted file mode 100644
index 2c95cad4f3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-chromium-linux.png
deleted file mode 100644
index 77c73f8a14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-webkit-linux.png
deleted file mode 100644
index fed9c95b21..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-webkit-linux.png
deleted file mode 100644
index 39aec11edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-light-chromium-linux.png
deleted file mode 100644
index 133513b102..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-light-webkit-linux.png
deleted file mode 100644
index be9115eaf2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-secondary-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-dark-chromium-linux.png
deleted file mode 100644
index 1607def21d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-dark-webkit-linux.png
deleted file mode 100644
index a36e08cd3a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-chromium-linux.png
deleted file mode 100644
index 31dd76fbb8..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-webkit-linux.png
deleted file mode 100644
index eed15fdb64..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-webkit-linux.png
deleted file mode 100644
index 0a2e097bfd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-light-chromium-linux.png
deleted file mode 100644
index 63dc5a44c7..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-light-webkit-linux.png
deleted file mode 100644
index f961857cff..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-success-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-dark-chromium-linux.png
deleted file mode 100644
index fec6da13f1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-dark-webkit-linux.png
deleted file mode 100644
index c42d3e211b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-chromium-linux.png
deleted file mode 100644
index e3c9de621e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-webkit-linux.png
deleted file mode 100644
index 29de70ba07..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-webkit-linux.png
deleted file mode 100644
index d922b7dc23..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-light-chromium-linux.png
deleted file mode 100644
index ba8860bf0e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-light-webkit-linux.png
deleted file mode 100644
index b3f1cc000a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-utility-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-dark-chromium-linux.png
deleted file mode 100644
index 3a1859b017..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-dark-webkit-linux.png
deleted file mode 100644
index 63d5867387..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-chromium-linux.png
deleted file mode 100644
index 0833885156..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-webkit-linux.png
deleted file mode 100644
index b46da883f5..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-webkit-linux.png
deleted file mode 100644
index ee34a576de..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-light-chromium-linux.png
deleted file mode 100644
index 0cc76b2943..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-light-webkit-linux.png
deleted file mode 100644
index 24ef904788..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-flat-warning-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-dark-chromium-linux.png
deleted file mode 100644
index ac8f8da495..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-dark-webkit-linux.png
deleted file mode 100644
index 25a4ff4654..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-chromium-linux.png
deleted file mode 100644
index ad0f0f5b1e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-webkit-linux.png
deleted file mode 100644
index 04fcfc722b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-webkit-linux.png
deleted file mode 100644
index 88bfd7aefc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-light-chromium-linux.png
deleted file mode 100644
index 293a64b334..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-light-webkit-linux.png
deleted file mode 100644
index 88bfd7aefc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-contrast-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-dark-chromium-linux.png
deleted file mode 100644
index 77c73f8a14..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-dark-webkit-linux.png
deleted file mode 100644
index fed9c95b21..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-chromium-linux.png
deleted file mode 100644
index 48b401772e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-webkit-linux.png
deleted file mode 100644
index ee0551a799..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-webkit-linux.png
deleted file mode 100644
index eecf9b056d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-light-chromium-linux.png
deleted file mode 100644
index be71793dbe..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-light-webkit-linux.png
deleted file mode 100644
index 39aec11edd..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-normal-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-dark-chromium-linux.png
deleted file mode 100644
index d34d847fde..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-dark-webkit-linux.png
deleted file mode 100644
index 82cee9559a..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-chromium-linux.png
deleted file mode 100644
index a61cf4e84c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-webkit-linux.png
deleted file mode 100644
index 4ed26b8d8e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-webkit-linux.png
deleted file mode 100644
index 081f1fa0e2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-light-chromium-linux.png
deleted file mode 100644
index 8a7724b9d0..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-light-webkit-linux.png
deleted file mode 100644
index c0bdda25dc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-action-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-dark-chromium-linux.png
deleted file mode 100644
index 4cde55d66b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-dark-webkit-linux.png
deleted file mode 100644
index d9f22b02b9..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-chromium-linux.png
deleted file mode 100644
index 4d5c346c95..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-webkit-linux.png
deleted file mode 100644
index f5fe992bed..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-webkit-linux.png
deleted file mode 100644
index bef6b2e538..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-light-chromium-linux.png
deleted file mode 100644
index 30ed32b5c3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-light-webkit-linux.png
deleted file mode 100644
index bef6b2e538..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-contrast-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-dark-chromium-linux.png
deleted file mode 100644
index cd2382b9c0..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-dark-webkit-linux.png
deleted file mode 100644
index 5be18aa014..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-chromium-linux.png
deleted file mode 100644
index ef906799af..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-webkit-linux.png
deleted file mode 100644
index ec72ac37cb..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-webkit-linux.png
deleted file mode 100644
index 830f08df0f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-light-chromium-linux.png
deleted file mode 100644
index 8ed04a0930..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-light-webkit-linux.png
deleted file mode 100644
index 70486ce8d4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-danger-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-dark-chromium-linux.png
deleted file mode 100644
index 3ffb2ddac1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-dark-webkit-linux.png
deleted file mode 100644
index 279ec65d2c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-chromium-linux.png
deleted file mode 100644
index 6cdf60072b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-webkit-linux.png
deleted file mode 100644
index 3bac3cbfb8..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-webkit-linux.png
deleted file mode 100644
index 8a5070b734..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-dark-chromium-linux.png
deleted file mode 100644
index db4f0e83e4..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-dark-webkit-linux.png
deleted file mode 100644
index 782d4467db..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-chromium-linux.png
deleted file mode 100644
index 5c6b3b50c9..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-webkit-linux.png
deleted file mode 100644
index 6619e667e2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-webkit-linux.png
deleted file mode 100644
index e2c2187242..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-light-chromium-linux.png
deleted file mode 100644
index 06f2da316f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-light-webkit-linux.png
deleted file mode 100644
index fceb8ffa1e..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-info-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-light-chromium-linux.png
deleted file mode 100644
index 987fb0e327..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-light-webkit-linux.png
deleted file mode 100644
index 3fedf0bbf9..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-dark-chromium-linux.png
deleted file mode 100644
index 1041cff68d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-dark-webkit-linux.png
deleted file mode 100644
index a1141a3b33..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-chromium-linux.png
deleted file mode 100644
index ad5e397c8d..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-webkit-linux.png
deleted file mode 100644
index e67b302879..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-webkit-linux.png
deleted file mode 100644
index a37faafde1..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-light-chromium-linux.png
deleted file mode 100644
index 6946e90528..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-light-webkit-linux.png
deleted file mode 100644
index 4887c0f5c9..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-success-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-dark-chromium-linux.png
deleted file mode 100644
index 4c1881204b..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-dark-webkit-linux.png
deleted file mode 100644
index 6e0008b17c..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-chromium-linux.png
deleted file mode 100644
index da2b4993e6..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-webkit-linux.png
deleted file mode 100644
index 4257af6fc3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-webkit-linux.png
deleted file mode 100644
index f92e4b43b3..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-light-chromium-linux.png
deleted file mode 100644
index 0516a8037f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-light-webkit-linux.png
deleted file mode 100644
index e65bf5d738..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-utility-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-dark-chromium-linux.png
deleted file mode 100644
index a0fe331280..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-dark-webkit-linux.png
deleted file mode 100644
index d7054ca3cf..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-chromium-linux.png
deleted file mode 100644
index 3fecfa526f..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-webkit-linux.png
deleted file mode 100644
index a2360967eb..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-webkit-linux.png
deleted file mode 100644
index 081f1fa0e2..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-light-chromium-linux.png
deleted file mode 100644
index 8a7724b9d0..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-light-webkit-linux.png
deleted file mode 100644
index c0bdda25dc..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-outlined-warning-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-dark-chromium-linux.png
deleted file mode 100644
index f9ba936409..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-dark-webkit-linux.png
deleted file mode 100644
index d1a70c0e01..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-chromium-linux.png
deleted file mode 100644
index 666a4b6444..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-webkit-linux.png
deleted file mode 100644
index 5f83e6b9b0..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-webkit-linux.png
deleted file mode 100644
index 9765b82e06..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-hovered-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-light-chromium-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-light-chromium-linux.png
deleted file mode 100644
index 0f6a545722..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-light-webkit-linux.png b/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-light-webkit-linux.png
deleted file mode 100644
index 0d5f0fea34..0000000000
Binary files a/src/components/Button/__snapshots__/Button.visual.test.tsx-snapshots/Button-smoke-view-raised-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Button/__tests__/Button.visual.test.tsx b/src/components/Button/__tests__/Button.visual.test.tsx
index 516a2e906b..7780557817 100644
--- a/src/components/Button/__tests__/Button.visual.test.tsx
+++ b/src/components/Button/__tests__/Button.visual.test.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {test} from '~playwright/core';
+import {smokeTest, test} from '~playwright/core';
 
 import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
 import type {ButtonProps} from '../Button';
@@ -91,32 +91,55 @@ test.describe('Button', {tag: '@Button'}, () => {
 
     const qa = 'test-button';
 
+    smokeTest('', async ({mount, expectScreenshot}) => {
+        const smokeScenarios = createSmokeScenarios<ButtonProps>(
+            {
+                children: 'Text',
+                qa,
+            },
+            {
+                size: sizeCases,
+                selected: selectedCases,
+                disabled: disabledCases,
+                loading: loadingCases,
+                view: viewsCases,
+                pin: pinsCases,
+            },
+        );
+
+        await mount(
+            <div>
+                {smokeScenarios.map(([title, props]) => (
+                    <div key={title}>
+                        <h4>{title}</h4>
+                        <div>
+                            <Button {...props} />
+                        </div>
+                    </div>
+                ))}
+            </div>,
+        );
+
+        await expectScreenshot({});
+    });
+
     createSmokeScenarios<ButtonProps>(
         {
             children: 'Text',
             qa,
         },
         {
-            size: sizeCases,
-            selected: selectedCases,
-            disabled: disabledCases,
-            loading: loadingCases,
             view: viewsCases,
             pin: pinsCases,
         },
-    ).forEach(([title, details, props]) => {
-        test(title, details, async ({mount, expectScreenshot}) => {
+    ).forEach(([title, props]) => {
+        smokeTest(title, async ({mount, expectScreenshot}) => {
             const root = await mount(<Button {...props} />);
 
-            await expectScreenshot();
-
-            if (props.disabled || props.loading) {
-                return;
-            }
-
             await root.getByTestId(qa).hover();
 
             await expectScreenshot({
+                themes: ['light'],
                 nameSuffix: 'hovered',
             });
         });
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-dark-chromium-linux.png
new file mode 100644
index 0000000000..0f5173b22a
Binary files /dev/null and b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-dark-chromium-linux.png differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-light-chromium-linux.png
new file mode 100644
index 0000000000..c1723672cb
Binary files /dev/null and b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-light-chromium-linux.png differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-dark-chromium-linux.png
deleted file mode 100644
index fbe088222c..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-dark-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-dark-webkit-linux.png
deleted file mode 100644
index 7c8f32c26b..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-light-chromium-linux.png
deleted file mode 100644
index 4c459b1201..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-light-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-light-webkit-linux.png
deleted file mode 100644
index 6d3630d747..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-checked-true-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-dark-chromium-linux.png
deleted file mode 100644
index b38058db0e..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-dark-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-dark-webkit-linux.png
deleted file mode 100644
index 3015412476..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-light-chromium-linux.png
deleted file mode 100644
index a2772870f1..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-light-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-light-webkit-linux.png
deleted file mode 100644
index e662141982..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-dark-chromium-linux.png
deleted file mode 100644
index 68c05f47ea..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-dark-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-dark-webkit-linux.png
deleted file mode 100644
index d4e3ddb6dd..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-light-chromium-linux.png
deleted file mode 100644
index cff72feb76..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-light-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-light-webkit-linux.png
deleted file mode 100644
index 74c2776080..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-disabled-true-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-dark-chromium-linux.png
deleted file mode 100644
index 9a15a0abbd..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-dark-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-dark-webkit-linux.png
deleted file mode 100644
index 21f5de0100..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-light-chromium-linux.png
deleted file mode 100644
index de6dbf8ab0..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-light-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-light-webkit-linux.png
deleted file mode 100644
index b91a21fdb4..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-indeterminate-true-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-dark-chromium-linux.png
deleted file mode 100644
index 7472398b64..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-dark-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-dark-webkit-linux.png
deleted file mode 100644
index d2be8552bd..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-light-chromium-linux.png
deleted file mode 100644
index 8406f23b08..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-light-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-light-webkit-linux.png
deleted file mode 100644
index dedf997921..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-l-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-dark-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-dark-chromium-linux.png
deleted file mode 100644
index b38058db0e..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-dark-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-dark-webkit-linux.png
deleted file mode 100644
index 3015412476..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-light-chromium-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-light-chromium-linux.png
deleted file mode 100644
index a2772870f1..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-light-webkit-linux.png b/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-light-webkit-linux.png
deleted file mode 100644
index e662141982..0000000000
Binary files a/src/components/Checkbox/__snapshots__/Checkbox.visual.test.tsx-snapshots/Checkbox-smoke-selection-size-m-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Checkbox/__tests__/Checkbox.visual.test.tsx b/src/components/Checkbox/__tests__/Checkbox.visual.test.tsx
index f75ec74e69..5dfbc86712 100644
--- a/src/components/Checkbox/__tests__/Checkbox.visual.test.tsx
+++ b/src/components/Checkbox/__tests__/Checkbox.visual.test.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {test} from '~playwright/core';
+import {smokeTest, test} from '~playwright/core';
 
 import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
 import type {CheckboxProps} from '../Checkbox';
@@ -9,28 +9,35 @@ import {Checkbox} from '../Checkbox';
 import {checkedCases, disabledCases, indeterminateCases, sizeCases} from './cases';
 
 test.describe('Checkbox', {tag: '@Checkbox'}, () => {
-    const defaultProps: CheckboxProps = {
-        name: '',
-        value: '',
-        content: 'Checkbox label',
-    };
+    smokeTest('', async ({mount, expectScreenshot}) => {
+        const smokeScenarios = createSmokeScenarios<CheckboxProps>(
+            {
+                name: '',
+                value: '',
+                content: 'Checkbox label',
+            },
+            {
+                size: sizeCases,
+                disabled: disabledCases,
+                checked: checkedCases,
+                indeterminate: indeterminateCases,
+            },
+            {},
+        );
 
-    createSmokeScenarios(
-        defaultProps,
-        {
-            size: sizeCases,
-            disabled: disabledCases,
-            checked: checkedCases,
-            indeterminate: indeterminateCases,
-        },
-        {
-            scenarioName: 'selection',
-        },
-    ).forEach(([title, details, props]) => {
-        test(title, details, async ({mount, expectScreenshot}) => {
-            await mount(<Checkbox {...props} />);
+        await mount(
+            <div>
+                {smokeScenarios.map(([title, props]) => (
+                    <div key={title}>
+                        <h4>{title}</h4>
+                        <div>
+                            <Checkbox {...props} />
+                        </div>
+                    </div>
+                ))}
+            </div>,
+        );
 
-            await expectScreenshot();
-        });
+        await expectScreenshot({});
     });
 });
diff --git a/src/components/DefinitionList/DefinitionList.scss b/src/components/DefinitionList/DefinitionList.scss
new file mode 100644
index 0000000000..39f247a069
--- /dev/null
+++ b/src/components/DefinitionList/DefinitionList.scss
@@ -0,0 +1,93 @@
+@use '../../../styles/mixins.scss';
+@use '../variables';
+
+$block: '.#{variables.$ns}definition-list';
+
+#{$block} {
+    --_--item-block-start: var(--g-spacing-4);
+    --_--term-width: 300px;
+    margin: 0;
+
+    &__item {
+        display: flex;
+        align-items: baseline;
+        gap: var(--g-spacing-1);
+
+        & + & {
+            margin-block-start: var(--g-definition-list-item-gap, var(--_--item-block-start));
+        }
+    }
+
+    &__term-container {
+        display: flex;
+        flex: 0 0 auto;
+        width: var(--_--term-width);
+        max-width: var(--_--term-width);
+        align-items: baseline;
+
+        overflow: hidden;
+        position: relative;
+    }
+
+    &__term-wrapper {
+        color: var(--g-color-text-secondary);
+    }
+
+    &__dots {
+        box-sizing: border-box;
+        flex: 1 0 auto;
+        min-width: 25px;
+        margin: 0 2px;
+        border-block-end: 1px dotted var(--g-color-line-generic-active);
+    }
+
+    &__definition {
+        flex: 0 1 auto;
+        margin: 0;
+    }
+
+    &_responsive {
+        #{$block}__term-container {
+            --_--term-width: auto;
+            flex: 1 0 min-content;
+        }
+    }
+    &_vertical {
+        --_--item-block-start: var(--g-spacing-3);
+        --_--term-width: auto;
+
+        #{$block}__term-container {
+            flex: 1 0 auto;
+        }
+        #{$block}__item {
+            flex-direction: column;
+            gap: var(--g-spacing-half);
+        }
+    }
+
+    &__copy-container {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        padding-inline-end: var(--g-spacing-7);
+
+        margin-inline-end: calc(-1 * var(--g-spacing-7));
+
+        &:hover {
+            #{$block}__copy-button {
+                opacity: 1;
+            }
+        }
+    }
+
+    &__copy-button {
+        position: absolute;
+        display: inline-block;
+        inset-inline-end: 0;
+        margin-inline-start: 10px;
+        opacity: 0;
+        &:focus-visible {
+            opacity: 1;
+        }
+    }
+}
diff --git a/src/components/DefinitionList/DefinitionList.tsx b/src/components/DefinitionList/DefinitionList.tsx
new file mode 100644
index 0000000000..7eeaecce78
--- /dev/null
+++ b/src/components/DefinitionList/DefinitionList.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+
+import {isOfType} from '../utils/isOfType';
+import {warnOnce} from '../utils/warn';
+
+import {DefinitionListProvider} from './components/DefinitionListContext';
+import {DefinitionListItem} from './components/DefinitionListItem';
+import {b} from './constants';
+import type {DefinitionListProps} from './types';
+
+import './DefinitionList.scss';
+
+export function DefinitionList({
+    responsive,
+    direction = 'horizontal',
+    nameMaxWidth,
+    contentMaxWidth,
+    className,
+    children,
+    qa,
+}: DefinitionListProps) {
+    const normalizedChildren = prepareChildren(children);
+    return (
+        <DefinitionListProvider
+            direction={direction}
+            nameMaxWidth={nameMaxWidth}
+            contentMaxWidth={contentMaxWidth}
+        >
+            <dl
+                className={b({responsive, vertical: direction === 'vertical'}, className)}
+                data-qa={qa}
+            >
+                {normalizedChildren}
+            </dl>
+        </DefinitionListProvider>
+    );
+}
+
+const isDefinitionListItem = isOfType(DefinitionListItem);
+
+function prepareChildren(children: React.ReactNode) {
+    const items = React.Children.toArray(children);
+
+    const normalizedItems = [];
+    for (const item of items) {
+        const isItem = isDefinitionListItem(item);
+        if (isItem) {
+            normalizedItems.push(item);
+        } else {
+            warnOnce(
+                '[DefinitionList] Only <DefinitionList.Item> components is allowed as children',
+            );
+        }
+    }
+    return normalizedItems;
+}
+
+DefinitionList.Item = DefinitionListItem;
+DefinitionList.displayName = 'DefinitionList';
diff --git a/src/components/DefinitionList/README.md b/src/components/DefinitionList/README.md
new file mode 100644
index 0000000000..5e4ed7621b
--- /dev/null
+++ b/src/components/DefinitionList/README.md
@@ -0,0 +1,72 @@
+<!--GITHUB_BLOCK-->
+
+# DefinitionList
+
+<!--/GITHUB_BLOCK-->
+
+The component to display definition list with term and definition separated by dots.
+
+## Examples
+
+<!--LANDING_BLOCK
+
+<ExampleBlock
+    code={`
+<DefinitionList nameMaxWidth={100} contentMaxWidth={100}>
+    <DefinitionList.Item name="Node value with copy" copyText="value">
+        <strong>value with copy</strong>
+    </DefinitionList.Item>
+    <DefinitionList.Item name="Empty value with copy" copyText="nothing to copy" />
+</DefinitionList>
+`}
+>
+<UIKit.DefinitionList nameMaxWidth={100} contentMaxWidth={100}>
+    <UIKit.DefinitionListItem name="Node value with copy" copyText="value">
+        <strong>value with copy</strong>
+    </UIKit.DefinitionListItem>
+    <UIKit.DefinitionListItem name="Empty value with copy" copyText="nothing to copy" />
+</UIKit.DefinitionList>;
+</ExampleBlock>
+
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<DefinitionList nameMaxWidth={100} contentMaxWidth={100}>
+  <DefinitionList.Item name="Node value with copy" copyText="value">
+    <strong>value with copy</strong>
+  </DefinitionList.Item>
+  <DefinitionList.Item name="Empty value with copy" copyText="nothing to copy" />
+</DefinitionList>
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Properties
+
+| Name               | Description                                                                                         |              Type              |   Default    |
+| :----------------- | :-------------------------------------------------------------------------------------------------- | :----------------------------: | :----------: |
+| [children](#items) | Items of the list                                                                                   |       `React.ReactNode`        |              |
+| responsive         | If set to `true` list will take 100% width of its parent                                            |           `boolean`            |              |
+| direction          | If set to `vertical` content will be located under name and list will take 100% width of its parent | `'horizontal'` \| `'vertical'` | 'horizontal' |
+| nameMaxWidth       | Maximum width of term                                                                               |            `number`            |              |
+| contentMaxWidth    | Maximum width of definition                                                                         |            `number`            |              |
+| className          | Class name for the definition list                                                                  |            `string`            |              |
+
+### Items
+
+DefinitionList children should be components of type `DefinitionList.Item` with following properties:
+
+| Name     | Description                                      |           Type            | Default |
+| -------- | ------------------------------------------------ | :-----------------------: | :-----: |
+| name     | Term                                             |        `ReactNode`        |         |
+| children | Definition                                       |        `ReactNode`        |         |
+| copyText | If set, it will be shown icon for copy this text |         `string`          |         |
+| note     | If set, HelpMark will be shown next to term      | `string \| HelpMarkProps` |         |
+
+## CSS API
+
+| Name                           | Description                         |
+| :----------------------------- | :---------------------------------- |
+| `--g-definition-list-item-gap` | Space between definition list items |
diff --git a/src/components/DefinitionList/__stories__/DefinitionList.stories.tsx b/src/components/DefinitionList/__stories__/DefinitionList.stories.tsx
new file mode 100644
index 0000000000..a13fc3575b
--- /dev/null
+++ b/src/components/DefinitionList/__stories__/DefinitionList.stories.tsx
@@ -0,0 +1,175 @@
+import React from 'react';
+
+import type {Meta, StoryObj} from '@storybook/react';
+
+import {Label} from '../../Label';
+import {Link} from '../../Link';
+import {User} from '../../User';
+import {DefinitionList} from '../DefinitionList';
+import type {DefinitionListItemProps} from '../types';
+
+const items: DefinitionListItemProps[] = [
+    {
+        name: <Link href="https://cloud.yandex.ru/docs">String value</Link>,
+        children: 'value',
+        note: 'link',
+    },
+    {
+        name: (
+            <User
+                name="Charles Darwin"
+                size="xl"
+                description="Adventurer"
+                avatar={{
+                    text: 'Charles Darwin',
+                    theme: 'brand',
+                    title: 'Charles Darwin avatar',
+                }}
+            />
+        ),
+        children: 'value',
+    },
+    {name: 'Number value', children: 2, note: 'This is value'},
+    {name: 'Node value', children: <strong>value</strong>},
+    {name: 'Empty value'},
+    {name: 'String value with copy', children: 'value', copyText: 'value'},
+    {name: 'Number value with copy', children: 2, copyText: 'two'},
+    {name: 'Node value with copy', children: <strong>value</strong>, copyText: 'value'},
+    {name: 'Empty value with copy', copyText: 'nothing to copy'},
+    {name: 'String value with custom title', children: 'value'},
+    {name: 'Number value with custom title', children: 2},
+    {
+        name: 'Node value with custom title',
+        children: <strong>value</strong>,
+    },
+    {name: 'Empty value with custom title'},
+    {
+        name: 'String long value',
+        children:
+            'The HTML <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs)',
+    },
+    {
+        name: 'String long value with copy',
+        children:
+            'The HTML <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs)',
+        copyText:
+            'The HTML <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs)',
+    },
+    {
+        name: 'Number long value',
+        // eslint-disable-next-line no-loss-of-precision
+        children: 12345678901234567890123456789012345678901234567890123456789012345678901234567890,
+    },
+    {
+        name: 'Node long value',
+        children: (
+            <span>
+                The{' '}
+                <strong>
+                    HTML <code>&lt;dl&gt;</code>{' '}
+                </strong>
+                element represents a description list. The element encloses a list of groups of
+                terms (specified using the{' '}
+                <a
+                    href="/en-US/docs/Web/HTML/Element/dt"
+                    title="The HTML <dt> element specifies a term in a description or definition list, and as such must be used inside a <dl> element."
+                >
+                    <code>&lt;dt&gt;</code>
+                </a>{' '}
+                element) and descriptions (provided by{' '}
+                <a
+                    href="/en-US/docs/Web/HTML/Element/dd"
+                    title="The HTML <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>)."
+                >
+                    <code>&lt;dd&gt;</code>
+                </a>{' '}
+                elements). Common uses for this element are to implement a glossary or to display
+                metadata (a list of key-value pairs).
+            </span>
+        ),
+    },
+    {
+        name: 'String long value without whitespace',
+        children:
+            'https://example.com/long-long/like/beyond/the/farthest/lands/long/path/to/handle?and=some&list=of&query=parameters&that=is&overcomplicated=maybe&with=some&token=inside&not=really&readable=but&sometimes=useful',
+    },
+    {
+        name: 'String long looooooooooooooong looooooooooooooong looooooooooooooong looooooooooooooong value without multiline and with copy icon',
+        note: 'This is multiline value',
+        children:
+            'https://example.com/long-long/like/beyond/the/farthest/lands/long/path/to/handle?and=some&list=of&query=parameters&that=is&overcomplicated=maybe&with=some&token=inside&not=really&readable=but&sometimes=useful',
+        copyText:
+            'https://example.com/long-long/like/beyond/the/farthest/lands/long/path/to/handle?and=some&list=of&query=parameters&that=is&overcomplicated=maybe&with=some&token=inside&not=really&readable=but&sometimes=useful',
+    },
+    {
+        name: 'String value with tooltip',
+        children: 'value',
+        note: 'This is simple string value',
+    },
+    {
+        name: 'String value with very very very looooooooooooooong key',
+        children: 'value',
+    },
+    {
+        name: 'String value with very very very looooooooooooooong key and tooltip',
+        children: 'value',
+        note: 'This is simple string value',
+    },
+    {
+        name: 'Avatar with tooltip',
+        children: (
+            <User
+                name="Charles Darwin"
+                size="xl"
+                description="Adventurer"
+                avatar={{text: 'Charles Darwin', theme: 'brand', title: 'Charles Darwin avatar'}}
+            />
+        ),
+        copyText:
+            'The HTML <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs)',
+        note: 'This is avatar',
+    },
+    {
+        name: 'Label',
+        children: <Label>label</Label>,
+    },
+];
+const definitionListItems = items.map(({children, ...rest}, index) => (
+    <DefinitionList.Item key={index} {...rest}>
+        {children}
+    </DefinitionList.Item>
+));
+
+export default {
+    title: 'Components/Data Display/DefinitionList',
+    component: DefinitionList,
+    args: {
+        responsive: false,
+        children: definitionListItems,
+    },
+    parameters: {
+        a11y: {
+            element: '#storybook-root',
+            config: {
+                rules: [
+                    {
+                        id: 'color-contrast',
+                        enabled: false,
+                    },
+                    {
+                        id: 'definition-list', // todo: https://github.com/gravity-ui/components/issues/207
+                        enabled: false,
+                    },
+                ],
+            },
+        },
+    },
+} as Meta;
+
+type Story = StoryObj<typeof DefinitionList>;
+
+export const Default: Story = {args: {contentMaxWidth: 480}};
+
+export const ResponsiveList: Story = {args: {responsive: true}};
+
+export const VerticalList: Story = {args: {direction: 'vertical'}};
diff --git a/src/components/DefinitionList/__tests__/DefinitionList.test.tsx b/src/components/DefinitionList/__tests__/DefinitionList.test.tsx
new file mode 100644
index 0000000000..c72e606eb5
--- /dev/null
+++ b/src/components/DefinitionList/__tests__/DefinitionList.test.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+
+import {render, screen} from '../../../../test-utils/utils';
+import {DefinitionList} from '../DefinitionList';
+import {b} from '../constants';
+import type {DefinitionListItemProps, DefinitionListProps} from '../types';
+
+const qaAttribute = 'definition-list';
+
+const defaultItems: DefinitionListItemProps[] = [
+    {name: 'test1', children: 'value1'},
+    {name: 'test2', children: 2},
+    {name: 'test3', children: <div>node value</div>},
+];
+
+const getComponent = (
+    props?: Partial<DefinitionListProps> & {items?: DefinitionListItemProps[]},
+) => {
+    const {items = defaultItems} = props ?? {};
+    return render(
+        <DefinitionList qa={qaAttribute} {...props}>
+            {items.map((item, index) => (
+                <DefinitionList.Item {...item} key={index} />
+            ))}
+        </DefinitionList>,
+    ).container;
+};
+
+describe('DefinitionList', () => {
+    it('should render', () => {
+        getComponent();
+        const component = screen.getByTestId(qaAttribute);
+        expect(component).toBeVisible();
+    });
+    it('should render passed className', () => {
+        getComponent({className: 'testClassName'});
+        const component = screen.getByTestId(qaAttribute);
+        expect(component).toHaveClass('testClassName');
+    });
+    it('should not render clipboard button by default', () => {
+        getComponent();
+        const copyButton = screen.queryByRole('button');
+        expect(copyButton).toBeNull();
+    });
+    it('should render clipboard button', () => {
+        const items = [{name: 'test1', children: 'value1', copyText: 'value1'}];
+        getComponent({items});
+
+        const copyButton = screen.getByRole('button');
+
+        expect(copyButton).toHaveClass(b('copy-button'));
+    });
+    it('should render in responsive mode', () => {
+        const items = [{name: 'test1', children: 'value1', copyText: 'value1'}];
+        getComponent({items, responsive: true});
+
+        const component = screen.getByTestId(qaAttribute);
+        expect(component).toHaveClass(b({responsive: true}));
+    });
+    it('should render vertical view', () => {
+        getComponent({direction: 'vertical'});
+        const component = screen.getByTestId(qaAttribute);
+        expect(component).toHaveClass(b({vertical: true}));
+    });
+});
diff --git a/src/components/DefinitionList/components/DefinitionContent.tsx b/src/components/DefinitionList/components/DefinitionContent.tsx
new file mode 100644
index 0000000000..149464d0fb
--- /dev/null
+++ b/src/components/DefinitionList/components/DefinitionContent.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+
+import {ClipboardButton} from '../../ClipboardButton';
+import {b} from '../constants';
+import type {DefinitionListItemProps} from '../types';
+
+interface DefinitionProps extends Pick<DefinitionListItemProps, 'copyText' | 'children'> {}
+
+export function DefinitionContent({copyText, children}: DefinitionProps) {
+    const definitionContent = children ?? '—';
+
+    return copyText ? (
+        <div className={b('copy-container')}>
+            {definitionContent}
+            <ClipboardButton
+                size="s"
+                text={copyText}
+                className={b('copy-button')}
+                view={'flat-secondary'}
+            />
+        </div>
+    ) : (
+        definitionContent
+    );
+}
diff --git a/src/components/DefinitionList/components/DefinitionListContext.tsx b/src/components/DefinitionList/components/DefinitionListContext.tsx
new file mode 100644
index 0000000000..31073298a4
--- /dev/null
+++ b/src/components/DefinitionList/components/DefinitionListContext.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+
+import type {DefinitionListProps} from '../types';
+
+interface DefinitionListProviderProps
+    extends Pick<DefinitionListProps, 'direction' | 'contentMaxWidth' | 'nameMaxWidth'> {
+    children?: React.ReactNode;
+}
+
+export const DefinitionListAttributesContext = React.createContext<
+    | (Pick<DefinitionListProps, 'direction'> & {
+          keyStyle?: React.CSSProperties;
+          valueStyle?: React.CSSProperties;
+      })
+    | undefined
+>(undefined);
+
+export function DefinitionListProvider({
+    direction,
+    contentMaxWidth,
+    nameMaxWidth,
+    children,
+}: DefinitionListProviderProps) {
+    const keyStyle = nameMaxWidth ? {maxWidth: nameMaxWidth, width: nameMaxWidth} : {};
+
+    const valueStyle =
+        typeof contentMaxWidth === 'number'
+            ? {width: contentMaxWidth, maxWidth: contentMaxWidth}
+            : {};
+
+    return (
+        <DefinitionListAttributesContext.Provider
+            value={{
+                keyStyle,
+                valueStyle,
+                direction,
+            }}
+        >
+            {children}
+        </DefinitionListAttributesContext.Provider>
+    );
+}
+
+export function useDefinitionListAttributes() {
+    const state = React.useContext(DefinitionListAttributesContext);
+
+    if (state === undefined) {
+        throw new Error('useDefinitionListAttributes must be used within DefinitionListProvider');
+    }
+
+    return state;
+}
diff --git a/src/components/DefinitionList/components/DefinitionListItem.tsx b/src/components/DefinitionList/components/DefinitionListItem.tsx
new file mode 100644
index 0000000000..d45e0e8595
--- /dev/null
+++ b/src/components/DefinitionList/components/DefinitionListItem.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+
+import {b} from '../constants';
+import type {DefinitionListItemProps} from '../types';
+import {isUnbreakableOver} from '../utils';
+
+import {DefinitionContent} from './DefinitionContent';
+import {useDefinitionListAttributes} from './DefinitionListContext';
+import {TermContent} from './TermContent';
+
+export function DefinitionListItem({name, children, copyText, note}: DefinitionListItemProps) {
+    const {direction, keyStyle, valueStyle} = useDefinitionListAttributes();
+    return (
+        <div className={b('item')}>
+            <dt className={b('term-container')} style={keyStyle}>
+                <TermContent direction={direction} name={name} note={note} />
+            </dt>
+            <dd
+                className={b('definition')}
+                style={{
+                    ...valueStyle,
+                    lineBreak:
+                        typeof children === 'string' && isUnbreakableOver(20)(children)
+                            ? 'anywhere'
+                            : undefined,
+                }}
+            >
+                <DefinitionContent copyText={copyText}>{children}</DefinitionContent>
+            </dd>
+        </div>
+    );
+}
+
+DefinitionListItem.displayName = 'DefinitionListItem';
diff --git a/src/components/DefinitionList/components/TermContent.tsx b/src/components/DefinitionList/components/TermContent.tsx
new file mode 100644
index 0000000000..84faf3e5b8
--- /dev/null
+++ b/src/components/DefinitionList/components/TermContent.tsx
@@ -0,0 +1,73 @@
+import React from 'react';
+
+import {HelpMark} from '../../HelpMark';
+import {b} from '../constants';
+import i18n from '../i18n';
+import type {
+    DefinitionListDirection,
+    DefinitionListItemNote,
+    DefinitionListItemProps,
+} from '../types';
+
+interface NoteElementsProps {
+    note?: DefinitionListItemNote;
+}
+
+function NoteElement({note}: NoteElementsProps) {
+    if (!note) {
+        return null;
+    }
+    const popoverClassName = b('item-note-tooltip');
+    if (typeof note === 'string') {
+        return (
+            <HelpMark
+                className={popoverClassName}
+                placement={['bottom', 'top']}
+                buttonProps={{
+                    'aria-label': i18n('label_note'),
+                }}
+            >
+                {note}
+            </HelpMark>
+        );
+    }
+
+    if (typeof note === 'object') {
+        const {buttonProps, ...rest} = note;
+
+        return (
+            <HelpMark
+                className={popoverClassName}
+                placement={['bottom', 'top']}
+                buttonProps={{
+                    'aria-label': i18n('label_note'),
+                    ...buttonProps,
+                }}
+                {...rest}
+            />
+        );
+    }
+    return null;
+}
+
+interface TermProps extends Pick<DefinitionListItemProps, 'note' | 'name'> {
+    direction?: DefinitionListDirection;
+}
+
+export function TermContent({note, name, direction}: TermProps) {
+    const noteElement = note ? (
+        <React.Fragment>
+            &nbsp;
+            <NoteElement note={note} />
+        </React.Fragment>
+    ) : null;
+    return (
+        <React.Fragment>
+            <div className={b('term-wrapper')}>
+                {name}
+                {noteElement}
+            </div>
+            {direction === 'horizontal' && <div className={b('dots')} />}
+        </React.Fragment>
+    );
+}
diff --git a/src/components/DefinitionList/constants.ts b/src/components/DefinitionList/constants.ts
new file mode 100644
index 0000000000..cb71c486a3
--- /dev/null
+++ b/src/components/DefinitionList/constants.ts
@@ -0,0 +1,3 @@
+import {block} from '../utils/cn';
+
+export const b = block('definition-list');
diff --git a/src/components/DefinitionList/i18n/en.json b/src/components/DefinitionList/i18n/en.json
new file mode 100644
index 0000000000..1e930ef2d4
--- /dev/null
+++ b/src/components/DefinitionList/i18n/en.json
@@ -0,0 +1,3 @@
+{
+  "label_note": "Note"
+}
diff --git a/src/components/DefinitionList/i18n/index.ts b/src/components/DefinitionList/i18n/index.ts
new file mode 100644
index 0000000000..e274729cd5
--- /dev/null
+++ b/src/components/DefinitionList/i18n/index.ts
@@ -0,0 +1,6 @@
+import {addComponentKeysets} from '../../../i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+export default addComponentKeysets({en, ru}, 'DefinitionList');
diff --git a/src/components/DefinitionList/i18n/ru.json b/src/components/DefinitionList/i18n/ru.json
new file mode 100644
index 0000000000..0ea255da98
--- /dev/null
+++ b/src/components/DefinitionList/i18n/ru.json
@@ -0,0 +1,3 @@
+{
+  "label_note": "Справка"
+}
diff --git a/src/components/DefinitionList/index.ts b/src/components/DefinitionList/index.ts
new file mode 100644
index 0000000000..76cd806ea1
--- /dev/null
+++ b/src/components/DefinitionList/index.ts
@@ -0,0 +1,3 @@
+export {DefinitionList} from './DefinitionList';
+export {DefinitionListItem} from './components/DefinitionListItem';
+export type {DefinitionListProps, DefinitionListItemProps} from './types';
diff --git a/src/components/DefinitionList/types.ts b/src/components/DefinitionList/types.ts
new file mode 100644
index 0000000000..4cda2b3267
--- /dev/null
+++ b/src/components/DefinitionList/types.ts
@@ -0,0 +1,24 @@
+import type React from 'react';
+
+import type {HelpMarkProps} from '../HelpMark';
+import type {QAProps} from '../types';
+export type DefinitionListItemNote = string | HelpMarkProps;
+
+export interface DefinitionListItemProps {
+    name: React.ReactNode;
+    children?: React.ReactNode;
+    copyText?: string;
+    note?: DefinitionListItemNote;
+}
+
+export type DefinitionListDirection = 'vertical' | 'horizontal';
+
+export interface DefinitionListProps extends QAProps {
+    responsive?: boolean;
+    direction?: DefinitionListDirection;
+    nameMaxWidth?: number;
+    contentMaxWidth?: number;
+    className?: string;
+    groupLabelClassName?: string;
+    children: React.ReactNode;
+}
diff --git a/src/components/DefinitionList/utils.ts b/src/components/DefinitionList/utils.ts
new file mode 100644
index 0000000000..b7d4b48521
--- /dev/null
+++ b/src/components/DefinitionList/utils.ts
@@ -0,0 +1,7 @@
+export function isUnbreakableOver(limit: number) {
+    return function (value: string): boolean {
+        const posibleLines = value.split(/\s+/);
+
+        return posibleLines.some((line) => line.length > limit);
+    };
+}
diff --git a/src/components/Dialog/DialogFooter/DialogFooter.tsx b/src/components/Dialog/DialogFooter/DialogFooter.tsx
index 7783dbae73..c87b52428f 100644
--- a/src/components/Dialog/DialogFooter/DialogFooter.tsx
+++ b/src/components/Dialog/DialogFooter/DialogFooter.tsx
@@ -27,6 +27,7 @@ interface DialogFooterOwnProps {
         buttonApply: React.ReactNode,
         buttonCancel: React.ReactNode,
     ) => React.ReactNode;
+    className?: string;
 }
 
 interface DialogFooterDefaultProps {
@@ -96,6 +97,7 @@ export class DialogFooter extends React.Component<DialogFooterInnerProps> {
             errorText,
             showError,
             renderButtons,
+            className,
         } = this.props;
 
         const buttonCancel = (
@@ -144,7 +146,7 @@ export class DialogFooter extends React.Component<DialogFooterInnerProps> {
         );
 
         return (
-            <div className={b()}>
+            <div className={b(null, className)}>
                 <div className={b('children')}>{children}</div>
                 <div className={b('bts-wrapper')}>
                     {renderButtons ? (
diff --git a/src/components/FilePreview/FilePreview.scss b/src/components/FilePreview/FilePreview.scss
new file mode 100644
index 0000000000..10c9a9e7ca
--- /dev/null
+++ b/src/components/FilePreview/FilePreview.scss
@@ -0,0 +1,148 @@
+@use 'sass:math';
+@use '../variables';
+
+$block: '.#{variables.$ns}file-preview';
+
+$smallRoundedButtonSize: 24px;
+
+#{$block} {
+    --_-box-shadow: none;
+    --_-border-radius: 4px;
+    --_-color-base-background: transparent;
+
+    position: relative;
+
+    width: 120px;
+
+    &:hover,
+    &:focus-within {
+        #{$block}__actions:not(#{$block}__actions_hide) {
+            opacity: 1;
+        }
+
+        --_-color-base-background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));
+    }
+
+    &__actions {
+        position: absolute;
+        inset-block-start: -1 * math.div($smallRoundedButtonSize, 2);
+        inset-inline-end: -1 * math.div($smallRoundedButtonSize, 2);
+        z-index: 1;
+
+        display: flex;
+        gap: 4px;
+
+        opacity: 0;
+    }
+
+    &:hover {
+        --_-color-base-background: var(--g-color-base-simple-hover);
+    }
+
+    &__card {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        position: relative;
+        outline: none;
+
+        box-shadow: var(--gc-card-box-shadow);
+        border-radius: var(--_-border-radius);
+        padding: 4px 10px;
+
+        &_clickable {
+            cursor: pointer;
+        }
+
+        &_hoverable {
+            background-color: var(--_-color-base-background);
+        }
+
+        &::after {
+            position: absolute;
+            inset: 0;
+            border-radius: var(--_-border-radius);
+            pointer-events: none;
+        }
+
+        &:hover {
+            --_-box-shadow: 0px 3px 10px var(--g-color-sfx-shadow);
+        }
+
+        &:focus::after {
+            content: '';
+            box-shadow: 0 0 0 2px var(--g-color-line-misc);
+        }
+
+        &:focus:not(:focus-visible)::after {
+            box-shadow: none;
+        }
+    }
+
+    &__icon {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        border-radius: 4px;
+        background-color: var(--g-color-base-generic-medium);
+
+        height: 40px;
+        width: 40px;
+
+        &-svg {
+            color: var(--g-color-base-background);
+        }
+
+        &_type {
+            &_image,
+            &_video,
+            &_code,
+            &_archive,
+            &_music {
+                background-color: var(--g-color-base-misc-heavy);
+            }
+            &_text {
+                background-color: var(--g-color-base-info-heavy);
+            }
+            &_pdf {
+                background-color: var(--g-color-base-danger-medium);
+            }
+            &_table {
+                background-color: var(--g-color-base-positive-medium);
+            }
+        }
+    }
+
+    &__name {
+        margin-block-start: 4px;
+    }
+
+    &__name,
+    &__description {
+        text-align: center;
+        width: 100%;
+    }
+
+    &__image-container {
+        position: relative;
+
+        border-radius: 4px;
+        overflow: hidden;
+
+        height: 64px;
+        width: 96px;
+    }
+
+    &-image {
+        position: absolute;
+        inset-block-start: 0;
+        inset-inline-start: 0;
+
+        object-fit: cover;
+
+        height: 100%;
+        width: 100%;
+    }
+}
diff --git a/src/components/FilePreview/FilePreview.tsx b/src/components/FilePreview/FilePreview.tsx
new file mode 100644
index 0000000000..563387533a
--- /dev/null
+++ b/src/components/FilePreview/FilePreview.tsx
@@ -0,0 +1,166 @@
+import React from 'react';
+
+import {
+    FileZipper as ArchiveIcon,
+    Code as CodeIcon,
+    FileQuestion as DefaultIcon,
+    Picture as ImageIcon,
+    MusicNote as MusicIcon,
+    LogoAcrobat as PdfIcon,
+    LayoutHeaderCellsLarge as TableIcon,
+    TextAlignLeft as TextIcon,
+    Filmstrip as VideoIcon,
+} from '@gravity-ui/icons';
+
+import {useActionHandlers, useUniqId} from '../../hooks';
+import {useBoolean} from '../../hooks/private';
+import {Icon} from '../Icon';
+import type {IconData} from '../Icon';
+import {Text} from '../Text';
+import {useMobile} from '../mobile';
+import type {QAProps} from '../types';
+import {block} from '../utils/cn';
+
+import {FilePreviewAction} from './FilePreviewAction';
+import type {FilePreviewActionProps} from './FilePreviewAction';
+import {MobileImagePreview} from './MobileImagePreview/MobileImagePreview';
+import type {FileType} from './types';
+import {getFileType} from './utils';
+
+import './FilePreview.scss';
+
+const cn = block('file-preview');
+
+const FILE_ICON: Record<FileType, IconData> = {
+    default: DefaultIcon,
+    image: ImageIcon,
+    video: VideoIcon,
+    code: CodeIcon,
+    archive: ArchiveIcon,
+    music: MusicIcon,
+    text: TextIcon,
+    pdf: PdfIcon,
+    table: TableIcon,
+};
+
+export interface FilePreviewProps extends QAProps {
+    className?: string;
+
+    file: File;
+    imageSrc?: string;
+    description?: string;
+
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    actions?: FilePreviewActionProps[];
+}
+
+export function FilePreview({
+    className,
+    qa,
+    file,
+    imageSrc,
+    description,
+    onClick,
+    actions,
+}: FilePreviewProps) {
+    const id = useUniqId();
+
+    const [previewSrc, setPreviewSrc] = React.useState<string | undefined>(imageSrc);
+    const [isPreviewSheetVisible, showPreviewSheet, closePreviewSheet] = useBoolean(false);
+    const mobile = useMobile();
+    const type = getFileType(file);
+
+    const {onKeyDown} = useActionHandlers(onClick);
+
+    React.useEffect(() => {
+        if (imageSrc) return undefined;
+
+        try {
+            const createdUrl = URL.createObjectURL(file);
+
+            setPreviewSrc(createdUrl);
+
+            return () => {
+                URL.revokeObjectURL(createdUrl);
+            };
+        } catch (error: unknown) {
+            return undefined;
+        }
+    }, [file, imageSrc]);
+
+    const clickable = Boolean(onClick);
+    const withActions = Boolean(actions?.length);
+
+    const isPreviewString = typeof previewSrc === 'string';
+    const hideActions = isPreviewString && mobile;
+
+    const handleClick: React.MouseEventHandler<HTMLDivElement> = React.useCallback(
+        (e) => {
+            if (onClick) {
+                onClick(e);
+                return;
+            }
+
+            if (mobile && isPreviewString) {
+                showPreviewSheet();
+            }
+        },
+        [isPreviewString, mobile, onClick, showPreviewSheet],
+    );
+
+    return (
+        <div className={cn(null, className)} data-qa={qa}>
+            <div
+                className={cn('card', {clickable, hoverable: clickable || withActions})}
+                role={clickable ? 'button' : undefined}
+                onKeyDown={clickable ? onKeyDown : undefined}
+                tabIndex={clickable ? 0 : undefined}
+                onClick={clickable ? handleClick : undefined}
+            >
+                {isPreviewString ? (
+                    <div className={cn('image-container')}>
+                        <img className={cn('image')} src={previewSrc} alt={file.name} />
+                    </div>
+                ) : (
+                    <div className={cn('icon', {type})}>
+                        <Icon className={cn('icon-svg')} data={FILE_ICON[type]} size={20} />
+                    </div>
+                )}
+                <Text className={cn('name')} color="secondary" ellipsis title={file.name}>
+                    {file.name}
+                </Text>
+                {Boolean(description) && (
+                    <Text
+                        className={cn('description')}
+                        color="secondary"
+                        ellipsis
+                        title={description}
+                    >
+                        {description}
+                    </Text>
+                )}
+            </div>
+            {actions?.length ? (
+                <div className={cn('actions', {hide: hideActions})}>
+                    {actions.map((action, index) => (
+                        <FilePreviewAction
+                            key={`${id}-${index}`}
+                            id={`${id}-${index}`}
+                            {...action}
+                        />
+                    ))}
+                </div>
+            ) : null}
+
+            <MobileImagePreview
+                visible={isPreviewSheetVisible}
+                onClose={closePreviewSheet}
+                actions={actions}
+                previewSrc={previewSrc}
+                fileName={file.name}
+            />
+        </div>
+    );
+}
+
+FilePreview.displayName = 'FilePreview';
diff --git a/src/components/FilePreview/FilePreviewAction.tsx b/src/components/FilePreview/FilePreviewAction.tsx
new file mode 100644
index 0000000000..be75401df5
--- /dev/null
+++ b/src/components/FilePreview/FilePreviewAction.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+
+import {ActionTooltip} from '../ActionTooltip';
+import type {ActionTooltipProps} from '../ActionTooltip';
+import {Button} from '../Button';
+
+export interface FilePreviewActionProps {
+    id?: string;
+    icon: React.ReactNode;
+    title: string;
+    href?: string;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    extraProps?:
+        | React.ButtonHTMLAttributes<HTMLButtonElement>
+        | React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    tooltipExtraProps?: Omit<ActionTooltipProps, 'id' | 'title' | 'children'>;
+}
+
+export function FilePreviewAction({
+    id,
+    icon,
+    title,
+    href,
+    disabled,
+    onClick,
+    extraProps,
+    tooltipExtraProps,
+}: FilePreviewActionProps) {
+    return (
+        <ActionTooltip id={id} title={title} {...tooltipExtraProps}>
+            <Button
+                onClick={onClick}
+                aria-describedby={id}
+                view="raised"
+                pin="circle-circle"
+                href={href}
+                disabled={disabled}
+                size="s"
+                extraProps={{'aria-label': title, 'aria-describedby': id, ...extraProps}}
+            >
+                {icon}
+            </Button>
+        </ActionTooltip>
+    );
+}
+
+FilePreviewAction.displayName = 'FilePreviewAction';
diff --git a/src/components/FilePreview/MobileImagePreview/MobileImagePreview.scss b/src/components/FilePreview/MobileImagePreview/MobileImagePreview.scss
new file mode 100644
index 0000000000..bdf97930f9
--- /dev/null
+++ b/src/components/FilePreview/MobileImagePreview/MobileImagePreview.scss
@@ -0,0 +1,45 @@
+@use '../../variables';
+@use '../../../../styles/mixins';
+
+$block: '.#{variables.$ns}mobile-image-preview';
+
+#{$block} {
+    $previewButtonsTop: 15px;
+
+    &__sheet-content {
+        padding: 0;
+    }
+
+    &__container {
+        height: 85vh;
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    &__image {
+        width: auto;
+        max-width: 100%;
+        max-height: 100%;
+    }
+
+    &__back-button {
+        position: absolute;
+        inset-block-start: $previewButtonsTop;
+        inset-inline-start: 15px;
+    }
+
+    &__action-buttons {
+        position: absolute;
+        inset-block-start: $previewButtonsTop;
+        inset-inline-end: 15px;
+        display: flex;
+        flex-direction: column-reverse;
+        gap: 12px;
+    }
+
+    &__error-label {
+        @include mixins.text-body-2;
+    }
+}
diff --git a/src/components/FilePreview/MobileImagePreview/MobileImagePreview.tsx b/src/components/FilePreview/MobileImagePreview/MobileImagePreview.tsx
new file mode 100644
index 0000000000..76c837bf38
--- /dev/null
+++ b/src/components/FilePreview/MobileImagePreview/MobileImagePreview.tsx
@@ -0,0 +1,66 @@
+import React from 'react';
+
+import {ArrowLeft as ArrowLeftIcon} from '@gravity-ui/icons';
+
+import {Button} from '../../Button';
+import {Icon} from '../../Icon';
+import {Sheet} from '../../Sheet';
+import {block} from '../../utils/cn';
+import type {FilePreviewActionProps} from '../FilePreviewAction';
+import i18n from '../i18n';
+
+import './MobileImagePreview.scss';
+
+const cn = block('mobile-image-preview');
+
+export interface FilePreviewProps {
+    fileName?: string;
+    previewSrc?: string;
+    visible: boolean;
+    onClose: () => void;
+    actions?: FilePreviewActionProps[];
+}
+
+export function MobileImagePreview({
+    previewSrc,
+    visible,
+    onClose,
+    actions,
+    fileName,
+}: FilePreviewProps) {
+    const [showError, setShowError] = React.useState(false);
+    const showSheet = Boolean(previewSrc && visible);
+
+    const handleImagesError = () => {
+        setShowError(true);
+    };
+
+    return (
+        <Sheet visible={showSheet} onClose={onClose} contentClassName={cn('sheet-content')}>
+            <div className={cn('container')} style={{}}>
+                {showError ? (
+                    <div className={cn('error-label')}>{i18n('label_image-preview-error')}</div>
+                ) : (
+                    <img
+                        className={cn('image')}
+                        src={previewSrc}
+                        alt={fileName}
+                        onError={handleImagesError}
+                    />
+                )}
+                <Button view="raised" size="xl" className={cn('back-button')} onClick={onClose}>
+                    <Icon data={ArrowLeftIcon} size={20} />
+                </Button>
+                <div className={cn('action-buttons')}>
+                    {actions?.map((action) => (
+                        <Button size="xl" key={action.id} onClick={action.onClick} view="raised">
+                            action.icon
+                        </Button>
+                    ))}
+                </div>
+            </div>
+        </Sheet>
+    );
+}
+
+MobileImagePreview.displayName = 'MobileImagePreview';
diff --git a/src/components/FilePreview/README.md b/src/components/FilePreview/README.md
new file mode 100644
index 0000000000..bf7221a6fd
--- /dev/null
+++ b/src/components/FilePreview/README.md
@@ -0,0 +1,104 @@
+<!--GITHUB_BLOCK-->
+
+## FilePreview
+
+<!--/GITHUB_BLOCK-->
+
+```tsx
+import {FilePreview} from '@gravity-ui/uikit';
+```
+
+A component for displaying the file.
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<FilePreview
+  file={{name: 'my-file.docs', type: 'text/docs'} as File}
+  onClick={() => action('onClick')}
+  actions={[
+    {
+      icon: <Link width={14} height={14} />,
+      title: 'Link',
+      onClick: () => action('onLink'),
+    },
+    {
+      icon: <Xmark width={14} height={14} />,
+      title: 'Close',
+      onClick: () => action('onClose'),
+    },
+  ]}
+/>
+```
+
+<!-- Storybook example -->
+
+<FilePreviewExample />
+
+<!--/GITHUB_BLOCK-->
+
+<!--LANDING_BLOCK
+
+<ExampleBlock
+    code={`
+<UIKit.FilePreview
+  file={{name: 'my-file.docs', type: 'text/docs'} as File}
+  onClick={() => action('onClick')}
+  actions={[
+    {
+      icon: <Link width={14} height={14} />,
+      title: 'Link',
+      onClick: () => action('onLink'),
+    },
+    {
+      icon: <Xmark width={14} height={14} />,
+      title: 'Close',
+      onClick: () => action('onClose'),
+    },
+  ]}
+/>
+`}>
+  <UIKit.FilePreview
+    file={{name: 'my-file.docs', type: 'text/docs'} as File}
+    onClick={() => action('onClick')}
+    actions={[
+      {
+        icon: <Link width={14} height={14} />,
+        title: 'Link',
+        onClick: () => action('onLink'),
+      },
+      {
+        icon: <Xmark width={14} height={14} />,
+        title: 'Close',
+        onClick: () => action('onClose'),
+      },
+    ]}
+  />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+### Properties
+
+| Name                | Description                                                                                                      | Type                       | Required | Default |
+| :------------------ | :--------------------------------------------------------------------------------------------------------------- | :------------------------- | :------: | :------ |
+| file                | The File interface provides information about files and allows JavaScript in a web page to access their content. | `File`                     |   yes    |         |
+| imageSrc            | source for image preview                                                                                         | `string`                   |          |         |
+| description         | Description displayed under the file name                                                                        | `string`                   |          |         |
+| className           | Class name for the file container                                                                                | `string`                   |          |         |
+| onClick             | Click handler for the file container                                                                             | `function`                 |          |         |
+| [actions](#actions) | Аn array of interactive actions                                                                                  | `FilePreviewActionProps[]` |          | `[]`    |
+
+#### Actions
+
+For a file, you can prescribe actions that will be visible when you hover over it.
+
+| Name       | Description                    | Type                                                                                 | Required | Default |
+| ---------- | ------------------------------ | ------------------------------------------------------------------------------------ | -------- | ------- |
+| id         | Action id                      | `String`                                                                             |          |         |
+| icon       | Action icon                    | `String`                                                                             | ✓        |         |
+| title      | Action hint on hover           | `String`                                                                             | ✓        |         |
+| onClick    | Action click handler           | `function`                                                                           |          |         |
+| href       | Action button href             | `String`                                                                             |          |         |
+| extraProps | Additional action button props | `ButtonHTMLAttributes<HTMLButtonElement> \| AnchorHTMLAttributes<HTMLAnchorElement>` |          |         |
diff --git a/src/components/FilePreview/__stories__/Docs.mdx b/src/components/FilePreview/__stories__/Docs.mdx
new file mode 100644
index 0000000000..1f76cc01cf
--- /dev/null
+++ b/src/components/FilePreview/__stories__/Docs.mdx
@@ -0,0 +1,27 @@
+import {
+    Meta,
+    Markdown,
+    Canvas,
+    AnchorMdx,
+    CodeOrSourceMdx,
+    HeadersMdx,
+} from '@storybook/addon-docs';
+import * as Stories from './FilePreview.stories';
+import Readme from '../README.md?raw';
+
+export const FilePreviewExample = () => <Canvas of={Stories.Default} sourceState="none" />;
+
+<Meta of={Stories} />
+
+<Markdown
+    options={{
+        overrides: {
+            code: CodeOrSourceMdx,
+            a: AnchorMdx,
+            ...HeadersMdx,
+            FilePreviewExample,
+        },
+    }}
+>
+    {Readme}
+</Markdown>
diff --git a/src/components/FilePreview/__stories__/FilePreview.stories.tsx b/src/components/FilePreview/__stories__/FilePreview.stories.tsx
new file mode 100644
index 0000000000..bd2caf7c19
--- /dev/null
+++ b/src/components/FilePreview/__stories__/FilePreview.stories.tsx
@@ -0,0 +1,160 @@
+import React from 'react';
+
+import {CircleExclamation, Link, Xmark} from '@gravity-ui/icons';
+import {action} from '@storybook/addon-actions';
+import type {Meta, StoryFn} from '@storybook/react';
+
+import {Flex} from '../../layout';
+import type {FilePreviewProps} from '../FilePreview';
+import {FilePreview} from '../FilePreview';
+import {FILE_TYPES} from '../types';
+
+export default {
+    title: 'Components/Data Display/FilePreview',
+    component: FilePreview,
+    parameters: {
+        a11y: {
+            element: '#storybook-root',
+            config: {
+                rules: [
+                    {
+                        id: 'color-contrast',
+                        enabled: false,
+                    },
+                ],
+            },
+        },
+    },
+} as Meta<typeof FilePreview>;
+
+const DefaultTemplate: StoryFn<FilePreviewProps> = (args) => {
+    return <FilePreview {...args} />;
+};
+
+export const Default = DefaultTemplate.bind({});
+Default.args = {
+    file: {name: 'my-file.docs', type: 'text/docs'} as File,
+    onClick: () => action('onClick'),
+    actions: [
+        {
+            icon: <Link width={14} height={14} />,
+            onClick: () => action('onLink'),
+            title: 'Link',
+        },
+        {
+            icon: <Xmark width={14} height={14} />,
+            onClick: () => action('onClose'),
+            title: 'Close',
+        },
+    ],
+};
+
+const CollageTemplate: StoryFn<FilePreviewProps> = () => {
+    return (
+        <div
+            style={{
+                display: 'grid',
+                justifyItems: 'center',
+                alignItems: 'center',
+                gridTemplateColumns: 'repeat(3, 1fr)',
+                gridGap: 10,
+                width: 500,
+            }}
+        >
+            {FILE_TYPES.map((fileType) => (
+                <FilePreview
+                    key={fileType}
+                    file={{name: fileType, type: fileType} as File}
+                    onClick={() => action('onClick')}
+                    actions={[
+                        {
+                            icon: <Link width={14} height={14} />,
+                            title: 'open on drive',
+                            onClick: () => action('onLink'),
+                        },
+                        {
+                            icon: <Xmark width={14} height={14} />,
+                            title: 'delete a file',
+                            onClick: () => action('onClose'),
+                        },
+                    ]}
+                />
+            ))}
+            <FilePreview
+                file={{name: 'my-image-from-thailand.jpg', type: 'image/png'} as File}
+                imageSrc="https://storage.yandexcloud.net/uikit-storybook-assets/changelog-dialog-picture-2.png"
+                actions={[
+                    {
+                        icon: <CircleExclamation width={14} height={14} />,
+                        title: 'some hint',
+                        onClick: () => action('onHint'),
+                    },
+                    {
+                        icon: <Xmark width={14} height={14} />,
+                        onClick: () => action('onClose'),
+                        title: 'Close',
+                    },
+                ]}
+            />
+        </div>
+    );
+};
+
+export const Collage = CollageTemplate.bind({});
+
+const NoClickableTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> = (args) => {
+    return (
+        <Flex gap={4}>
+            <FilePreview {...args} file={{name: 'No clickable', type: 'text/docs'} as File} />
+            <FilePreview
+                {...args}
+                file={{name: 'No clickable with actions', type: 'text/docs'} as File}
+                actions={[
+                    {
+                        icon: <Xmark width={14} height={14} />,
+                        onClick: () => action('Are you sure you want to delete the file?'),
+                        title: 'Close',
+                    },
+                ]}
+            />
+            <FilePreview
+                {...args}
+                file={{name: 'Clickable with actions', type: 'text/docs'} as File}
+                onClick={() => action('onClick')}
+                actions={[
+                    {
+                        icon: <Xmark width={14} height={14} />,
+                        onClick: () => action('Are you sure you want to delete the file?'),
+                        title: 'Close',
+                    },
+                ]}
+            />
+        </Flex>
+    );
+};
+
+export const NoClickable = NoClickableTemplate.bind({});
+
+const WithoutActionTooltipTemplate: StoryFn<Omit<FilePreviewProps, 'actions'>> = (args) => {
+    return (
+        <Flex gap={4}>
+            <FilePreview
+                {...args}
+                file={{name: 'Clicable without tooltip', type: 'text/docs'} as File}
+                onClick={() => action('onClick')}
+                actions={[
+                    {
+                        icon: <Xmark width={14} height={14} />,
+                        onClick: () => action('onClose'),
+                        title: 'Close',
+                        tooltipExtraProps: {
+                            disabled: true,
+                        },
+                    },
+                ]}
+            />
+        </Flex>
+    );
+};
+
+export const WithoutActionTooltip = WithoutActionTooltipTemplate.bind({});
diff --git a/src/components/FilePreview/__tests__/FilePreview.test.tsx b/src/components/FilePreview/__tests__/FilePreview.test.tsx
new file mode 100644
index 0000000000..fba4915c52
--- /dev/null
+++ b/src/components/FilePreview/__tests__/FilePreview.test.tsx
@@ -0,0 +1,171 @@
+import React from 'react';
+
+import {CircleExclamation} from '@gravity-ui/icons';
+import userEvent from '@testing-library/user-event';
+
+import {render, screen} from '../../../../test-utils/utils';
+import {FilePreview} from '../FilePreview';
+
+describe('FilePreview', () => {
+    test('Renders base content', () => {
+        const fileName = 'Some file name';
+        const fileType = 'image/png';
+        const imageSrc =
+            'https://storage.yandexcloud.net/uikit-storybook-assets/changelog-dialog-picture-2.png';
+
+        render(<FilePreview file={{name: fileName, type: fileType} as File} imageSrc={imageSrc} />);
+
+        expect(screen.getByText(fileName)).toBeInTheDocument();
+    });
+
+    test('Renders preview image', () => {
+        const fileName = 'Some file name';
+        const fileType = 'image/png';
+        const imageSrc =
+            'https://storage.yandexcloud.net/uikit-storybook-assets/changelog-dialog-picture-2.png';
+
+        render(<FilePreview file={{name: fileName, type: fileType} as File} imageSrc={imageSrc} />);
+
+        const previewImage = screen.getByRole('img');
+
+        expect(previewImage).toHaveAttribute('src', imageSrc);
+    });
+
+    test('Call onClick handler', async () => {
+        const qyId = 'file-preview';
+        const fileName = 'Some file name';
+        const fileType = 'image/png';
+
+        const clickHandler = jest.fn();
+
+        render(
+            <FilePreview
+                qa={qyId}
+                file={{name: fileName, type: fileType} as File}
+                onClick={clickHandler}
+                actions={[
+                    {icon: <CircleExclamation width={14} height={14} />, title: 'some hint'},
+                    {icon: <CircleExclamation width={14} height={14} />, title: 'second hint'},
+                ]}
+            />,
+        );
+
+        const filePreview = screen.getByText(fileName);
+
+        const user = userEvent.setup();
+        await user.click(filePreview);
+
+        expect(clickHandler).toBeCalled();
+    });
+
+    test('Renders actions', () => {
+        const fileName = 'Some file name';
+        const fileType = 'image/png';
+        const imageSrc =
+            'https://storage.yandexcloud.net/uikit-storybook-assets/changelog-dialog-picture-2.png';
+
+        const firstActionText = 'some hint';
+        const secondActionText = 'second hint';
+
+        render(
+            <FilePreview
+                file={{name: fileName, type: fileType} as File}
+                imageSrc={imageSrc}
+                actions={[
+                    {icon: <CircleExclamation width={14} height={14} />, title: firstActionText},
+                    {icon: <CircleExclamation width={14} height={14} />, title: secondActionText},
+                ]}
+            />,
+        );
+
+        const firstAction = screen.getByRole('button', {name: firstActionText});
+        expect(firstAction).toBeDefined();
+
+        const secondAction = screen.getByRole('button', {name: secondActionText});
+        expect(secondAction).toBeDefined();
+    });
+
+    test('Call action click handlers', async () => {
+        const fileName = 'Some file name';
+        const fileType = 'image/png';
+
+        const firstActionsClickHandler = jest.fn();
+        const secondActionsClickHandler = jest.fn();
+
+        render(
+            <FilePreview
+                file={{name: fileName, type: fileType} as File}
+                actions={[
+                    {
+                        icon: <CircleExclamation width={14} height={14} />,
+                        title: 'some hint',
+                        onClick: firstActionsClickHandler,
+                    },
+                    {
+                        icon: <CircleExclamation width={14} height={14} />,
+                        title: 'second hint',
+                        onClick: secondActionsClickHandler,
+                    },
+                ]}
+            />,
+        );
+
+        const actionButtons = screen.getAllByRole('button');
+
+        const user = userEvent.setup();
+        for (const actionButton of actionButtons) {
+            await user.click(actionButton);
+        }
+
+        expect(firstActionsClickHandler).toBeCalled();
+        expect(secondActionsClickHandler).toBeCalled();
+    });
+
+    test("Don't Call disabled action click handler", async () => {
+        const fileName = 'Some file name';
+        const fileType = 'image/png';
+
+        const mockFn = jest.fn();
+
+        const TestCase = () => {
+            const [disabled, setDisabled] = React.useState(false);
+            const [clicksCount, setClicksCount] = React.useState(0);
+
+            const actionsClickHandler = () => {
+                mockFn();
+                setClicksCount((prev) => prev + 1);
+
+                if (clicksCount === 4) {
+                    setDisabled(true);
+                }
+            };
+
+            return (
+                <FilePreview
+                    file={{name: fileName, type: fileType} as File}
+                    actions={[
+                        {
+                            disabled,
+                            icon: <CircleExclamation width={14} height={14} />,
+                            title: 'some hint',
+                            onClick: actionsClickHandler,
+                        },
+                    ]}
+                />
+            );
+        };
+
+        render(<TestCase />);
+
+        const actionButtons = screen.getAllByRole('button');
+
+        const user = userEvent.setup();
+        for (const actionButton of actionButtons) {
+            for (let i = 0; i < 10; i++) {
+                await user.click(actionButton);
+            }
+        }
+
+        expect(mockFn).toBeCalledTimes(5);
+    });
+});
diff --git a/src/components/FilePreview/i18n/en.json b/src/components/FilePreview/i18n/en.json
new file mode 100644
index 0000000000..5a2b2e2ee2
--- /dev/null
+++ b/src/components/FilePreview/i18n/en.json
@@ -0,0 +1,3 @@
+{
+  "label_image-preview-error": "Failed to load image"
+}
diff --git a/src/components/FilePreview/i18n/index.ts b/src/components/FilePreview/i18n/index.ts
new file mode 100644
index 0000000000..87647e661d
--- /dev/null
+++ b/src/components/FilePreview/i18n/index.ts
@@ -0,0 +1,8 @@
+import {addComponentKeysets} from '../../../i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'FilePreview';
+
+export default addComponentKeysets({en, ru}, COMPONENT);
diff --git a/src/components/FilePreview/i18n/ru.json b/src/components/FilePreview/i18n/ru.json
new file mode 100644
index 0000000000..792489935b
--- /dev/null
+++ b/src/components/FilePreview/i18n/ru.json
@@ -0,0 +1,3 @@
+{
+  "label_image-preview-error": "Не удалось загрузить изображение"
+}
diff --git a/src/components/FilePreview/index.ts b/src/components/FilePreview/index.ts
new file mode 100644
index 0000000000..23ce3a8757
--- /dev/null
+++ b/src/components/FilePreview/index.ts
@@ -0,0 +1,3 @@
+export {FilePreview} from './FilePreview';
+export type {FilePreviewProps} from './FilePreview';
+export type {FileType} from './types';
diff --git a/src/components/FilePreview/types.ts b/src/components/FilePreview/types.ts
new file mode 100644
index 0000000000..d92b862a4a
--- /dev/null
+++ b/src/components/FilePreview/types.ts
@@ -0,0 +1,13 @@
+export const FILE_TYPES = [
+    'default',
+    'image',
+    'video',
+    'code',
+    'archive',
+    'music',
+    'text',
+    'pdf',
+    'table',
+] as const;
+
+export type FileType = (typeof FILE_TYPES)[number];
diff --git a/src/components/FilePreview/utils.ts b/src/components/FilePreview/utils.ts
new file mode 100644
index 0000000000..67afcd6452
--- /dev/null
+++ b/src/components/FilePreview/utils.ts
@@ -0,0 +1,24 @@
+import type {FileType} from './types';
+import {FILE_TYPES} from './types';
+
+const isFilePreviewFileType = (str: string): str is FileType =>
+    FILE_TYPES.includes(str.toLowerCase() as FileType);
+
+export function getFileType(fileType: File['type']): FileType;
+export function getFileType(file: File): FileType;
+
+export function getFileType(arg: File | File['type']): FileType {
+    const fileType: File['type'] = typeof arg === 'string' ? arg : arg.type;
+
+    if (isFilePreviewFileType(fileType)) {
+        return fileType;
+    }
+
+    const splittedFileType = fileType.split('/')[0];
+
+    if (isFilePreviewFileType(splittedFileType)) {
+        return splittedFileType;
+    }
+
+    return 'default';
+}
diff --git a/src/components/HelpMark/HelpMark.scss b/src/components/HelpMark/HelpMark.scss
new file mode 100644
index 0000000000..ad38a2f64d
--- /dev/null
+++ b/src/components/HelpMark/HelpMark.scss
@@ -0,0 +1,16 @@
+@use '../../../styles/mixins.scss';
+@use '../variables';
+
+$block: '.#{variables.$ns}help-mark';
+
+#{$block} {
+    &__button {
+        @include mixins.button-reset();
+        color: var(--g-color-text-hint);
+    }
+
+    &__button:focus-visible {
+        outline: 2px solid var(--g-color-line-focus);
+        border-radius: 50%;
+    }
+}
diff --git a/src/components/HelpMark/HelpMark.tsx b/src/components/HelpMark/HelpMark.tsx
new file mode 100644
index 0000000000..2dd4017167
--- /dev/null
+++ b/src/components/HelpMark/HelpMark.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+
+import {CircleQuestion} from '@gravity-ui/icons';
+
+import {Icon} from '../Icon';
+import {Popover} from '../Popover';
+import type {PopupPlacement} from '../Popup';
+import type {QAProps} from '../types';
+import {block} from '../utils/cn';
+
+import './HelpMark.scss';
+
+const b = block('help-mark');
+const ICON_SIZE = 16;
+
+export interface HelpMarkProps extends QAProps {
+    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+    placement?: PopupPlacement;
+    className?: string;
+    children?: React.ReactNode;
+}
+
+export function HelpMark({
+    buttonRef,
+    buttonProps = {},
+    children,
+    className,
+    ...rest
+}: HelpMarkProps) {
+    return (
+        <Popover {...rest} delayClosing={300} className={b(null, className)} content={children}>
+            {() => (
+                <button
+                    ref={buttonRef}
+                    type="button"
+                    {...buttonProps}
+                    className={b('button', buttonProps.className)}
+                >
+                    <Icon data={CircleQuestion} size={ICON_SIZE} />
+                </button>
+            )}
+        </Popover>
+    );
+}
diff --git a/src/components/HelpMark/README.md b/src/components/HelpMark/README.md
new file mode 100644
index 0000000000..13e2d3a447
--- /dev/null
+++ b/src/components/HelpMark/README.md
@@ -0,0 +1,78 @@
+<!--GITHUB_BLOCK-->
+
+# HelpMark
+
+<!--/GITHUB_BLOCK-->
+
+```tsx
+import {HelpMark} from '@gravity-ui/uikit';
+```
+
+Component to display help icon with popover
+
+## Examples
+
+Component with rendered raw html and close on mouse leave:
+
+<!--LANDING_BLOCK
+
+<ExampleBlock
+    code={`
+<HelpMark
+    placement={['right', 'bottom']}
+    buttonProps={{
+        onClick: () => console.log('just action happened'),
+    }}
+>
+    <b>Lorem ipsum</b> dolor sit{' '}
+    <a href="https://example.com" target="_blank" rel="noreferrer">
+        amet
+    </a>
+    , at scelerisque suspendisse
+</HelpMark>
+`}
+>
+<UIKit.HelpMark
+    placement={['right', 'bottom']}
+    buttonProps={{
+        onClick: () => console.log('just action happened'),
+    }}
+>
+    <b>Lorem ipsum</b> dolor sit{' '}
+    <a href="https://example.com" target="_blank" rel="noreferrer">
+        amet
+    </a>
+    , at scelerisque suspendisse
+</UIKit.HelpMark>
+</ExampleBlock>
+
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<HelpMark
+  placement={['right', 'bottom']}
+  buttonProps={{
+    onClick: () => console.log('just action happened'),
+  }}
+>
+  <b>Lorem ipsum</b> dolor sit{' '}
+  <a href="https://example.com" target="_blank" rel="noreferrer">
+    amet
+  </a>
+  , at scelerisque suspendisse
+</HelpMark>
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Properties
+
+| Name        | Description                                     |                      Type                       |       Default       |
+| :---------- | :---------------------------------------------- | :---------------------------------------------: | :-----------------: |
+| className   | Control class name                              |                    `String`                     |                     |
+| placement   | Allowed popover positions                       |                     `Array`                     | [`right`, `bottom`] |
+| children    | Popover content                                 |                   `ReactNode`                   |                     |
+| buttonProps | Set attributes to the underlying button element | `React.ButtonHTMLAttributes<HTMLButtonElement>` |                     |
+| buttonRef   | Ref to the underlying button element            |      `React.RefObject<HTMLButtonElement>`       |                     |
diff --git a/src/components/HelpMark/__stories__/HelpMark.stories.tsx b/src/components/HelpMark/__stories__/HelpMark.stories.tsx
new file mode 100644
index 0000000000..5f070d1511
--- /dev/null
+++ b/src/components/HelpMark/__stories__/HelpMark.stories.tsx
@@ -0,0 +1,33 @@
+import type {Meta, StoryObj} from '@storybook/react';
+
+import {HelpMark} from '../HelpMark';
+
+export default {
+    title: 'Components/Utils/HelpMark',
+    id: 'components/utils/HelpMark',
+    component: HelpMark,
+    args: {
+        buttonProps: {
+            'aria-label': 'Note',
+        },
+    },
+    parameters: {
+        a11y: {
+            element: '#storybook-root',
+            config: {
+                rules: [
+                    {
+                        id: 'help-mark',
+                        enabled: false,
+                        // aria-labelledby id is valid after tooltip content is rendered
+                        selector: 'button[aria-labelledby="helpMarkWithoutActionsId"]',
+                    },
+                ],
+            },
+        },
+    },
+} as Meta;
+
+type Story = StoryObj<typeof HelpMark>;
+
+export const Default: Story = {args: {children: 'Some content'}};
diff --git a/src/components/HelpMark/__tests__/HelpMark.test.tsx b/src/components/HelpMark/__tests__/HelpMark.test.tsx
new file mode 100644
index 0000000000..00e451fa3a
--- /dev/null
+++ b/src/components/HelpMark/__tests__/HelpMark.test.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+
+import userEvent from '@testing-library/user-event';
+
+import {setupTimersMock} from '../../../../test-utils/setupTimersMock';
+import {act, render, screen} from '../../../../test-utils/utils';
+import {HelpMark} from '../HelpMark';
+
+const qaId = 'help-mark-component';
+
+function waitForTooltipOpenedStateChange() {
+    jest.advanceTimersByTime(300);
+}
+
+setupTimersMock();
+
+describe('HelpMark', () => {
+    test('render popup when hover help icon', async () => {
+        const title = 'HelpMark title';
+
+        render(<HelpMark qa={qaId}>{title}</HelpMark>);
+
+        const icon = screen.getByTestId(qaId);
+        expect(icon).toBeVisible();
+
+        // eslint-disable-next-line testing-library/await-async-events
+        userEvent.hover(icon);
+
+        act(() => {
+            waitForTooltipOpenedStateChange();
+        });
+
+        const popoverTitle = await screen.findByText(title);
+        expect(popoverTitle).toBeVisible();
+    });
+});
diff --git a/src/components/HelpMark/index.ts b/src/components/HelpMark/index.ts
new file mode 100644
index 0000000000..a7235b989a
--- /dev/null
+++ b/src/components/HelpMark/index.ts
@@ -0,0 +1 @@
+export * from './HelpMark';
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-dark-chromium-linux.png
deleted file mode 100644
index a0966c7368..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-dark-webkit-linux.png
deleted file mode 100644
index 1f3197fc04..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-light-webkit-linux.png
deleted file mode 100644
index 3e3ea90bf8..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-dark-chromium-linux.png
deleted file mode 100644
index d863dd9eeb..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-dark-webkit-linux.png
deleted file mode 100644
index e70a4e5078..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-light-webkit-linux.png
deleted file mode 100644
index 31d945beaa..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-dark-chromium-linux.png
deleted file mode 100644
index ac588123c0..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-dark-webkit-linux.png
deleted file mode 100644
index a7a1ed327c..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-dark-chromium-linux.png
deleted file mode 100644
index 9339230b9c..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-dark-webkit-linux.png
deleted file mode 100644
index a5ff081f3d..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-light-webkit-linux.png
deleted file mode 100644
index 8aa20ce3c2..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-dark-chromium-linux.png
deleted file mode 100644
index c8fcb378c5..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-dark-webkit-linux.png
deleted file mode 100644
index c5f69f166c..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-light-webkit-linux.png
deleted file mode 100644
index b7169c6d5b..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-light-webkit-linux.png
deleted file mode 100644
index 518413837e..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-dark-chromium-linux.png
deleted file mode 100644
index 30f75981f4..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-dark-webkit-linux.png
deleted file mode 100644
index 45e333f828..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-light-webkit-linux.png
deleted file mode 100644
index e936b56fca..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-dark-chromium-linux.png
deleted file mode 100644
index 26e33e5704..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-dark-webkit-linux.png
deleted file mode 100644
index f1d8180a38..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-light-webkit-linux.png
deleted file mode 100644
index 44a95c05e1..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-dark-chromium-linux.png
deleted file mode 100644
index 64bb34e73b..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-dark-webkit-linux.png
deleted file mode 100644
index 7e86c7f279..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-dark-chromium-linux.png
deleted file mode 100644
index ab46cad535..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-dark-webkit-linux.png
deleted file mode 100644
index d868cb1ab9..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-light-webkit-linux.png
deleted file mode 100644
index 4d13018eb2..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-dark-chromium-linux.png
deleted file mode 100644
index 223fcade34..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-dark-webkit-linux.png
deleted file mode 100644
index 7e6bc356cf..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-light-webkit-linux.png
deleted file mode 100644
index 4d07934807..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-light-webkit-linux.png
deleted file mode 100644
index cbc78ccf06..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-click-on-page-10-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-10-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-click-on-page-10-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-click-on-page-2-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-click-on-page-2-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-click-on-page-2-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-hover-on-page-10-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-10-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-hover-on-page-10-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-hover-on-page-2-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-hover-on-page-2-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-hover-on-page-2-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-not-compact-smoke-default-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-not-compact-default-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-click-on-page-10-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-10-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-click-on-page-10-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-click-on-page-2-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-click-on-page-2-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-click-on-page-2-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-hover-on-page-10-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-10-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-hover-on-page-10-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-hover-on-page-2-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-hover-on-page-2-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-hover-on-page-2-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-regular-smoke-default-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-regular-default-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-after-type-enter-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-after-type-enter-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-after-type-page-number-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-after-type-page-number-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-focus-on-input-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-focus-on-input-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-input-default-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-click-on-page-size-select-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-click-on-page-size-select-light-chromium-linux.png
new file mode 100644
index 0000000000..84c1fc0ef6
Binary files /dev/null and b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-click-on-page-size-select-light-chromium-linux.png differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-hover-option-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-hover-option-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-select-option-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-after-select-option-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-with-page-size-select-default-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-without-pages-default-click-on-next-page-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-without-pages-default-click-on-next-page-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-without-pages-default-hover-on-next-page-button-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-without-pages-default-hover-on-next-page-button-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-without-pages-default-light-chromium-linux.png
similarity index 100%
rename from src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-light-chromium-linux.png
rename to src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-smoke-without-pages-default-light-chromium-linux.png
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-dark-chromium-linux.png
deleted file mode 100644
index 2f0823db47..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-dark-webkit-linux.png
deleted file mode 100644
index a77d3d487a..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-light-webkit-linux.png
deleted file mode 100644
index 5021b49af7..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-enter-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-dark-chromium-linux.png
deleted file mode 100644
index 6c5f3e6587..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-dark-webkit-linux.png
deleted file mode 100644
index 7ae5c8df43..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-light-webkit-linux.png
deleted file mode 100644
index 722b3c84f3..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-after-type-page-number-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-dark-chromium-linux.png
deleted file mode 100644
index f897bf448e..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-dark-webkit-linux.png
deleted file mode 100644
index fa43570370..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-dark-chromium-linux.png
deleted file mode 100644
index 929f19efdb..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-dark-webkit-linux.png
deleted file mode 100644
index 90ba3a8618..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-light-webkit-linux.png
deleted file mode 100644
index a91c61090a..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-focus-on-input-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-light-webkit-linux.png
deleted file mode 100644
index 0daf58a1e2..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-input-smoke-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-dark-chromium-linux.png
deleted file mode 100644
index e77c40fc63..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-dark-webkit-linux.png
deleted file mode 100644
index c9ca123326..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-light-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-light-chromium-linux.png
deleted file mode 100644
index b054c19f1a..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-light-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-light-webkit-linux.png
deleted file mode 100644
index 27df687b64..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-click-on-page-size-select-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-dark-chromium-linux.png
deleted file mode 100644
index 43cafaf1fa..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-dark-webkit-linux.png
deleted file mode 100644
index afe4224282..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-light-webkit-linux.png
deleted file mode 100644
index 39392d4c08..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-hover-option-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-dark-chromium-linux.png
deleted file mode 100644
index e8423404d5..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-dark-webkit-linux.png
deleted file mode 100644
index 439b2d40ef..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-light-webkit-linux.png
deleted file mode 100644
index a652e0beaf..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-after-select-option-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-dark-chromium-linux.png
deleted file mode 100644
index 60faef52c1..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-dark-webkit-linux.png
deleted file mode 100644
index 4c1b7040e8..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-light-webkit-linux.png
deleted file mode 100644
index 8a717ab5b9..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-with-page-size-select-smoke-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-dark-chromium-linux.png
deleted file mode 100644
index ca18e624ff..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-dark-webkit-linux.png
deleted file mode 100644
index a5e86d1888..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-light-webkit-linux.png
deleted file mode 100644
index 392a76b42e..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-click-on-next-page-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-dark-chromium-linux.png
deleted file mode 100644
index 371f729b92..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-dark-webkit-linux.png
deleted file mode 100644
index 79782f3bbb..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-dark-chromium-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-dark-chromium-linux.png
deleted file mode 100644
index 156680938b..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-dark-chromium-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-dark-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-dark-webkit-linux.png
deleted file mode 100644
index cc11da19fa..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-dark-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-light-webkit-linux.png
deleted file mode 100644
index 0670130f00..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-hover-on-next-page-button-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-light-webkit-linux.png b/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-light-webkit-linux.png
deleted file mode 100644
index 8b2ebf081c..0000000000
Binary files a/src/components/Pagination/__snapshots__/Pagination.visual.test.tsx-snapshots/Pagination-without-pages-smoke-default-light-webkit-linux.png and /dev/null differ
diff --git a/src/components/Pagination/__tests__/Pagination.visual.test.tsx b/src/components/Pagination/__tests__/Pagination.visual.test.tsx
index e033b7d71e..ee04688eaa 100644
--- a/src/components/Pagination/__tests__/Pagination.visual.test.tsx
+++ b/src/components/Pagination/__tests__/Pagination.visual.test.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {test} from '~playwright/core';
+import {smokeTest, test} from '~playwright/core';
 
 import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
 import {PaginationQa, getPaginationPageQa, getPaginationPageSizeOptionQa} from '../constants';
@@ -15,34 +15,40 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
         total: 950,
     };
 
-    createSmokeScenarios(defaultProps, {}).forEach(([title, details, props]) => {
-        test(`regular ${title}`, details, async ({mount, expectScreenshot}) => {
+    createSmokeScenarios(defaultProps, {}).forEach(([title, props]) => {
+        smokeTest(`regular ${title}`, async ({mount, expectScreenshot}) => {
             const root = await mount(<PaginationStateWrap {...props} />);
 
-            await expectScreenshot({});
+            await expectScreenshot({
+                themes: ['light'],
+            });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(2)}"]`).hover();
 
             await expectScreenshot({
                 nameSuffix: 'hover on page 2 button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(2)}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'click on page 2 button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(10)}"]`).hover();
 
             await expectScreenshot({
                 nameSuffix: 'hover on page 10 button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(10)}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'click on page 10 button',
+                themes: ['light'],
             });
         });
     });
@@ -53,34 +59,40 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
             compact: false,
         },
         {},
-    ).forEach(([title, details, props]) => {
-        test(`not compact ${title}`, details, async ({mount, expectScreenshot}) => {
+    ).forEach(([title, props]) => {
+        smokeTest(`not compact ${title}`, async ({mount, expectScreenshot}) => {
             const root = await mount(<PaginationStateWrap {...props} />);
 
-            await expectScreenshot({});
+            await expectScreenshot({
+                themes: ['light'],
+            });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(2)}"]`).hover();
 
             await expectScreenshot({
                 nameSuffix: 'hover on page 2 button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(2)}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'click on page 2 button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(10)}"]`).hover();
 
             await expectScreenshot({
                 nameSuffix: 'hover on page 10 button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${getPaginationPageQa(10)}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'click on page 10 button',
+                themes: ['light'],
             });
         });
     });
@@ -91,22 +103,26 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
             showPages: false,
         },
         {},
-    ).forEach(([title, details, props]) => {
-        test(`without pages ${title}`, details, async ({mount, expectScreenshot}) => {
+    ).forEach(([title, props]) => {
+        smokeTest(`without pages ${title}`, async ({mount, expectScreenshot}) => {
             const root = await mount(<PaginationStateWrap {...props} />);
 
-            await expectScreenshot({});
+            await expectScreenshot({
+                themes: ['light'],
+            });
 
             await root.locator(`button[data-qa="${PaginationQa.PaginationButtonNext}"]`).hover();
 
             await expectScreenshot({
                 nameSuffix: 'hover on next page button',
+                themes: ['light'],
             });
 
             await root.locator(`button[data-qa="${PaginationQa.PaginationButtonNext}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'click on next page button',
+                themes: ['light'],
             });
         });
     });
@@ -117,11 +133,13 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
             showInput: true,
         },
         {},
-    ).forEach(([title, details, props]) => {
-        test(`with page input ${title}`, details, async ({mount, page, expectScreenshot}) => {
+    ).forEach(([title, props]) => {
+        smokeTest(`with page input ${title}`, async ({mount, page, expectScreenshot}) => {
             const root = await mount(<PaginationStateWrap {...props} />);
 
-            await expectScreenshot({});
+            await expectScreenshot({
+                themes: ['light'],
+            });
 
             await root
                 .locator(`span[data-qa="${PaginationQa.PaginationInput}"]`)
@@ -130,18 +148,21 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
 
             await expectScreenshot({
                 nameSuffix: 'focus on input',
+                themes: ['light'],
             });
 
             await page.keyboard.type('10');
 
             await expectScreenshot({
                 nameSuffix: 'after type page number',
+                themes: ['light'],
             });
 
             await page.keyboard.press('Enter');
 
             await expectScreenshot({
                 nameSuffix: 'after type enter',
+                themes: ['light'],
             });
         });
     });
@@ -152,8 +173,8 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
             pageSizeOptions: [20, 50, 100],
         },
         {},
-    ).forEach(([title, details, props]) => {
-        test(`with page size select ${title}`, details, async ({mount, page, expectScreenshot}) => {
+    ).forEach(([title, props]) => {
+        smokeTest(`with page size select ${title}`, async ({mount, page, expectScreenshot}) => {
             await page.setViewportSize({width: 500, height: 500});
 
             const root = await mount(
@@ -162,24 +183,29 @@ test.describe('Pagination', {tag: '@Pagination'}, () => {
                 </div>,
             );
 
-            await expectScreenshot({});
+            await expectScreenshot({
+                themes: ['light'],
+            });
 
             await root.locator(`button[data-qa="${PaginationQa.PaginationPageSizer}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'after click on page size select',
+                themes: ['light'],
             });
 
             await page.locator(`[data-qa="${getPaginationPageSizeOptionQa(50)}"]`).hover();
 
             await expectScreenshot({
                 nameSuffix: 'after hover option',
+                themes: ['light'],
             });
 
             await page.locator(`[data-qa="${getPaginationPageSizeOptionQa(50)}"]`).click();
 
             await expectScreenshot({
                 nameSuffix: 'after select option',
+                themes: ['light'],
             });
         });
     });
diff --git a/src/components/PlaceholderContainer/PlaceholderContainer.tsx b/src/components/PlaceholderContainer/PlaceholderContainer.tsx
index 7ff190f24c..770dbf3156 100644
--- a/src/components/PlaceholderContainer/PlaceholderContainer.tsx
+++ b/src/components/PlaceholderContainer/PlaceholderContainer.tsx
@@ -19,7 +19,7 @@ const PlaceholderContainerAction = (props: PlaceholderContainerActionProps) => {
                 size={props.size || 'm'}
                 loading={Boolean(props.loading)}
                 disabled={Boolean(props.disabled)}
-                href={props.href || ''}
+                href={props.href}
                 {...(props.onClick ? {onClick: props.onClick} : {})}
             >
                 {props.text}
@@ -38,6 +38,7 @@ export const PlaceholderContainer = ({
     image,
     content,
     actions,
+    qa,
 }: PlaceholderContainerProps) => {
     const renderTitle = () => {
         if (!title) {
@@ -97,7 +98,7 @@ export const PlaceholderContainer = ({
     };
 
     return (
-        <div className={b({direction, align, size}, className || '')}>
+        <div className={b({direction, align, size}, className || '')} data-qa={qa}>
             <div className={b('body')}>
                 <div className={b('image', {size})}>{renderImage()}</div>
                 {renderContent()}
diff --git a/src/components/PlaceholderContainer/__stories__/PlaceholderContainer.stories.tsx b/src/components/PlaceholderContainer/__stories__/PlaceholderContainer.stories.tsx
index 5215c57589..214dc397cd 100644
--- a/src/components/PlaceholderContainer/__stories__/PlaceholderContainer.stories.tsx
+++ b/src/components/PlaceholderContainer/__stories__/PlaceholderContainer.stories.tsx
@@ -88,6 +88,12 @@ const actionAdditionalBtnProps: PlaceholderContainerActionProps = {
     onClick: () => alert('Click by additional button'),
 };
 
+const actionLinkProps: PlaceholderContainerActionProps = {
+    text: 'Link button',
+    view: 'flat-info',
+    href: 'https://gravity-ui.com/',
+};
+
 export const Default: Story = {
     args: {
         title: 'Some title',
@@ -165,7 +171,7 @@ export const Actions: Story = {
                 <PlaceholderContainer
                     {...args}
                     title="Array of actions"
-                    actions={[actionMainProps, actionAdditionalBtnProps]}
+                    actions={[actionMainProps, actionAdditionalBtnProps, actionLinkProps]}
                 />
             </Showcase>
             <Showcase>
diff --git a/src/components/PlaceholderContainer/types.ts b/src/components/PlaceholderContainer/types.ts
index db0b4c691c..732b4b090d 100644
--- a/src/components/PlaceholderContainer/types.ts
+++ b/src/components/PlaceholderContainer/types.ts
@@ -1,6 +1,7 @@
 import type React from 'react';
 
 import type {ButtonProps} from '../Button';
+import type {QAProps} from '../types';
 
 type Size = 's' | 'm' | 'l' | 'promo';
 
@@ -18,7 +19,7 @@ export type PlaceholderContainerActionProps = Pick<
     text: string;
 };
 
-export interface PlaceholderContainerProps {
+export interface PlaceholderContainerProps extends QAProps {
     size?: Size;
     direction?: 'row' | 'column';
     align?: 'left' | 'center';
diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx
index 8461e5e836..d6d7087be9 100644
--- a/src/components/Popover/Popover.tsx
+++ b/src/components/Popover/Popover.tsx
@@ -4,6 +4,7 @@ import React from 'react';
 
 import {Xmark} from '@gravity-ui/icons';
 
+import {useUniqId} from '../../hooks/useUniqId';
 import {Button} from '../Button';
 import {Icon} from '../Icon';
 import type {PopupPlacement} from '../Popup';
@@ -115,6 +116,8 @@ export const Popover = React.forwardRef<PopoverInstanceProps, PopoverProps & QAP
 
     const hasTitle = Boolean(title);
 
+    const popoverTitleId = `popover-${tooltipId ?? ''}-title-${useUniqId()}`;
+
     const tooltip = (
         <Popup
             id={tooltipId}
@@ -144,9 +147,14 @@ export const Popover = React.forwardRef<PopoverInstanceProps, PopoverProps & QAP
             restoreFocus={true}
             restoreFocusRef={restoreFocusRef || controlRef}
             modifiers={modifiers}
+            aria-labelledby={title ? popoverTitleId : undefined}
         >
             <React.Fragment>
-                {title && <h3 className={cnPopover('tooltip-title')}>{title}</h3>}
+                {title && (
+                    <h3 id={popoverTitleId} className={cnPopover('tooltip-title')}>
+                        {title}
+                    </h3>
+                )}
                 <Content
                     secondary={hasTitle ? theme !== 'announcement' : false}
                     content={content}
diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss
index b4c3e13f2a..dd2e9a6b55 100644
--- a/src/components/Select/components/SelectControl/SelectControl.scss
+++ b/src/components/Select/components/SelectControl/SelectControl.scss
@@ -48,22 +48,6 @@ $blockButton: '.#{variables.$ns}select-control__button';
     }
 }
 
-@mixin block_clear_reserved_width() {
-    // reserving place for clear icon to fix width changing on displaying clear
-    #{$block}_has-clear:not(#{$block}_has-value)#{$block}_size_s & {
-        padding-inline-end: calc(#{variables.$s-height} + var(--_--text-right-padding));
-    }
-    #{$block}_has-clear:not(#{$block}_has-value)#{$block}_size_m & {
-        padding-inline-end: calc(#{variables.$m-height} + var(--_--text-right-padding));
-    }
-    #{$block}_has-clear:not(#{$block}_has-value)#{$block}_size_l & {
-        padding-inline-end: calc(#{variables.$l-height} + var(--_--text-right-padding));
-    }
-    #{$block}_has-clear:not(#{$block}_has-value)#{$block}_size_xl & {
-        padding-inline-end: calc(#{variables.$xl-height} + var(--_--text-right-padding));
-    }
-}
-
 @mixin block_clear_reserved_disabled_width() {
     // reserving place for clear icon to fix width changing on displaying clear for disabled select
     #{$block}_has-clear#{$block}_size_s #{$blockButton}_disabled & {
@@ -221,17 +205,16 @@ $blockButton: '.#{variables.$ns}select-control__button';
     &__placeholder,
     &__option-text {
         @include mixins.overflow-ellipsis();
-        @include block_clear_reserved_disabled_width();
 
         padding-inline-end: var(--_--text-right-padding);
     }
 
+    &__option-text {
+        @include block_clear_reserved_disabled_width();
+    }
+
     &__placeholder {
         color: var(--g-color-text-hint);
-
-        #{$blockButton}:not(#{$blockButton}_disabled) & {
-            @include block_clear_reserved_width();
-        }
     }
 
     &__chevron-icon {
diff --git a/src/components/Table/README.md b/src/components/Table/README.md
index 4266021d67..4e509ca448 100644
--- a/src/components/Table/README.md
+++ b/src/components/Table/README.md
@@ -41,6 +41,7 @@ Additional functionality is enabled via HOCs:
 | edgePadding                      | Adds horizontal padding for edge cells                                                                                                                                          |                                     `boolean`                                      |             |
 | stickyHorizontalScroll           | A horizontal sticky scroll in a table. NB: A table cannot have a fixed height and a sticky scroll at the same time. A sticky scroll will not work if the table has an overflow. |                                     `boolean`                                      |   `false`   |
 | stickyHorizontalScrollBreakpoint | The threshold that the parent block should reach before making a scroll sticky. This is useful in the console, for example, when the groupActions bar closes the scroll.        |                                      `number`                                      |     `0`     |
+| `width`                          | Table width                                                                                                                                                                     |                                  `"auto"` `"max"`                                  |   "auto"    |
 
 ### DescriptorType
 
@@ -238,11 +239,13 @@ const MyTable1 = withTableSettings({sortable: false})(Table);
 
 ### Options
 
-| Name       | Description                                         |       Type       | Default |
-| :--------- | :-------------------------------------------------- | :--------------: | :-----: |
-| width      | Settings' popup width                               | `number` `"fit"` |         |
-| sortable   | Whether or not add ability to sort settings items   |    `boolean`     | `true`  |
-| filterable | Whether or not add ability to filter settings items |    `boolean`     | `false` |
+| Name            | Description                                                                                                                                             |        Type         | Default |
+| :-------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------ | :-----------------: | :-----: |
+| width           | Settings' popup width                                                                                                                                   |  `number` `"fit"`   |         |
+| sortable        | Whether or not add ability to sort settings items                                                                                                       |      `boolean`      | `true`  |
+| filterable      | Whether or not add ability to filter settings items                                                                                                     |      `boolean`      | `false` |
+| defaultSettings | Settings to which you can reset the current settings                                                                                                    | `TableSettingsData` |         |
+| showResetButton | Display a reset button that resets the current settings changes. If the `defaultSettings` prop is set then the settings reset to the `defaultSettings`. |      `boolean`      |         |
 
 ### ColumnMeta
 
@@ -253,15 +256,15 @@ const MyTable1 = withTableSettings({sortable: false})(Table);
 
 ### Properties
 
-| Name                       | Description                                                  |                           Type                           |
-| :------------------------- | :----------------------------------------------------------- | :------------------------------------------------------: |
-| settingsPopupWidth         | TableColumnSetup pop-up width                                |                     `number` `"fit"`                     |
-| settings                   | Current settings                                             |                   `TableSettingsData`                    |
-| updateSettings             | Settings update handle                                       |       `(data: TableSettingsData) => Promise<void>`       |
-| renderControls             | Allows to render custom actions                              |                     `RenderControls`                     |
-| settingsFilterPlaceholder  | Text that appears in the control when no search value is set |                         `string`                         |
-| settingsFilterEmptyMessage | Text that appears when no one item is found                  |                         `string`                         |
-| filterSettings             | Function for filtering items                                 | `(value: string, item: TableColumnSetupItem) => boolean` |
+| Name                       | Description                                                                |                           Type                           |
+| :------------------------- | :------------------------------------------------------------------------- | :------------------------------------------------------: |
+| settingsPopupWidth         | TableColumnSetup pop-up width                                              |                     `number` `"fit"`                     |
+| settings                   | Current settings                                                           |                   `TableSettingsData`                    |
+| updateSettings             | Settings update handle                                                     |       `(data: TableSettingsData) => Promise<void>`       |
+| renderControls             | (deprecated) use `defaultSettings` and `showResetButton` to reset settings |                     `RenderControls`                     |
+| settingsFilterPlaceholder  | Text that appears in the control when no search value is set               |                         `string`                         |
+| settingsFilterEmptyMessage | Text that appears when no one item is found                                |                         `string`                         |
+| filterSettings             | Function for filtering items                                               | `(value: string, item: TableColumnSetupItem) => boolean` |
 
 ### TableSettingsData
 
diff --git a/src/components/Table/Table.scss b/src/components/Table/Table.scss
index a14411c0b1..6a63232a32 100644
--- a/src/components/Table/Table.scss
+++ b/src/components/Table/Table.scss
@@ -47,6 +47,10 @@
         border-spacing: 0;
         // fix border disappear in Firefox:
         border-collapse: separate;
+
+        &_width_max {
+            width: 100%;
+        }
     }
 
     &__cell {
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index b5eb92cd51..284ff0020d 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -92,6 +92,8 @@ export interface DescriptorType {
     disabled?: boolean;
 }
 
+export type TableWidth = 'auto' | 'max';
+
 // TODO: Replace @default in props description with defaultProps in order to work with Storybook.
 export interface TableProps<I> extends QAProps {
     /** Data */
@@ -165,6 +167,7 @@ export interface TableProps<I> extends QAProps {
     className?: string;
     /** Adds horizontal padding for edge cells. */
     edgePadding?: boolean;
+    width?: TableWidth;
 }
 
 interface TableDefaultProps {
@@ -451,8 +454,9 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
     }
 
     private renderTable() {
+        const {width = 'auto'} = this.props;
         return (
-            <table ref={this.tableRef} className={b('table')}>
+            <table ref={this.tableRef} className={b('table', {width})}>
                 {this.renderHead()}
                 {this.renderBody()}
             </table>
diff --git a/src/components/Table/__tests__/Table.test.tsx b/src/components/Table/__tests__/Table.test.tsx
index b04c9e0996..60b580eb2a 100644
--- a/src/components/Table/__tests__/Table.test.tsx
+++ b/src/components/Table/__tests__/Table.test.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 
 import {render, screen, within} from '../../../../test-utils/utils';
-import type {TableColumnConfig, TableProps} from '../Table';
+import type {TableColumnConfig, TableProps, TableWidth} from '../Table';
 import {Table} from '../Table';
 
 import type {DataItem} from './utils';
@@ -34,6 +34,12 @@ describe('Table', () => {
             });
         },
     );
+    test.each(new Array<TableWidth>('max', 'auto'))('render with given "%s" width', (width) => {
+        render(<Table data={data} columns={columns} width={width} />);
+        const table = screen.getByRole('table');
+
+        expect(table).toHaveClass(`g-table__table_width_${width}`);
+    });
 
     test('render table with no data (default)', () => {
         const emptyText = 'No data';
diff --git a/src/components/Toaster/README.md b/src/components/Toaster/README.md
index c56f348e37..f4b8de7990 100644
--- a/src/components/Toaster/README.md
+++ b/src/components/Toaster/README.md
@@ -125,6 +125,7 @@ Accepts the argument `toastOptions` with ongoing notification details:
 | isClosable | `boolean`                               |          | `true`      | A configuration that manages the visibility of the X icon, which allows the user to close the notification                                                                                                                               |
 | actions    | `ToastAction[]`                         |          | `undefined` | An array of [actions](./types.ts#L9) that display after `content`                                                                                                                                                                        |
 | renderIcon | `(toastProps: ToastProps) => ReactNode` |          | `undefined` | Used to customize the toast icon. Type-based behavior is used by default                                                                                                                                                                 |
+| onClose    | `() => void`                            |          | `undefined` | Callback which calls when close button is clicked                                                                                                                                                                                        |
 
 Every `action` is an object with following parameters:
 
diff --git a/src/components/Toaster/Toast/Toast.tsx b/src/components/Toaster/Toast/Toast.tsx
index c385392653..539e4e70b5 100644
--- a/src/components/Toaster/Toast/Toast.tsx
+++ b/src/components/Toaster/Toast/Toast.tsx
@@ -94,12 +94,19 @@ export const Toast = React.forwardRef<HTMLDivElement, ToastUnitedProps>(function
         autoHiding: timeoutProp = DEFAULT_TIMEOUT,
         isClosable = true,
         mobile = false,
+        onClose,
         removeCallback,
     } = props;
 
-    const onClose = React.useCallback(() => removeCallback(name), [removeCallback, name]);
+    const handleClose = React.useCallback(() => {
+        removeCallback(name);
+
+        if (onClose) {
+            onClose();
+        }
+    }, [removeCallback, onClose, name]);
     const timeout = typeof timeoutProp === 'number' ? timeoutProp : undefined;
-    const closeOnTimeoutProps = useCloseOnTimeout<HTMLDivElement>({onClose, timeout});
+    const closeOnTimeoutProps = useCloseOnTimeout<HTMLDivElement>({onClose: handleClose, timeout});
 
     const mods = {
         mobile,
@@ -120,7 +127,7 @@ export const Toast = React.forwardRef<HTMLDivElement, ToastUnitedProps>(function
                         size="s"
                         view="flat"
                         className={b('btn-close')}
-                        onClick={onClose}
+                        onClick={handleClose}
                         extraProps={{'aria-label': i18n('label_close-button')}}
                     >
                         <Icon data={Xmark} />
@@ -129,7 +136,7 @@ export const Toast = React.forwardRef<HTMLDivElement, ToastUnitedProps>(function
                 {hasContent && (
                     <div className={b('content', {'without-title': !hasTitle})}>{content}</div>
                 )}
-                {renderActions({actions, onClose})}
+                {renderActions({actions, onClose: handleClose})}
             </div>
         </div>
     );
diff --git a/src/components/Toaster/ToastList/ToastAnimation.scss b/src/components/Toaster/ToastList/ToastAnimation.scss
index d996186453..3d510b346d 100644
--- a/src/components/Toaster/ToastList/ToastAnimation.scss
+++ b/src/components/Toaster/ToastList/ToastAnimation.scss
@@ -59,6 +59,7 @@ $animation-duration: 0.6s;
             @include hidden-toast-move($platform);
         }
         100% {
+            @include visible-toast-height;
             @include visible-toast-move;
         }
     }
diff --git a/src/components/Toaster/__tests__/ToasterProvider.test.tsx b/src/components/Toaster/__tests__/ToasterProvider.test.tsx
index 0e99a42b13..78494ae8e2 100644
--- a/src/components/Toaster/__tests__/ToasterProvider.test.tsx
+++ b/src/components/Toaster/__tests__/ToasterProvider.test.tsx
@@ -409,4 +409,23 @@ describe('modal remains open after toaster close', () => {
         expect(toast).not.toBeInTheDocument();
         expect(modal).toBeInTheDocument();
     });
+
+    it('Toaster calls onClose callback when close icon is clicked', async () => {
+        const {providerAPI} = setup();
+
+        const mockOnCloseFn = jest.fn();
+
+        act(() => {
+            providerAPI.add({...toastProps, isClosable: true, onClose: mockOnCloseFn});
+        });
+
+        const toast = getToast();
+
+        const closeToastButton = await within(toast).findByRole('button');
+
+        fireEvent.click(closeToastButton);
+        tick(toast, 0);
+
+        expect(mockOnCloseFn).toHaveBeenCalled();
+    });
 });
diff --git a/src/components/Toaster/types.ts b/src/components/Toaster/types.ts
index 5beb50758e..3161e05f22 100644
--- a/src/components/Toaster/types.ts
+++ b/src/components/Toaster/types.ts
@@ -26,6 +26,8 @@ export type ToastProps = {
     isClosable?: boolean;
     actions?: ToastAction[];
 
+    onClose?: () => void;
+
     /** Function. Use for toast icon customization. By default type-based behavior is used */
     renderIcon?: (toastProps: ToastProps) => React.ReactNode;
 };
diff --git a/src/components/Toc/Toc.tsx b/src/components/Toc/Toc.tsx
index a29575dbe1..30e9b65dab 100644
--- a/src/components/Toc/Toc.tsx
+++ b/src/components/Toc/Toc.tsx
@@ -15,10 +15,11 @@ export interface TocProps extends QAProps {
     items: TocItemType[];
     value?: string;
     onUpdate?: (value: string) => void;
+    onItemClick?: (event: React.MouseEvent) => void;
 }
 
 export const Toc = React.forwardRef<HTMLElement, TocProps>(function Toc(props, ref) {
-    const {value: activeValue, items, className, onUpdate, qa} = props;
+    const {value: activeValue, items, className, onUpdate, onItemClick, qa} = props;
 
     return (
         <nav className={b(null, className)} ref={ref} data-qa={qa}>
@@ -31,8 +32,9 @@ export const Toc = React.forwardRef<HTMLElement, TocProps>(function Toc(props, r
                             href={href}
                             active={activeValue === value}
                             onClick={onUpdate}
+                            onItemClick={onItemClick}
                         />
-                        {childrenItems?.length && (
+                        {childrenItems && childrenItems.length > 0 && (
                             <ul className={b('subsections')}>
                                 {childrenItems?.map(
                                     ({
@@ -51,6 +53,7 @@ export const Toc = React.forwardRef<HTMLElement, TocProps>(function Toc(props, r
                                                 childItem={true}
                                                 active={activeValue === childrenValue}
                                                 onClick={onUpdate}
+                                                onItemClick={onItemClick}
                                             />
                                         </li>
                                     ),
diff --git a/src/components/Toc/TocItem/TocItem.tsx b/src/components/Toc/TocItem/TocItem.tsx
index d67c0cf3df..a330e6d388 100644
--- a/src/components/Toc/TocItem/TocItem.tsx
+++ b/src/components/Toc/TocItem/TocItem.tsx
@@ -14,18 +14,23 @@ export interface TocItemProps extends TocItemType {
     childItem?: boolean;
     active?: boolean;
     onClick?: (value: string) => void;
+    onItemClick?: (event: React.MouseEvent) => void;
 }
 
 export const TocItem = (props: TocItemProps) => {
-    const {active = false, childItem = false, content, href, value, onClick} = props;
-
-    const handleClick = React.useCallback(() => {
-        if (value === undefined || !onClick) {
-            return;
-        }
-
-        onClick(value);
-    }, [onClick, value]);
+    const {active = false, childItem = false, content, href, value, onClick, onItemClick} = props;
+
+    const handleClick = React.useCallback(
+        (event: React.MouseEvent) => {
+            onItemClick?.(event);
+            if (value === undefined || !onClick) {
+                return;
+            }
+
+            onClick(value);
+        },
+        [onClick, onItemClick, value],
+    );
 
     const {onKeyDown} = useActionHandlers(handleClick);
 
diff --git a/src/components/Toc/__tests__/Toc.test.tsx b/src/components/Toc/__tests__/Toc.test.tsx
index 5daa2f66a8..21dd0d8d16 100644
--- a/src/components/Toc/__tests__/Toc.test.tsx
+++ b/src/components/Toc/__tests__/Toc.test.tsx
@@ -52,13 +52,22 @@ describe('Toc', () => {
         const nextValue = defaultItems[0].value;
         const nextTitle = defaultItems[0].content;
         const onUpdateFn = jest.fn();
+        const onItemClickFn = jest.fn();
         const user = userEvent.setup();
 
-        render(<Toc value={defaultValue} items={defaultItems} onUpdate={onUpdateFn} />);
+        render(
+            <Toc
+                value={defaultValue}
+                items={defaultItems}
+                onUpdate={onUpdateFn}
+                onItemClick={onItemClickFn}
+            />,
+        );
         const nextItem = screen.getByText(nextTitle);
         await user.click(nextItem);
 
-        expect(onUpdateFn).toBeCalledWith(nextValue);
+        expect(onUpdateFn).toHaveBeenCalledWith(nextValue);
+        expect(onItemClickFn).toHaveBeenCalledWith(expect.objectContaining({}));
     });
 
     test('calls onUpdate with correct item with link', async () => {
@@ -71,13 +80,14 @@ describe('Toc', () => {
         const nextItem = screen.getByText(nextTitle);
         await user.click(nextItem);
 
-        expect(onUpdateFn).toBeCalledWith(nextValue);
+        expect(onUpdateFn).toHaveBeenCalledWith(nextValue);
     });
 
     test('accessible for keyboard', async () => {
         const firstTitle = defaultItems[0].content;
         const secondValue = defaultItems[1].value;
         const onUpdateFn = jest.fn();
+
         const user = userEvent.setup();
 
         render(<Toc value={defaultValue} items={defaultItems} onUpdate={onUpdateFn} />);
@@ -86,7 +96,7 @@ describe('Toc', () => {
         await user.tab();
         await user.keyboard('{Enter}');
 
-        expect(onUpdateFn).toBeCalledWith(secondValue);
+        expect(onUpdateFn).toHaveBeenCalledWith(secondValue);
     });
 
     test('accessible for keyboard with links', async () => {
@@ -101,7 +111,7 @@ describe('Toc', () => {
         await user.tab();
         await user.keyboard('{Enter}');
 
-        expect(onUpdateFn).toBeCalledWith(secondValue);
+        expect(onUpdateFn).toHaveBeenCalledWith(secondValue);
     });
 
     test('add className', () => {
@@ -148,6 +158,6 @@ describe('Toc', () => {
 
         const currentItem = screen.getByRole('listitem', {current: true});
 
-        expect(currentItem.textContent).toContain(content);
+        expect(currentItem.textContent).toBe(content);
     });
 });
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 45b9a9b487..d9390f8a88 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -10,6 +10,7 @@ import type {PopupPlacement} from '../Popup';
 import {Text} from '../Text';
 import type {DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {getElementRef} from '../utils/getElementRef';
 
 import './Tooltip.scss';
 
@@ -75,7 +76,7 @@ export const Tooltip = (props: TooltipProps) => {
     };
 
     const child = React.Children.only(children);
-    const childRef = (child as any).ref;
+    const childRef = getElementRef(child);
 
     const ref = useForkRef(setAnchorElement, childRef);
 
diff --git a/src/components/TreeList/__stories__/stories/WithFiltrationAndControlsStory.tsx b/src/components/TreeList/__stories__/stories/WithFiltrationAndControlsStory.tsx
index 6c77a72dc6..4b6ce1a6f6 100644
--- a/src/components/TreeList/__stories__/stories/WithFiltrationAndControlsStory.tsx
+++ b/src/components/TreeList/__stories__/stories/WithFiltrationAndControlsStory.tsx
@@ -4,11 +4,10 @@ import {Button} from '../../../Button';
 import {Text} from '../../../Text';
 import {TextInput} from '../../../controls';
 import {Flex, spacing} from '../../../layout';
-import {useList, useListFilter} from '../../../useList';
+import {ListContainer, useList, useListFilter} from '../../../useList';
 import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeList} from '../../TreeList';
 import type {TreeListContainerProps, TreeListProps} from '../../types';
-import {RenderVirtualizedContainer} from '../components/RenderVirtualizedContainer';
 
 interface Entity {
     title: string;
@@ -37,7 +36,7 @@ export const WithFiltrationAndControlsStory = ({
                 );
             }
 
-            return <RenderVirtualizedContainer {...props} />;
+            return <ListContainer {...props} />;
         };
 
         return {items: baseItems, renderContainer: containerRenderer};
diff --git a/src/components/TreeList/__stories__/stories/WithGroupSelectionAndCustomIconStory.tsx b/src/components/TreeList/__stories__/stories/WithGroupSelectionAndCustomIconStory.tsx
index 3b1e011016..09665d3617 100644
--- a/src/components/TreeList/__stories__/stories/WithGroupSelectionAndCustomIconStory.tsx
+++ b/src/components/TreeList/__stories__/stories/WithGroupSelectionAndCustomIconStory.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 
-import {ChevronDown, ChevronUp, Database, PlugConnection} from '@gravity-ui/icons';
+import {Database, PlugConnection} from '@gravity-ui/icons';
 
 import {Button} from '../../../Button';
 import {Icon} from '../../../Icon';
-import {Flex, spacing} from '../../../layout';
-import {ListItemView, useList} from '../../../useList';
+import {Flex} from '../../../layout';
+import {ListItemExpandIcon, ListItemView, useList} from '../../../useList';
 import type {ListItemId, ListItemViewContentType} from '../../../useList';
 import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeList} from '../../TreeList';
@@ -84,8 +84,6 @@ export const WithGroupSelectionAndCustomIconStory = ({
 
                                 endSlot: childrenIds ? (
                                     <Button
-                                        size="m"
-                                        className={spacing({mr: 1})}
                                         onClick={(e) => {
                                             e.stopPropagation();
                                             list.state.setExpanded?.((prevExpandedState) => ({
@@ -99,12 +97,12 @@ export const WithGroupSelectionAndCustomIconStory = ({
                                                 : expandButtonLabel,
                                         }}
                                     >
-                                        <Icon
-                                            data={
-                                                itemProps.content.expanded ? ChevronDown : ChevronUp
-                                            }
-                                            size={16}
-                                        />
+                                        <Button.Icon>
+                                            <ListItemExpandIcon
+                                                expanded={itemProps.content.expanded}
+                                                behavior="action"
+                                            />
+                                        </Button.Icon>
                                     </Button>
                                 ) : undefined,
                             }}
diff --git a/src/components/TreeList/__stories__/stories/WithItemLinksAndActionsStory.tsx b/src/components/TreeList/__stories__/stories/WithItemLinksAndActionsStory.tsx
index 58fb2fad2a..c0eb89795c 100644
--- a/src/components/TreeList/__stories__/stories/WithItemLinksAndActionsStory.tsx
+++ b/src/components/TreeList/__stories__/stories/WithItemLinksAndActionsStory.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import {ChevronDown, ChevronUp, FolderOpen} from '@gravity-ui/icons';
+import {FolderOpen} from '@gravity-ui/icons';
 
 import {Button} from '../../../Button';
 import {DropdownMenu} from '../../../DropdownMenu';
 import {Icon} from '../../../Icon';
 import {Flex} from '../../../layout';
-import {ListItemView, useList} from '../../../useList';
+import {ListItemExpandIcon, ListItemView, useList} from '../../../useList';
 import type {ListItemId} from '../../../useList';
 import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeList} from '../../TreeList';
@@ -96,12 +96,12 @@ export const WithItemLinksAndActionsStory = (props: WithItemLinksAndActionsStory
                                                 : expandButtonLabel,
                                         }}
                                     >
-                                        <Icon
-                                            data={
-                                                itemProps.content.expanded ? ChevronDown : ChevronUp
-                                            }
-                                            size={16}
-                                        />
+                                        <Button.Icon>
+                                            <ListItemExpandIcon
+                                                expanded={itemProps.content.expanded}
+                                                behavior="action"
+                                            />
+                                        </Button.Icon>
                                     </Button>
                                 ) : (
                                     <Flex
diff --git a/src/components/TreeSelect/__stories__/components/WithFiltrationAndControlsExample.tsx b/src/components/TreeSelect/__stories__/components/WithFiltrationAndControlsExample.tsx
index add573d653..c5ddea95f7 100644
--- a/src/components/TreeSelect/__stories__/components/WithFiltrationAndControlsExample.tsx
+++ b/src/components/TreeSelect/__stories__/components/WithFiltrationAndControlsExample.tsx
@@ -2,10 +2,9 @@ import React from 'react';
 
 import {Button} from '../../../Button';
 import {Text} from '../../../Text';
-import {RenderVirtualizedContainer} from '../../../TreeList/__stories__/components/RenderVirtualizedContainer';
 import {TextInput} from '../../../controls';
 import {Flex, spacing} from '../../../layout';
-import {ListItemView, useListFilter} from '../../../useList';
+import {ListContainer, ListItemView, useListFilter} from '../../../useList';
 import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../../TreeSelect';
 import type {TreeSelectProps, TreeSelectRenderContainer} from '../../types';
@@ -37,7 +36,7 @@ export const WithFiltrationAndControlsExample = ({
                 );
             }
 
-            return <RenderVirtualizedContainer {...props} />;
+            return <ListContainer {...props} />;
         };
 
         return {items: baseItems, renderContainer: containerRenderer};
diff --git a/src/components/TreeSelect/__stories__/components/WithGroupSelectionControlledStateAndCustomIcon.tsx b/src/components/TreeSelect/__stories__/components/WithGroupSelectionControlledStateAndCustomIcon.tsx
index 0518f155dc..7ae8af00b1 100644
--- a/src/components/TreeSelect/__stories__/components/WithGroupSelectionControlledStateAndCustomIcon.tsx
+++ b/src/components/TreeSelect/__stories__/components/WithGroupSelectionControlledStateAndCustomIcon.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 
-import {ChevronDown, ChevronUp, Database, PlugConnection} from '@gravity-ui/icons';
+import {Database, PlugConnection} from '@gravity-ui/icons';
 
 import {Button} from '../../../Button';
 import {Icon} from '../../../Icon';
 import {Flex, spacing} from '../../../layout';
-import {ListItemView} from '../../../useList';
+import {ListItemExpandIcon, ListItemView} from '../../../useList';
 import type {ListItemId, ListItemViewContentType, UseListResult} from '../../../useList';
 import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../../TreeSelect';
@@ -92,10 +92,12 @@ export const WithGroupSelectionControlledStateAndCustomIconExample = ({
                                             }));
                                         }}
                                     >
-                                        <Icon
-                                            data={props.content.expanded ? ChevronDown : ChevronUp}
-                                            size={16}
-                                        />
+                                        <Button.Icon>
+                                            <ListItemExpandIcon
+                                                expanded={props.content.expanded}
+                                                behavior="action"
+                                            />
+                                        </Button.Icon>
                                     </Button>
                                 ) : undefined,
                             }}
diff --git a/src/components/TreeSelect/__stories__/components/WithItemLinksAndActionsExample.tsx b/src/components/TreeSelect/__stories__/components/WithItemLinksAndActionsExample.tsx
index c649526331..ef37079c37 100644
--- a/src/components/TreeSelect/__stories__/components/WithItemLinksAndActionsExample.tsx
+++ b/src/components/TreeSelect/__stories__/components/WithItemLinksAndActionsExample.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import {ChevronDown, ChevronUp, FolderOpen} from '@gravity-ui/icons';
+import {FolderOpen} from '@gravity-ui/icons';
 
 import {Button} from '../../../Button';
 import {DropdownMenu} from '../../../DropdownMenu';
 import {Icon} from '../../../Icon';
 import {Flex} from '../../../layout';
-import {ListItemView} from '../../../useList';
+import {ListItemExpandIcon, ListItemView} from '../../../useList';
 import type {ListItemId, UseListResult} from '../../../useList';
 import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../../TreeSelect';
@@ -97,12 +97,12 @@ export const WithItemLinksAndActionsExample = (storyProps: WithItemLinksAndActio
                                                 }));
                                             }}
                                         >
-                                            <Icon
-                                                data={
-                                                    props.content.expanded ? ChevronDown : ChevronUp
-                                                }
-                                                size={16}
-                                            />
+                                            <Button.Icon>
+                                                <ListItemExpandIcon
+                                                    expanded={props.content.expanded}
+                                                    behavior="state"
+                                                />
+                                            </Button.Icon>
                                         </Button>
                                     ) : (
                                         <Flex
diff --git a/src/components/controls/PasswordInput/PasswordInput.scss b/src/components/controls/PasswordInput/PasswordInput.scss
new file mode 100644
index 0000000000..9e8f8c231b
--- /dev/null
+++ b/src/components/controls/PasswordInput/PasswordInput.scss
@@ -0,0 +1,16 @@
+@use '../../variables';
+
+$block: '.#{variables.$ns}password-input';
+
+#{$block} {
+    &__input-control {
+        &::-ms-reveal,
+        &::-ms-clear {
+            display: none;
+        }
+    }
+
+    &__copy-button {
+        margin-inline-end: 4px;
+    }
+}
diff --git a/src/components/controls/PasswordInput/PasswordInput.tsx b/src/components/controls/PasswordInput/PasswordInput.tsx
new file mode 100644
index 0000000000..e86adc8bc5
--- /dev/null
+++ b/src/components/controls/PasswordInput/PasswordInput.tsx
@@ -0,0 +1,115 @@
+'use client';
+
+import React from 'react';
+
+import {Eye, EyeSlash} from '@gravity-ui/icons';
+
+import {useControlledState} from '../../../hooks';
+import {ActionTooltip} from '../../ActionTooltip';
+import {Button} from '../../Button';
+import {ClipboardButton} from '../../ClipboardButton';
+import {Icon} from '../../Icon';
+import {block} from '../../utils/cn';
+import {TextInput} from '../TextInput';
+import type {TextInputProps} from '../TextInput';
+
+import {i18n} from './i18n';
+import {getActionButtonSizeAndIconSize} from './utils';
+
+import './PasswordInput.scss';
+
+const b = block('password-input');
+
+export type PasswordInputProps = Omit<TextInputProps, 'type'> & {
+    /** Hide copy button */
+    hideCopyButton?: boolean;
+    /** Hide reveal button */
+    hideRevealButton?: boolean;
+    /** Determines whether to display the tooltip for the copy button */
+    showCopyTooltip?: boolean;
+    /** Determines whether to display the tooltip for the reveal button */
+    showRevealTooltip?: boolean;
+    /** Determines the visibility state of the password input field */
+    revealValue?: boolean;
+    /** A callback function that is invoked whenever the revealValue state changes */
+    onRevealValueUpdate?: (value: boolean) => void;
+};
+
+export const PasswordInput = (props: PasswordInputProps) => {
+    const {
+        autoComplete,
+        controlProps,
+        endContent,
+        rightContent,
+        hideCopyButton = false,
+        hideRevealButton = false,
+        showCopyTooltip = false,
+        showRevealTooltip = false,
+        size = 'm',
+    } = props;
+
+    const [inputValue, setInputValue] = useControlledState(
+        props.value,
+        props.defaultValue ?? '',
+        props.onUpdate,
+    );
+
+    const [revealValue, setRevealValue] = useControlledState(
+        props.revealValue,
+        false,
+        props.onRevealValueUpdate,
+    );
+
+    const {actionButtonSize, iconSize} = getActionButtonSizeAndIconSize(size);
+
+    const additionalEndContent = (
+        <React.Fragment>
+            {endContent || rightContent}
+            {inputValue && !hideCopyButton && !props.disabled ? (
+                <ClipboardButton
+                    view="flat-secondary"
+                    text={inputValue}
+                    hasTooltip={showCopyTooltip}
+                    size={actionButtonSize}
+                    className={b('copy-button')}
+                />
+            ) : null}
+            {hideRevealButton ? null : (
+                <ActionTooltip
+                    disabled={!showRevealTooltip}
+                    title={revealValue ? i18n('label_hide-password') : i18n('label_show-password')}
+                >
+                    <Button
+                        view="flat-secondary"
+                        disabled={props.disabled}
+                        onClick={() => setRevealValue(!revealValue)}
+                        size={actionButtonSize}
+                        extraProps={{
+                            'aria-label': revealValue
+                                ? i18n('label_hide-password')
+                                : i18n('label_show-password'),
+                            onMouseDown: (event: React.SyntheticEvent) => event.preventDefault(),
+                        }}
+                    >
+                        <Icon data={revealValue ? EyeSlash : Eye} size={iconSize} />
+                    </Button>
+                </ActionTooltip>
+            )}
+        </React.Fragment>
+    );
+
+    return (
+        <TextInput
+            {...props}
+            type={revealValue ? 'text' : 'password'}
+            unstable_endContent={additionalEndContent}
+            autoComplete={autoComplete ? autoComplete : 'new-password'}
+            controlProps={{
+                ...controlProps,
+                className: b('input-control', controlProps?.className),
+            }}
+            value={inputValue}
+            onUpdate={setInputValue}
+        />
+    );
+};
diff --git a/src/components/controls/PasswordInput/README.md b/src/components/controls/PasswordInput/README.md
new file mode 100644
index 0000000000..f0964937d3
--- /dev/null
+++ b/src/components/controls/PasswordInput/README.md
@@ -0,0 +1,64 @@
+<!--GITHUB_BLOCK-->
+
+## Password Input
+
+<!--/GITHUB_BLOCK-->
+
+```tsx
+import {PasswordInput} from '@gravity-ui/uikit';
+```
+
+`TextInput` for typing passwords and other sensitive information. It can be rendered with copy and reveal buttons for more convinient usage.
+
+### Copy button
+
+This button allows users to easily copy the input value to their clipboard. You can hide this button with `hideCopyButton` boolean prop.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={` <PasswordInput hideCopyButton={true} /> `}
+>
+  <UIKit.PasswordInput hideCopyButton={true}  />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+### Reveal button
+
+The `hideRevealButton` prop allows users to toggle the visibility of the password.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={` <PasswordInput hideRevealButton={true} /> `}
+>
+  <UIKit.PasswordInput hideRevealButton={true}  />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+### Properties
+
+`TextInput` [properties](https://github.com/gravity-ui/uikit/blob/main/src/components/controls/TextInput/README.md#properties), with some exceptions and additions:
+
+- `type` is omitted;
+
+| Name                | Description                                                                |    Type    | Default |
+| :------------------ | :------------------------------------------------------------------------- | :--------: | :-----: |
+| hideCopyButton      | Show copy button                                                           | `boolean`  | `false` |
+| hideRevealButton    | Show reveal button                                                         | `boolean`  | `false` |
+| showCopyTooltip     | Determines whether to display the tooltip for the copy button              | `boolean`  | `false` |
+| showRevealTooltip   | Determines whether to display the tooltip for the reveal button            | `boolean`  | `false` |
+| revealValue         | Determines the visibility state of the password input field                | `boolean`  | `false` |
+| onRevealValueUpdate | A callback function that is invoked whenever the revealValue state changes | `function` |         |
+
+<!--GITHUB_BLOCK-->
+
+#### Usage example
+
+```tsx
+function MyComponent() {
+  const [value, setValue] = React.useState('');
+
+  return <PasswordInput onUpdate={setValue} value={value} />;
+}
+```
+
+<!--GITHUB_BLOCK-->
diff --git a/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-dark-chromium-linux.png b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-dark-chromium-linux.png
new file mode 100644
index 0000000000..ace4d75b98
Binary files /dev/null and b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-dark-chromium-linux.png differ
diff --git a/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-dark-webkit-linux.png b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-dark-webkit-linux.png
new file mode 100644
index 0000000000..4091f4dc08
Binary files /dev/null and b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-dark-webkit-linux.png differ
diff --git a/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-light-chromium-linux.png b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-light-chromium-linux.png
new file mode 100644
index 0000000000..a2becc8a8c
Binary files /dev/null and b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-light-chromium-linux.png differ
diff --git a/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-light-webkit-linux.png b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-light-webkit-linux.png
new file mode 100644
index 0000000000..11a1b5bc2d
Binary files /dev/null and b/src/components/controls/PasswordInput/__snapshots__/PasswordInput.visual.test.tsx-snapshots/PasswordInput-render-story-Default-light-webkit-linux.png differ
diff --git a/src/components/controls/PasswordInput/__stories__/Docs.mdx b/src/components/controls/PasswordInput/__stories__/Docs.mdx
new file mode 100644
index 0000000000..343d63b894
--- /dev/null
+++ b/src/components/controls/PasswordInput/__stories__/Docs.mdx
@@ -0,0 +1,7 @@
+import {Meta, Markdown} from '@storybook/addon-docs';
+import * as Stories from './PasswordInput.stories';
+import Readme from '../README.md?raw';
+
+<Meta of={Stories} />
+
+<Markdown>{Readme}</Markdown>
diff --git a/src/components/controls/PasswordInput/__stories__/PasswordInput.stories.tsx b/src/components/controls/PasswordInput/__stories__/PasswordInput.stories.tsx
new file mode 100644
index 0000000000..575b1d736a
--- /dev/null
+++ b/src/components/controls/PasswordInput/__stories__/PasswordInput.stories.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+
+import type {Meta, StoryFn} from '@storybook/react';
+
+import {Button} from '../../../Button';
+import {Flex, spacing} from '../../../layout';
+import type {PasswordInputProps} from '../PasswordInput';
+import {PasswordInput} from '../PasswordInput';
+
+export default {
+    title: 'Components/Inputs/PasswordInput',
+    component: PasswordInput,
+    args: {
+        controlProps: {
+            'aria-label': 'Password',
+        },
+    },
+} as Meta<typeof PasswordInput>;
+
+const DefaultTemplate: StoryFn<PasswordInputProps> = (args) => {
+    const [value, setValue] = React.useState('');
+
+    return <PasswordInput {...args} onUpdate={setValue} value={value} />;
+};
+
+export const Default = DefaultTemplate.bind({});
+
+const WithGenerateRandomValueTemplate: StoryFn<PasswordInputProps> = (args) => {
+    const [value, setValue] = React.useState('');
+
+    const generateRandomValue = React.useCallback(() => {
+        let randomValue = '';
+        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        const charactersLength = characters.length;
+        let counter = 0;
+
+        while (counter < charactersLength) {
+            randomValue += characters.charAt(Math.floor(Math.random() * charactersLength));
+            counter += 1;
+        }
+
+        setValue(randomValue);
+    }, []);
+
+    return (
+        <Flex>
+            <PasswordInput {...args} onUpdate={setValue} value={value} />
+            <Flex className={spacing({ml: 2})}>
+                <Button onClick={generateRandomValue}>Generate random value</Button>
+            </Flex>
+        </Flex>
+    );
+};
+
+export const WithGenerateRandomValue = WithGenerateRandomValueTemplate.bind({});
diff --git a/src/components/controls/PasswordInput/__tests__/PasswordInput.visual.test.tsx b/src/components/controls/PasswordInput/__tests__/PasswordInput.visual.test.tsx
new file mode 100644
index 0000000000..f6ab293e36
--- /dev/null
+++ b/src/components/controls/PasswordInput/__tests__/PasswordInput.visual.test.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+import {test} from '~playwright/core';
+
+import {PasswordInputStories} from './helpersPlaywright';
+
+test.describe('PasswordInput', () => {
+    test('render story: <Default>', async ({mount, expectScreenshot}) => {
+        await mount(<PasswordInputStories.Default />);
+
+        await expectScreenshot();
+    });
+});
diff --git a/src/components/controls/PasswordInput/__tests__/helpersPlaywright.ts b/src/components/controls/PasswordInput/__tests__/helpersPlaywright.ts
new file mode 100644
index 0000000000..7c6a1d906b
--- /dev/null
+++ b/src/components/controls/PasswordInput/__tests__/helpersPlaywright.ts
@@ -0,0 +1,5 @@
+import {composeStories} from '@storybook/react';
+
+import * as DefaultPasswordInputStories from '../__stories__/PasswordInput.stories';
+
+export const PasswordInputStories = composeStories(DefaultPasswordInputStories);
diff --git a/src/components/controls/PasswordInput/i18n/en.json b/src/components/controls/PasswordInput/i18n/en.json
new file mode 100644
index 0000000000..130afcee1b
--- /dev/null
+++ b/src/components/controls/PasswordInput/i18n/en.json
@@ -0,0 +1,4 @@
+{
+  "label_show-password": "Show password",
+  "label_hide-password": "Hide password"
+}
diff --git a/src/components/controls/PasswordInput/i18n/index.ts b/src/components/controls/PasswordInput/i18n/index.ts
new file mode 100644
index 0000000000..5a8bb879a3
--- /dev/null
+++ b/src/components/controls/PasswordInput/i18n/index.ts
@@ -0,0 +1,8 @@
+import {addComponentKeysets} from '../../../../i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'PasswordInput';
+
+export const i18n = addComponentKeysets({en, ru}, COMPONENT);
diff --git a/src/components/controls/PasswordInput/i18n/ru.json b/src/components/controls/PasswordInput/i18n/ru.json
new file mode 100644
index 0000000000..838beedfba
--- /dev/null
+++ b/src/components/controls/PasswordInput/i18n/ru.json
@@ -0,0 +1,4 @@
+{
+  "label_show-password": "Показать пароль",
+  "label_hide-password": "Скрыть пароль"
+}
diff --git a/src/components/controls/PasswordInput/index.ts b/src/components/controls/PasswordInput/index.ts
new file mode 100644
index 0000000000..1eed3611f8
--- /dev/null
+++ b/src/components/controls/PasswordInput/index.ts
@@ -0,0 +1 @@
+export * from './PasswordInput';
diff --git a/src/components/controls/PasswordInput/utils.ts b/src/components/controls/PasswordInput/utils.ts
new file mode 100644
index 0000000000..3fbea684c2
--- /dev/null
+++ b/src/components/controls/PasswordInput/utils.ts
@@ -0,0 +1,26 @@
+import type {ButtonSize} from '../../Button';
+import type {InputControlSize} from '../types';
+
+export const getActionButtonSizeAndIconSize = (
+    textInputSize: InputControlSize,
+): {actionButtonSize: ButtonSize; iconSize: number} => {
+    let actionButtonSize: ButtonSize = 's';
+    let iconSize = 16;
+
+    switch (textInputSize) {
+        case 's': {
+            actionButtonSize = 'xs';
+            iconSize = 12;
+            break;
+        }
+        case 'l': {
+            actionButtonSize = 'm';
+            break;
+        }
+        case 'xl': {
+            actionButtonSize = 'l';
+        }
+    }
+
+    return {actionButtonSize, iconSize};
+};
diff --git a/src/components/controls/TextArea/TextArea.tsx b/src/components/controls/TextArea/TextArea.tsx
index 53e3250087..127e6b112e 100644
--- a/src/components/controls/TextArea/TextArea.tsx
+++ b/src/components/controls/TextArea/TextArea.tsx
@@ -37,7 +37,6 @@ export type TextAreaPin = InputControlPin;
 export type TextAreaSize = InputControlSize;
 export type TextAreaView = InputControlView;
 
-// eslint-disable-next-line complexity
 export const TextArea = React.forwardRef<HTMLSpanElement, TextAreaProps>(
     function TextArea(props, ref) {
         const {
diff --git a/src/components/controls/TextInput/TextInput.tsx b/src/components/controls/TextInput/TextInput.tsx
index 2c7f51a782..1d48b73872 100644
--- a/src/components/controls/TextInput/TextInput.tsx
+++ b/src/components/controls/TextInput/TextInput.tsx
@@ -62,7 +62,6 @@ export type TextInputSize = InputControlSize;
 export type TextInputView = InputControlView;
 
 export const TextInput = React.forwardRef<HTMLSpanElement, TextInputProps>(
-    // eslint-disable-next-line complexity
     function TextInput(props, ref) {
         const {
             view = 'normal',
diff --git a/src/components/controls/index.ts b/src/components/controls/index.ts
index 211411bace..7319aa37d2 100644
--- a/src/components/controls/index.ts
+++ b/src/components/controls/index.ts
@@ -1,3 +1,4 @@
 export * from './TextArea';
 export * from './TextInput';
+export * from './PasswordInput';
 export type {InputControlPin, InputControlSize, InputControlState, InputControlView} from './types';
diff --git a/src/components/index.ts b/src/components/index.ts
index 94391c3539..b7cc647adc 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -14,10 +14,13 @@ export * from './Card';
 export * from './ClipboardButton';
 export * from './ClipboardIcon';
 export * from './CopyToClipboard';
+export * from './DefinitionList';
+export * from './HelpMark';
 export * from './Dialog';
 export * from './Disclosure';
 export * from './Divider';
 export * from './DropdownMenu';
+export * from './FilePreview';
 export * from './Hotkey';
 export * from './Icon';
 export * from './AvatarStack';
@@ -32,6 +35,7 @@ export * from './Pagination';
 export * from './Palette';
 export * from './UserLabel';
 export * from './PinInput';
+export * from './PlaceholderContainer';
 export * from './Popover';
 export * from './Popup';
 export * from './Portal';
@@ -64,3 +68,4 @@ export * from './utils/layer-manager';
 export {Lang, configure, getConfig} from './utils/configure';
 export * from './utils/xpath';
 export {getUniqId} from './utils/common';
+export {getElementRef} from './utils/getElementRef';
diff --git a/src/components/lab/NumberInput/NumberInput.scss b/src/components/lab/NumberInput/NumberInput.scss
new file mode 100644
index 0000000000..2169078b24
--- /dev/null
+++ b/src/components/lab/NumberInput/NumberInput.scss
@@ -0,0 +1,42 @@
+@use '../../variables';
+
+$block: '.#{variables.$ns}number-input';
+
+#{$block} {
+    &_size {
+        &_s {
+            --_--textinput-end-padding: 1px;
+        }
+
+        &_m {
+            --_--textinput-end-padding: 1px;
+        }
+
+        &_l {
+            --_--textinput-end-padding: 3px;
+        }
+
+        &_xl {
+            --_--textinput-end-padding: 3px;
+        }
+    }
+
+    &_view_normal {
+        --_--arrows-border-color: var(--g-color-line-generic);
+
+        &#{$block}_state_error {
+            --_--arrows-border-color: var(--g-color-line-danger);
+        }
+    }
+
+    &_view_clear {
+        --_--arrows-border-color: transparent;
+    }
+
+    &__arrows {
+        border-style: none;
+        border-inline-start-style: solid;
+
+        margin-inline: var(--_--textinput-end-padding) calc(0px - var(--_--textinput-end-padding));
+    }
+}
diff --git a/src/components/lab/NumberInput/NumberInput.tsx b/src/components/lab/NumberInput/NumberInput.tsx
new file mode 100644
index 0000000000..97d347bb64
--- /dev/null
+++ b/src/components/lab/NumberInput/NumberInput.tsx
@@ -0,0 +1,282 @@
+'use client';
+
+import React from 'react';
+
+import {KeyCode} from '../../../constants';
+import {useControlledState, useForkRef} from '../../../hooks';
+import {useFormResetHandler} from '../../../hooks/private';
+import {TextInput} from '../../controls/TextInput';
+import type {BaseInputControlProps} from '../../controls/types';
+import {getInputControlState} from '../../controls/utils';
+import {block} from '../../utils/cn';
+
+import {NumericArrows} from './NumericArrows/NumericArrows';
+import {
+    areStringRepresentationOfNumbersEqual,
+    clampToNearestStepValue,
+    getInputPattern,
+    getInternalState,
+    getParsedValue,
+    getPossibleNumberSubstring,
+    updateCursorPosition,
+} from './utils';
+
+import './NumberInput.scss';
+
+const b = block('number-input');
+
+export interface NumberInputProps
+    extends Omit<
+        BaseInputControlProps<HTMLInputElement>,
+        'error' | 'value' | 'defaultValue' | 'onUpdate'
+    > {
+    /** The control's html attributes */
+    controlProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'onChange'>;
+    /** Help text rendered to the left of the input node */
+    label?: string;
+    /** Indicates that the user cannot change control's value */
+    readOnly?: boolean;
+    /** User`s node rendered before label and input node */
+    startContent?: React.ReactNode;
+    /** User`s node rendered after input node and clear button */
+    endContent?: React.ReactNode;
+    /** An optional element displayed under the lower right corner of the control and sharing the place with the error container */
+    note?: React.ReactNode;
+
+    /** Hides increment/decrement buttons at the end of control
+     */
+    hiddenControls?: boolean;
+    /** min allowed value. It is used for clamping entered value to allowed range
+     * @default Number.MAX_SAFE_INTEGER
+     */
+    min?: number;
+    /** max allowed value. It is used for clamping entered value to allowed range
+     * @default Number.MIN_SAFE_INTEGER
+     */
+    max?: number;
+    /** Delta for incrementing/decrementing entered value with arrow keyboard buttons or component controls
+     * @default 1
+     */
+    step?: number;
+    /** Step multiplier when shift button is pressed
+     * @default 10
+     */
+    shiftMultiplier?: number;
+    /** Enables ability to enter decimal numbers
+     * @default false
+     */
+    allowDecimal?: boolean;
+    /** The control's value */
+    value?: number | null;
+    /** The control's default value. Use when the component is not controlled */
+    defaultValue?: number | null;
+    /** Fires when the input’s value is changed by the user. Provides new value as an callback's argument */
+    onUpdate?: (value: number | null) => void;
+}
+
+function getStringValue(value: number | null) {
+    return value === null ? '' : String(value);
+}
+
+export const NumberInput = React.forwardRef<HTMLSpanElement, NumberInputProps>(function NumberInput(
+    {endContent, defaultValue: externalDefaultValue, ...props},
+    ref,
+) {
+    const {
+        value: externalValue,
+        onChange: handleChange,
+        onUpdate: externalOnUpdate,
+        min: externalMin,
+        max: externalMax,
+        shiftMultiplier: externalShiftMultiplier = 10,
+        step: externalStep = 1,
+        size = 'm',
+        view = 'normal',
+        disabled,
+        hiddenControls,
+        validationState,
+        onBlur,
+        onKeyDown,
+        allowDecimal = false,
+        className,
+    } = props;
+
+    const {
+        min,
+        max,
+        step: baseStep,
+        value: internalValue,
+        defaultValue,
+        shiftMultiplier,
+    } = getInternalState({
+        min: externalMin,
+        max: externalMax,
+        step: externalStep,
+        shiftMultiplier: externalShiftMultiplier,
+        allowDecimal,
+        value: externalValue,
+        defaultValue: externalDefaultValue,
+    });
+
+    const [value, setValue] = useControlledState(
+        internalValue,
+        defaultValue ?? null,
+        externalOnUpdate,
+    );
+
+    const [inputValue, setInputValue] = React.useState(getStringValue(value));
+
+    React.useEffect(() => {
+        const stringPropsValue = getStringValue(value);
+        setInputValue((currentInputValue) => {
+            if (!areStringRepresentationOfNumbersEqual(currentInputValue, stringPropsValue)) {
+                return stringPropsValue;
+            }
+            return currentInputValue;
+        });
+    }, [value]);
+
+    const clamp = true;
+
+    const safeValue = value ?? 0;
+
+    const state = getInputControlState(validationState);
+
+    const canIncrementNumber = safeValue < (max ?? Number.MAX_SAFE_INTEGER);
+
+    const canDecrementNumber = safeValue > (min ?? Number.MIN_SAFE_INTEGER);
+
+    const innerControlRef = React.useRef<HTMLInputElement>(null);
+    const fieldRef = useFormResetHandler({
+        initialValue: value,
+        onReset: setValue,
+    });
+    const handleRef = useForkRef(props.controlRef, innerControlRef, fieldRef);
+
+    const handleValueDelta = (
+        e:
+            | React.MouseEvent<HTMLButtonElement>
+            | React.WheelEvent<HTMLInputElement>
+            | React.KeyboardEvent<HTMLInputElement>,
+        direction: 'up' | 'down',
+    ) => {
+        const step = e.shiftKey ? shiftMultiplier * baseStep : baseStep;
+        const deltaWithSign = direction === 'up' ? step : -step;
+        if (direction === 'up' ? canIncrementNumber : canDecrementNumber) {
+            const newValue = clampToNearestStepValue({
+                value: safeValue + deltaWithSign,
+                step: baseStep,
+                min,
+                max,
+                direction,
+            });
+            setValue?.(newValue);
+            setInputValue(newValue.toString());
+        }
+    };
+
+    const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (e) => {
+        if (e.key === KeyCode.ARROW_DOWN) {
+            e.preventDefault();
+            handleValueDelta(e, 'down');
+        } else if (e.key === KeyCode.ARROW_UP) {
+            e.preventDefault();
+            handleValueDelta(e, 'up');
+        } else if (e.key === KeyCode.HOME) {
+            e.preventDefault();
+            if (min !== undefined) {
+                setValue?.(min);
+                setInputValue(min.toString());
+            }
+        } else if (e.key === KeyCode.END) {
+            e.preventDefault();
+            if (max !== undefined) {
+                const newValue = clampToNearestStepValue({
+                    value: max,
+                    step: baseStep,
+                    min,
+                    max,
+                });
+                setValue?.(newValue);
+                setInputValue(newValue.toString());
+            }
+        }
+        onKeyDown?.(e);
+    };
+
+    const handleBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {
+        if (clamp && value !== null) {
+            const clampedValue = clampToNearestStepValue({
+                value,
+                step: baseStep,
+                min,
+                max,
+            });
+
+            if (value !== clampedValue) {
+                setValue?.(clampedValue);
+            }
+            setInputValue(clampedValue.toString());
+        }
+        onBlur?.(e);
+    };
+
+    const handleUpdate = (v: string) => {
+        setInputValue(v);
+        const preparedStringValue = getPossibleNumberSubstring(v, allowDecimal);
+        updateCursorPosition(innerControlRef, v, preparedStringValue);
+        const {valid, value: parsedNumberValue} = getParsedValue(preparedStringValue);
+        if (valid && parsedNumberValue !== value) {
+            setValue?.(parsedNumberValue);
+        }
+    };
+
+    const handleInput: React.FormEventHandler<HTMLInputElement> = (e) => {
+        const preparedStringValue = getPossibleNumberSubstring(e.currentTarget.value, allowDecimal);
+        updateCursorPosition(innerControlRef, e.currentTarget.value, preparedStringValue);
+    };
+
+    return (
+        <TextInput
+            {...props}
+            className={b({size, view, state}, className)}
+            controlProps={{
+                onInput: handleInput,
+                ...props.controlProps,
+                role: 'spinbutton',
+                inputMode: allowDecimal ? 'decimal' : 'numeric',
+                pattern: props.controlProps?.pattern ?? getInputPattern(allowDecimal, false),
+                'aria-valuemin': props.min,
+                'aria-valuemax': props.max,
+                'aria-valuenow': value === null ? undefined : value,
+            }}
+            controlRef={handleRef}
+            value={inputValue}
+            onChange={handleChange}
+            onUpdate={handleUpdate}
+            onKeyDown={handleKeyDown}
+            onBlur={handleBlur}
+            ref={ref}
+            unstable_endContent={
+                <React.Fragment>
+                    {endContent}
+                    {hiddenControls ? null : (
+                        <NumericArrows
+                            className={b('arrows')}
+                            size={size}
+                            disabled={disabled}
+                            onUpClick={(e) => {
+                                innerControlRef.current?.focus();
+                                handleValueDelta(e, 'up');
+                            }}
+                            onDownClick={(e) => {
+                                innerControlRef.current?.focus();
+                                handleValueDelta(e, 'down');
+                            }}
+                        />
+                    )}
+                </React.Fragment>
+            }
+        />
+    );
+});
diff --git a/src/components/lab/NumberInput/NumericArrows/NumericArrows.scss b/src/components/lab/NumberInput/NumericArrows/NumericArrows.scss
new file mode 100644
index 0000000000..d4392989ef
--- /dev/null
+++ b/src/components/lab/NumberInput/NumericArrows/NumericArrows.scss
@@ -0,0 +1,40 @@
+@use '../../../variables';
+
+$block: '.#{variables.$ns}numeric-arrows';
+
+#{$block} {
+    --_--border-width: var(--g-text-input-border-width, 1px);
+
+    width: 24px;
+    height: fit-content;
+
+    &,
+    &__separator {
+        border-width: var(--_--border-width);
+        border-color: var(--_--arrows-border-color);
+    }
+
+    &_size {
+        &_s {
+            --g-button-height: 11px;
+        }
+
+        &_m {
+            --g-button-height: 13px;
+        }
+
+        &_l {
+            --g-button-height: 17px;
+        }
+
+        &_xl {
+            --g-button-height: 21px;
+        }
+    }
+
+    &__separator {
+        width: 100%;
+        height: 0px;
+        border-block-start-style: solid;
+    }
+}
diff --git a/src/components/lab/NumberInput/NumericArrows/NumericArrows.tsx b/src/components/lab/NumberInput/NumericArrows/NumericArrows.tsx
new file mode 100644
index 0000000000..1c59c70492
--- /dev/null
+++ b/src/components/lab/NumberInput/NumericArrows/NumericArrows.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+
+import {ChevronDown, ChevronUp} from '@gravity-ui/icons';
+
+import {Button} from '../../../Button';
+import type {ButtonProps} from '../../../Button';
+import {Icon} from '../../../Icon';
+import type {InputControlSize} from '../../../controls/types';
+import {Flex} from '../../../layout';
+import {block} from '../../../utils/cn';
+import i18n from '../i18n';
+import {CONTROL_BUTTONS_QA, DECREMENT_BUTTON_QA, INCREMENT_BUTTON_QA} from '../utils';
+
+import './NumericArrows.scss';
+
+const b = block('numeric-arrows');
+
+interface NumericArrowsProps extends React.HTMLAttributes<'div'> {
+    className?: string;
+    size: InputControlSize;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    onUpClick: React.MouseEventHandler<HTMLButtonElement>;
+    onDownClick: React.MouseEventHandler<HTMLButtonElement>;
+}
+
+export function NumericArrows({
+    className,
+    size,
+    disabled,
+    onUpClick,
+    onDownClick,
+    ...restProps
+}: NumericArrowsProps) {
+    const commonBtnProps: Partial<ButtonProps> = {
+        size: 's',
+        pin: 'brick-brick',
+        view: 'flat-secondary',
+        disabled,
+        tabIndex: -1,
+        width: 'max',
+        extraProps: {
+            'aria-hidden': 'true',
+        },
+    };
+
+    return (
+        <Flex
+            direction="column"
+            className={b({size}, className)}
+            qa={CONTROL_BUTTONS_QA}
+            {...restProps}
+        >
+            <Button
+                className={b('arrow-btn')}
+                qa={INCREMENT_BUTTON_QA}
+                {...commonBtnProps}
+                onClick={onUpClick}
+                extraProps={{'aria-label': i18n('label_increment')}}
+            >
+                <Icon data={ChevronUp} size={12} />
+            </Button>
+            <span className={b('separator')} />
+            <Button
+                className={b('arrow-btn')}
+                qa={DECREMENT_BUTTON_QA}
+                {...commonBtnProps}
+                onClick={onDownClick}
+                extraProps={{'aria-label': i18n('label_decrement')}}
+            >
+                <Icon data={ChevronDown} size={12} />
+            </Button>
+        </Flex>
+    );
+}
diff --git a/src/components/lab/NumberInput/README.md b/src/components/lab/NumberInput/README.md
new file mode 100644
index 0000000000..98d8324467
--- /dev/null
+++ b/src/components/lab/NumberInput/README.md
@@ -0,0 +1,415 @@
+<!--GITHUB_BLOCK-->
+
+# NumberInput
+
+<!--/GITHUB_BLOCK-->
+
+```tsx
+import {unstable_NumberInput as NumberInput} from '@gravity-ui/uikit/unstable';
+```
+
+NumberInput allow users to enter numbers into a UI.
+
+## Appearance
+
+The appearance of `NumberInput` is controlled by the `view` and `pin` properties.
+
+### View
+
+`normal` - the main view of `NumberInput` (used by default).
+
+<!--LANDING_BLOCK
+<ExampleBlock code={`<NumberInput placeholder="Placeholder" />`}>
+    <UIKit.NumberInput placeholder="Placeholder" />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+`clear` - can be used with a custom wrapper for `NumberInput`.
+
+<!--LANDING_BLOCK
+<ExampleBlock code={`<NumberInput view="clear" placeholder="Placeholder" />`}>
+    <UIKit.NumberInput view="clear" placeholder="Placeholder" />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput view="normal" />
+<NumberInput view="clear" />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### Pin
+
+Allows you to control view of right and left edges of `NumberInput`'s border.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+<NumberInput placeholder="Placeholder" pin="round-brick" />
+<NumberInput placeholder="Placeholder" pin="brick-brick" />
+<NumberInput placeholder="Placeholder" pin="brick-round" />
+`}
+>
+    <UIKit.NumberInput placeholder="Placeholder" pin="round-brick" />
+    <UIKit.NumberInput placeholder="Placeholder" pin="brick-brick" />
+    <UIKit.NumberInput placeholder="Placeholder" pin="brick-round" />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput pin="round-brick" />
+<NumberInput pin="brick-brick" />
+<NumberInput pin="brick-round" />
+```
+
+<!--/GITHUB_BLOCK-->
+
+## States
+
+### Disabled
+
+The state of the `NumberInput` where you don't want the user to be able to interact with the component.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+<NumberInput placeholder="Placeholder" disabled={true} />
+`}
+>
+    <UIKit.NumberInput placeholder="Placeholder" disabled={true} />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput disabled />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### Error
+
+The state of the `NumberInput` in which you want to indicate incorrect user input. To change `NumberInput` appearance, use the `validationState` property with the `"invalid"` value. An optional message text can be added via the `errorMessage` property. By default, message text is rendered outside the component.
+This behaviour can be changed with the `errorPlacement` property.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+<NumberInput placeholder="Placeholder" errorMessage="Error message" validationState="invalid" />
+<NumberInput placeholder="Placeholder" errorPlacement="inside" errorMessage="Error message" validationState="invalid" />
+`}
+>
+    <UIKit.NumberInput placeholder="Placeholder" errorMessage="Error message" validationState="invalid" />
+    <UIKit.NumberInput placeholder="Placeholder" errorPlacement="inside" errorMessage="Error message" validationState="invalid" />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput errorMessage="Error message" validationState="invalid" />
+<NumberInput errorPlacement="inside" errorMessage="Error message" validationState="invalid" />
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Size
+
+`s` – Used when standard controls are too big (tables, small cards).
+
+`m` – Basic size, used in most components.
+
+`l` – Basic controls performed in a page's header, modal windows, or pop-ups.
+
+`xl` – Used on promo and landing pages.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+<NumberInput placeholder="Placeholder" size="s" />
+<NumberInput placeholder="Placeholder" size="m" />
+<NumberInput placeholder="Placeholder" size="l" />
+<NumberInput placeholder="Placeholder" size="xl" />
+`}
+>
+    <UIKit.NumberInput placeholder="Placeholder" size="s" />
+    <UIKit.NumberInput placeholder="Placeholder" size="m" />
+    <UIKit.NumberInput placeholder="Placeholder" size="l" />
+    <UIKit.NumberInput placeholder="Placeholder" size="xl" />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput size="s" />
+<NumberInput size="m" />
+<NumberInput size="l" />
+<NumberInput size="xl" />
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Label
+
+Allows you to set the label to the left of control.
+
+- label is located to the right of the elements added via `startContent` property.
+- label can take up no more than half the width of the entire NumberInput's space.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+<NumberInput placeholder="Placeholder" label="Label" />
+<NumberInput placeholder="Placeholder" label="Very long label with huge amount of symbols" />
+`}
+>
+    <UIKit.NumberInput placeholder="Placeholder" label="Label" />
+    <UIKit.NumberInput placeholder="Placeholder" label="Very long label with huge amount of symbols" />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput label="Label" />
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Additional content
+
+### Start content
+
+Allows you to add content to the left of the control. Located to the left of the label added via `label` property.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`<NumberInput placeholder="Placeholder" label="Label" startContent={<Label size="s">Start</Label>} />`}
+>
+    <UIKit.NumberInput
+        placeholder="Search"
+        label="Label"
+        startContent={<UIKit.Label size="s">Left</UIKit.Label>}
+    />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput startContent={<Label>Left</Label>} />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### End content
+
+Allows you to add content to the right of the control. Located to the right of the clear button added via `hasClear` property and inside-placed error icon.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`<NumberInput placeholder="Placeholder" endContent={<Label size="s">Right</Label>} hasClear/>`}
+>
+    <UIKit.NumberInput
+        hasClear
+        placeholder="Placeholder"
+        endContent={<UIKit.Label size="s">Right</UIKit.Label>}
+    />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput endContent={<Label>Right</Label>} />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### Controls
+
+Visibility of incrementing/decrementing arrow-controls in the rightmost position in the component can be managed by `hiddenControls` property.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+    <NumberInput/>
+    <NumberInput hiddenControls/>
+    `}
+>
+    <UIKit.NumberInput/>
+    <UIKit.NumberInput hiddenControls/>
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput />
+<NumberInput hiddenControls />
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Behaviour
+
+### Min/max values
+
+Allow you to set minimum and maximum values, which can be entered to the input. Values which are not fit into defined range would be clamped on blur to the nearest allowed value.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`<NumberInput min={-100} max={100}/>`}
+>
+    <UIKit.NumberInput
+        min={-100}
+        max={100}
+    />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput min={-100} max={100} />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### Step
+
+Allows you to set the amount on which value in the input is incremented or decremented with arrow buttons in component controls or on keyboard.
+
+It also adds restrictions on allowed values and enabled clamping entered number on blur to allowed values by the following rules:
+
+- if step and min value are defined with integer values, then allowed values are defined as `min + (step * n)`, where `n` is an integer number;
+- if step is an integer number and min value is not defined, then allowed values are defined as a divisible by step;
+- if step or min values are decimal, then clamping is not applicable
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`<NumberInput min={-10} step={4}/>`}
+>
+    <UIKit.NumberInput
+        min={-10}
+        step={4}
+    />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput min={-10} step={4} />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### Step multiplier
+
+Allows you to set the value by which the step value is multiplied when the Shift button on the keyboard is pressed by defining `shiftMultiplier` property.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+    <NumberInput shiftMultiplier={50}/>
+    <NumberInput shiftMultiplier={8} step={4}/>
+    `}
+>
+    <UIKit.NumberInput
+        shiftMultiplier={50}
+    />
+    <UIKit.NumberInput
+        shiftMultiplier={8}
+        step={4}
+    />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput shiftMultiplier={50} />
+<NumberInput shiftMultiplier={8} step={4} />
+```
+
+<!--/GITHUB_BLOCK-->
+
+### Decimal values restriction
+
+Allows you to switch ability to enter only integer or also decimal values by `allowDecimal` property.
+With `allowDecimal={false}` property a dot entered to the input would be ignored and pasted decimal values would be rounded down.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+    <NumberInput allowDecimal/>
+    <NumberInput allowDecimal={false}/>
+    `}
+>
+    <UIKit.NumberInput allowDecimal/>
+    <UIKit.NumberInput allowDecimal={false}/>
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<NumberInput allowDecimal />
+<NumberInput allowDecimal={false} />
+```
+
+<!--/GITHUB_BLOCK-->
+
+## Properties
+
+| Name            | Description                                                                                                             |                     Type                      |      Default       |
+| :-------------- | :---------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :----------------: |
+| allowDecimal    | Enables ability to enter decimal numbers                                                                                |                   `boolean`                   |      `false`       |
+| autoComplete    | The control's `autocomplete` attribute                                                                                  |              `boolean` `string`               |                    |
+| autoFocus       | The control's `autofocus` attribute                                                                                     |                   `boolean`                   |                    |
+| className       | The control's wrapper class name                                                                                        |                   `string`                    |                    |
+| controlProps    | The control's html attributes                                                                                           | `React.InputHTMLAttributes<HTMLInputElement>` |                    |
+| controlRef      | React ref provided to the control                                                                                       |         `React.Ref<HTMLInputElement>`         |                    |
+| defaultValue    | The control's default value, used when the component is not controlled                                                  |             `number` `undefined`              |                    |
+| disabled        | Indicates that the user cannot interact with the control                                                                |                   `boolean`                   |      `false`       |
+| endContent      | User`s node rendered after the input node, clear button and inside error icon                                           |               `React.ReactNode`               |                    |
+| errorMessage    | Error text                                                                                                              |                   `string`                    |                    |
+| errorPlacement  | Error placement                                                                                                         |              `outside` `inside`               |     `outside`      |
+| hasClear        | Shows the icon for clearing control's value                                                                             |                   `boolean`                   |      `false`       |
+| hiddenControls  | Hides increment/decrement buttons at the end of control                                                                 |                   `boolean`                   |                    |
+| id              | The control's `id` attribute                                                                                            |                   `string`                    |                    |
+| label           | Help text rendered to the left of the input node                                                                        |                   `string`                    |                    |
+| max             | max allowed value. It is used for clamping entered value to allowed range                                               |                   `number`                    | `MAX_SAFE_INTEGER` |
+| min             | min allowed value. It is used for clamping entered value to allowed range                                               |                   `number`                    | `MIN_SAFE_INTEGER` |
+| name            | The `name` attribute of the control. If unspecified, it will be autogenerated if not specified                          |                   `string`                    |                    |
+| note            | An optional element displayed under the bottom-right corner of the control that shares a space with the error container |               `React.ReactNode`               |                    |
+| onBlur          | Fires when the control lost focus. Provides focus event as a callback's argument                                        |                  `function`                   |                    |
+| onChange        | Fires when the input’s value is changed by the user. Provides change event as an callback's argument                    |                  `function`                   |                    |
+| onFocus         | Fires when the control gets focus. Provides focus event as a callback's argument                                        |                  `function`                   |                    |
+| onKeyDown       | Fires when a key is pressed. Provides keyboard event as a callback's argument                                           |                  `function`                   |                    |
+| onKeyUp         | Fires when a key is released. Provides keyboard event as a callback's argument                                          |                  `function`                   |                    |
+| onUpdate        | Fires when the input’s value is changed by the user. Provides new value as an callback's argument                       |                  `function`                   |                    |
+| pin             | The control's border view                                                                                               |                   `string`                    |  `'round-round'`   |
+| placeholder     | Text that appears in the control when it has no value set                                                               |                   `string`                    |                    |
+| qa              | Test ID attribute (`data-qa`)                                                                                           |                   `string`                    |                    |
+| readonly        | Indicates that the user cannot change control's value                                                                   |                   `boolean`                   |      `false`       |
+| shiftMultiplier | Step multiplier when shift button is pressed                                                                            |                   `number`                    |        `10`        |
+| size            | The size of the control                                                                                                 |           `"s"` `"m"` `"l"` `"xl"`            |       `"m"`        |
+| step            | Delta for incrementing/decrementing entered value with arrow keyboard buttons or component controls                     |                   `number`                    |        `1`         |
+| startContent    | The user`s node rendered before label and input                                                                         |               `React.ReactNode`               |                    |
+| tabIndex        | The `tabindex` attribute of the control                                                                                 |                   `string`                    |                    |
+| validationState | Validation state                                                                                                        |                  `"invalid"`                  |                    |
+| value           | The value of the control                                                                                                |             `number` `undefined`              |                    |
+| view            | The view of the control                                                                                                 |             `"normal"` `"clear"`              |     `"normal"`     |
+
+## CSS API
+
+Component does not have its own css api, but it extends parent TextInput component api
diff --git a/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-dark-chromium-linux.png b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-dark-chromium-linux.png
new file mode 100644
index 0000000000..695c912bc6
Binary files /dev/null and b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-dark-chromium-linux.png differ
diff --git a/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-dark-webkit-linux.png b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-dark-webkit-linux.png
new file mode 100644
index 0000000000..5d0cf7eaec
Binary files /dev/null and b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-dark-webkit-linux.png differ
diff --git a/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-light-chromium-linux.png b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-light-chromium-linux.png
new file mode 100644
index 0000000000..fccc084797
Binary files /dev/null and b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-light-chromium-linux.png differ
diff --git a/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-light-webkit-linux.png b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-light-webkit-linux.png
new file mode 100644
index 0000000000..bc5d4239e7
Binary files /dev/null and b/src/components/lab/NumberInput/__snapshots__/NumberInput.visual.test.tsx-snapshots/NumberInput-render-story-Default-light-webkit-linux.png differ
diff --git a/src/components/lab/NumberInput/__stories__/Docs.mdx b/src/components/lab/NumberInput/__stories__/Docs.mdx
new file mode 100644
index 0000000000..37f9ff61f0
--- /dev/null
+++ b/src/components/lab/NumberInput/__stories__/Docs.mdx
@@ -0,0 +1,7 @@
+import {Meta, Markdown} from '@storybook/addon-docs';
+import * as Stories from './NumberInput.stories';
+import Readme from '../README.md?raw';
+
+<Meta of={Stories} />
+
+<Markdown>{Readme}</Markdown>
diff --git a/src/components/lab/NumberInput/__stories__/NumberInput.stories.tsx b/src/components/lab/NumberInput/__stories__/NumberInput.stories.tsx
new file mode 100644
index 0000000000..12e340a203
--- /dev/null
+++ b/src/components/lab/NumberInput/__stories__/NumberInput.stories.tsx
@@ -0,0 +1,209 @@
+import React from 'react';
+
+import {ArrowShapeUpToLine} from '@gravity-ui/icons';
+import type {Meta, StoryObj} from '@storybook/react';
+
+import {Showcase} from '../../../../demo/Showcase';
+import {Button} from '../../../Button';
+import {Icon} from '../../../Icon';
+import {Text} from '../../../Text';
+import {NumberInput} from '../NumberInput';
+import type {NumberInputProps} from '../NumberInput';
+
+export default {
+    title: 'Lab/NumberInput',
+    component: NumberInput,
+    parameters: {
+        a11y: {
+            element: '#storybook-root',
+            config: {
+                rules: [
+                    {
+                        id: 'color-contrast',
+                        enabled: false,
+                        selector: '.g-outer-additional-content',
+                    },
+                    {
+                        id: 'label-title-only',
+                        enabled: false,
+                    },
+                    {
+                        id: 'label',
+                        enabled: false,
+                    },
+                ],
+            },
+        },
+    },
+} as Meta;
+
+type Story = StoryObj<typeof NumberInput>;
+
+function StoryWithState(args: NumberInputProps) {
+    const [value, setValue] = React.useState(args.value ?? args.defaultValue ?? null);
+    return <NumberInput {...args} value={value} onUpdate={setValue} />;
+}
+
+export const Default: Story = {
+    args: {},
+    render: (args) => <NumberInput {...args} />,
+};
+
+export const Behaviour: Story = {
+    args: {},
+    render: (args) => (
+        <Showcase>
+            <StoryWithState placeholder="controlled" {...args} />
+            <NumberInput placeholder="uncontrolled" {...args} />
+        </Showcase>
+    ),
+};
+
+export const Sizes: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput size="s" placeholder="size=s" {...args} />
+            <NumberInput size="m" placeholder="size=m" {...args} />
+            <NumberInput size="l" placeholder="size=l" {...args} />
+            <NumberInput size="xl" placeholder="size=xl" {...args} />
+        </Showcase>
+    ),
+};
+
+export const Errors: Story = {
+    args: {
+        ...Default.args,
+        validationState: 'invalid',
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput placeholder="without message" {...args} />
+            <NumberInput
+                placeholder="inside error placement"
+                errorPlacement="inside"
+                errorMessage="A validation error has occurred"
+                {...args}
+            />
+            <NumberInput
+                placeholder="outside error placement"
+                errorPlacement="outside"
+                errorMessage="A validation error has occurred"
+                {...args}
+            />
+        </Showcase>
+    ),
+};
+
+export const View: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput placeholder="view=normal" view="normal" {...args} />
+            <NumberInput placeholder="view=normal disabled" view="normal" disabled {...args} />
+            <NumberInput placeholder="view=clear" view="clear" {...args} />
+            <NumberInput placeholder="view=clear disabled" view="clear" disabled {...args} />
+        </Showcase>
+    ),
+};
+
+export const Controls: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput placeholder="with controls" {...args} />
+            <NumberInput placeholder="without controls" hiddenControls={true} {...args} />
+            <NumberInput placeholder="has clear" value={123} hasClear {...args} />
+        </Showcase>
+    ),
+};
+
+export const AdditionalContent: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput placeholder="without start content" startContent="$" {...args} />
+            <NumberInput placeholder="without end content" endContent="$" {...args} />
+            <NumberInput
+                placeholder="without button start content"
+                startContent={
+                    <Button size={args.size ?? 'm'} view="flat" title="example button">
+                        <Icon data={ArrowShapeUpToLine} />
+                    </Button>
+                }
+                {...args}
+            />
+            <NumberInput
+                placeholder="without button end content"
+                endContent={
+                    <Button size={args.size ?? 'm'} view="flat" title="example button">
+                        <Icon data={ArrowShapeUpToLine} />
+                    </Button>
+                }
+                {...args}
+            />
+        </Showcase>
+    ),
+};
+
+export const Step: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput placeholder="default [step=1]" {...args} />
+            <NumberInput step={5} placeholder="step=5" {...args} />
+            <NumberInput shiftMultiplier={50} placeholder="shiftMultiplier=50" {...args} />
+            <NumberInput step={5} min={2} placeholder="step=5 min=2" {...args} />
+            <NumberInput
+                step={1.25}
+                allowDecimal
+                placeholder="step=1.25 with allowDecimal"
+                {...args}
+            />
+        </Showcase>
+    ),
+};
+
+export const MinMax: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput min={-1000} max={1000} placeholder="min=-1000 max=1000" {...args} />
+            <NumberInput
+                min={-10.25}
+                max={1000}
+                allowDecimal
+                placeholder="min=-10.25 max=1000 with allowDecimal"
+                {...args}
+            />
+        </Showcase>
+    ),
+};
+
+export const TextHints: Story = {
+    args: {
+        ...Default.args,
+    },
+    render: (args) => (
+        <Showcase>
+            <NumberInput placeholder="with label" label="Label:" {...args} />
+            <NumberInput
+                placeholder="with note"
+                note={<Text color="secondary">Additional</Text>}
+                {...args}
+            />
+        </Showcase>
+    ),
+};
diff --git a/src/components/lab/NumberInput/__tests__/NumberInput.test.tsx b/src/components/lab/NumberInput/__tests__/NumberInput.test.tsx
new file mode 100644
index 0000000000..859360ba67
--- /dev/null
+++ b/src/components/lab/NumberInput/__tests__/NumberInput.test.tsx
@@ -0,0 +1,542 @@
+import React from 'react';
+
+import userEvent from '@testing-library/user-event';
+
+import {act, fireEvent, render, screen} from '../../../../../test-utils/utils';
+import {KeyCode} from '../../../../constants';
+import {CONTROL_ERROR_ICON_QA} from '../../../controls/utils';
+import {NumberInput} from '../NumberInput';
+import {CONTROL_BUTTONS_QA, DECREMENT_BUTTON_QA, INCREMENT_BUTTON_QA} from '../utils';
+
+describe('NumberInput input', () => {
+    const getUpButton = () => screen.getByTestId(INCREMENT_BUTTON_QA);
+    const getDownButton = () => screen.getByTestId(DECREMENT_BUTTON_QA);
+    const getClearButton = () => screen.queryByRole('button', {name: 'Clear'});
+    const getControls = () => screen.queryByTestId(CONTROL_BUTTONS_QA);
+    const getInput = () => screen.getByRole('spinbutton');
+
+    describe('basic', () => {
+        test('render input by default', () => {
+            render(<NumberInput />);
+            const input = getInput();
+
+            expect(input).toBeVisible();
+            expect(input.tagName.toLowerCase()).toBe('input');
+        });
+
+        it('calls onUpdate and onChange on input change', async () => {
+            const handleUpdate = jest.fn();
+            const handleChange = jest.fn();
+            render(<NumberInput onUpdate={handleUpdate} onChange={handleChange} />);
+            fireEvent.change(getInput(), {target: {value: '1'}});
+
+            expect(handleUpdate).toHaveBeenCalledWith(1);
+            expect(handleChange).toHaveBeenCalled();
+        });
+
+        it('calls onUpdate and onChange on input paste', async () => {
+            const handleUpdate = jest.fn();
+            const handleChange = jest.fn();
+            render(<NumberInput allowDecimal onUpdate={handleUpdate} onChange={handleChange} />);
+            fireEvent.change(getInput(), {target: {value: '- $123.45k'}});
+
+            expect(handleUpdate).toHaveBeenCalledWith(-123.45);
+            expect(handleChange).toHaveBeenCalled();
+        });
+
+        it('shows empty input with undefined value', async () => {
+            const handleUpdate = jest.fn();
+            const handleChange = jest.fn();
+            render(
+                <NumberInput value={undefined} onUpdate={handleUpdate} onChange={handleChange} />,
+            );
+
+            expect(getInput()).toHaveValue('');
+        });
+
+        it('calls onUpdate and onChange only with valid chars', async () => {
+            const handleUpdate = jest.fn();
+            const handleChange = jest.fn();
+            render(<NumberInput allowDecimal onUpdate={handleUpdate} onChange={handleChange} />);
+            fireEvent.change(getInput(), {target: {value: '123abc4.5'}});
+
+            expect(handleUpdate).toHaveBeenCalledWith(1234.5);
+        });
+
+        it('assumes comma as dot', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput allowDecimal onUpdate={handleUpdate} />);
+
+            fireEvent.change(getInput(), {target: {value: '1,2'}});
+
+            expect(handleUpdate).toHaveBeenCalledWith(1.2);
+        });
+
+        it('does not call onUpdate with incomplete number input (with minus sign only or trailing dot)', async () => {
+            const handleUpdate = jest.fn();
+            const handleChange = jest.fn();
+            render(<NumberInput allowDecimal onUpdate={handleUpdate} onChange={handleChange} />);
+            fireEvent.change(getInput(), {target: {value: '-'}});
+            fireEvent.change(getInput(), {target: {value: '-1.'}});
+
+            expect(handleUpdate).toHaveBeenCalledTimes(1);
+            expect(handleUpdate).toHaveBeenCalledWith(-1);
+        });
+
+        it('calls onFocus on increment/decrement button click', async () => {
+            const user = userEvent.setup();
+            const handleFocus = jest.fn();
+            render(<NumberInput value={1} onFocus={handleFocus} />);
+
+            await user.click(getUpButton());
+            expect(handleFocus).toHaveBeenCalledTimes(1);
+        });
+
+        it('ignores trailing dot when pasting uncomplete value', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput allowDecimal onUpdate={handleUpdate} />);
+            fireEvent.change(getInput(), {target: {value: '1.'}});
+
+            expect(handleUpdate).toHaveBeenCalledWith(1);
+        });
+
+        it('removes trailling dot on blur', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput allowDecimal onUpdate={handleUpdate} />);
+            const input = getInput();
+            input.focus();
+            fireEvent.change(getInput(), {target: {value: '1.'}});
+            input.blur();
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(1);
+        });
+
+        it('removes redundant zeros on blur', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput allowDecimal step={0.1} onUpdate={handleUpdate} />);
+            const input = getInput();
+            input.focus();
+            fireEvent.change(getInput(), {target: {value: '00001.10000'}});
+            input.blur();
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(1.1);
+        });
+
+        it('sets min value on HOME button pressed when min defined', async () => {
+            const handleUpdate = jest.fn();
+            const user = userEvent.setup();
+            render(<NumberInput onUpdate={handleUpdate} min={5} value={100} />);
+
+            await user.click(getInput());
+            await user.keyboard(`{${KeyCode.HOME}}`);
+
+            expect(handleUpdate).toHaveBeenCalledWith(5);
+        });
+
+        it('ignores HOME button press when min is not defined', async () => {
+            const handleUpdate = jest.fn();
+            const user = userEvent.setup();
+            render(<NumberInput onUpdate={handleUpdate} value={100} />);
+
+            await user.click(getInput());
+            await user.keyboard(`{${KeyCode.HOME}}`);
+
+            expect(handleUpdate).not.toHaveBeenCalled();
+        });
+
+        it('sets max value on END button pressed when max defined', async () => {
+            const handleUpdate = jest.fn();
+            const user = userEvent.setup();
+            render(<NumberInput onUpdate={handleUpdate} max={123} value={100} />);
+
+            await user.click(getInput());
+            await user.keyboard(`{${KeyCode.END}}`);
+
+            expect(handleUpdate).toHaveBeenCalledWith(123);
+        });
+
+        it('ignores END button press when max is not defined', async () => {
+            const handleUpdate = jest.fn();
+            const user = userEvent.setup();
+            render(<NumberInput onUpdate={handleUpdate} value={100} />);
+
+            await user.click(getInput());
+            await user.keyboard(`{${KeyCode.END}}`);
+
+            expect(handleUpdate).not.toHaveBeenCalled();
+        });
+    });
+
+    describe('min/max', () => {
+        it('clamps to custom min value on blur', () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput min={-1} max={1000} value={-100000000} onUpdate={handleUpdate} />);
+            const input = getInput();
+            act(() => {
+                input.focus();
+                input.blur();
+            });
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(-1);
+        });
+        it('clamps to custom max value on blur', () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput min={-1} max={1000} value={100000000} onUpdate={handleUpdate} />);
+            const input = getInput();
+            act(() => {
+                input.focus();
+                input.blur();
+            });
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(1000);
+        });
+        it('clamps to default min value on blur', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={-10000000000000000000000} onUpdate={handleUpdate} />);
+            const input = getInput();
+            act(() => {
+                input.focus();
+                input.blur();
+            });
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(Number.MIN_SAFE_INTEGER);
+        });
+        it('clamps to default max value on blur', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={10000000000000000000000} onUpdate={handleUpdate} />);
+            const input = getInput();
+            act(() => {
+                input.focus();
+                input.blur();
+            });
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(Number.MAX_SAFE_INTEGER);
+        });
+        it('clamps to divisible value on blur', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput min={-2} value={7} step={4} onUpdate={handleUpdate} />);
+            const input = getInput();
+            act(() => {
+                input.focus();
+                input.blur();
+            });
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(6);
+        });
+        it('swaps min/max if max < min', async () => {
+            const handleUpdate = jest.fn();
+            render(<NumberInput min={1000} max={-1} value={100000000} onUpdate={handleUpdate} />);
+            const input = getInput();
+            act(() => {
+                input.focus();
+                input.blur();
+            });
+
+            expect(handleUpdate).toHaveBeenLastCalledWith(1000);
+        });
+
+        it('does not treats empty value as zero when clearing input', async () => {
+            const handleUpdate = jest.fn();
+            render(
+                <NumberInput
+                    min={-10.25}
+                    max={1000}
+                    value={0.75}
+                    allowDecimal
+                    onUpdate={handleUpdate}
+                />,
+            );
+
+            fireEvent.change(getInput(), {target: {value: ''}});
+            expect(handleUpdate).toHaveBeenLastCalledWith(null);
+        });
+    });
+
+    describe('render controls', () => {
+        it('render clear button', () => {
+            render(<NumberInput value={123} hasClear />);
+            expect(getClearButton()).toBeInTheDocument();
+        });
+
+        it('do not render clear button without hasClear prop', () => {
+            render(<NumberInput value={123} />);
+            expect(getClearButton()).not.toBeInTheDocument();
+        });
+
+        it('render increment/decrement control buttons', () => {
+            render(<NumberInput />);
+            expect(getControls()).toBeInTheDocument();
+        });
+
+        it('do not render increment/decrement control buttons with hiddenControls prop set to "true"', () => {
+            render(<NumberInput hiddenControls={true} />);
+            expect(getControls()).not.toBeInTheDocument();
+        });
+
+        it('render error with inside placement', () => {
+            render(
+                <NumberInput
+                    validationState="invalid"
+                    errorMessage="A validation error has occurred"
+                    errorPlacement="inside"
+                />,
+            );
+            expect(screen.getByTestId(CONTROL_ERROR_ICON_QA)).toBeInTheDocument();
+        });
+
+        it('render additional end content with default onClick handler', async () => {
+            const handleFocus = jest.fn();
+            render(
+                <NumberInput onFocus={handleFocus} endContent={<div>my awesome endContent</div>} />,
+            );
+            const customContent = await screen.findByText('my awesome endContent');
+            expect(customContent).toBeInTheDocument();
+
+            const user = userEvent.setup();
+            await user.click(customContent);
+            expect(handleFocus).toHaveBeenCalled();
+        });
+    });
+
+    describe('increment/decrement', () => {
+        it('increments value on arrowUp button click', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={1} onUpdate={handleUpdate} />);
+
+            await user.click(getUpButton());
+            expect(handleUpdate).toHaveBeenCalledWith(2);
+        });
+
+        it('decrements value on arrowDown button click', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={2} onUpdate={handleUpdate} />);
+
+            await user.click(getDownButton());
+            expect(handleUpdate).toHaveBeenCalledWith(1);
+        });
+
+        it('clamps value to divisible on incrementation', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput min={-2} step={5} value={2} onUpdate={handleUpdate} />);
+
+            await user.click(getUpButton());
+            expect(handleUpdate).toHaveBeenCalledWith(3);
+        });
+
+        it('treats empty value as zero when incrementing/decrementing', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={undefined} onUpdate={handleUpdate} />);
+
+            await user.click(getUpButton());
+            expect(handleUpdate).toHaveBeenCalledWith(1);
+        });
+
+        it('increments values by keyboard arrowUp', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={1} onUpdate={handleUpdate} />);
+            await user.click(getInput());
+
+            await user.keyboard(`{${KeyCode.ARROW_UP}}`);
+            expect(handleUpdate).toHaveBeenCalledWith(2);
+        });
+
+        it('decrements values by keyboard arrowDown', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={2} onUpdate={handleUpdate} />);
+            await user.click(getInput());
+
+            await user.keyboard(`{${KeyCode.ARROW_DOWN}}`);
+            expect(handleUpdate).toHaveBeenCalledWith(1);
+        });
+
+        it('uses external step value in controls', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(
+                <NumberInput min={1} value={1} step={0.2} allowDecimal onUpdate={handleUpdate} />,
+            );
+
+            await user.click(getUpButton());
+            expect(handleUpdate).toHaveBeenCalledWith(1.2);
+        });
+
+        it('rounds down external step value without allowDecimal prop', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput min={1} value={1} step={2.2} onUpdate={handleUpdate} />);
+
+            await user.click(getUpButton());
+            expect(handleUpdate).toHaveBeenCalledWith(3);
+        });
+
+        it('uses external step value for keyboard events', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(
+                <NumberInput min={1} value={1} step={0.2} allowDecimal onUpdate={handleUpdate} />,
+            );
+            await user.click(getInput());
+
+            await user.keyboard(`{${KeyCode.ARROW_UP}}`);
+            expect(handleUpdate).toHaveBeenCalledWith(1.2);
+        });
+
+        it('uses shiftMultiplier with Shift button pressed in incrementation with rendered control button', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(
+                <NumberInput
+                    value={1}
+                    step={0.2}
+                    shiftMultiplier={30}
+                    allowDecimal
+                    onUpdate={handleUpdate}
+                />,
+            );
+            await user.click(getInput());
+
+            await user.keyboard(`{${KeyCode.SHIFT}>}`);
+            await user.click(getUpButton());
+            await user.keyboard(`{/${KeyCode.SHIFT}}`);
+            expect(handleUpdate).toHaveBeenCalledWith(7);
+        });
+
+        it('rounds down shiftMultiplier without allowDecimal prop', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            render(<NumberInput value={1} shiftMultiplier={7.5} onUpdate={handleUpdate} />);
+            await user.click(getInput());
+
+            await user.keyboard(`{${KeyCode.SHIFT}>}{${KeyCode.ARROW_UP}}{/${KeyCode.SHIFT}}`);
+            expect(handleUpdate).toHaveBeenCalledWith(8);
+        });
+
+        it('rounds down step and shiftMultiplier before multiplication', async () => {
+            const user = userEvent.setup();
+            const handleUpdate = jest.fn();
+            const {rerender} = render(
+                <NumberInput
+                    min={1}
+                    value={1}
+                    step={2.2}
+                    shiftMultiplier={7.5}
+                    onUpdate={handleUpdate}
+                />,
+            );
+            await user.click(getInput());
+
+            await user.click(getUpButton());
+            expect(handleUpdate).toHaveBeenNthCalledWith(1, 3);
+
+            rerender(
+                <NumberInput
+                    min={1}
+                    value={3}
+                    step={2.2}
+                    shiftMultiplier={7.5}
+                    onUpdate={handleUpdate}
+                />,
+            );
+            await user.keyboard(`{${KeyCode.SHIFT}>}`);
+            await user.keyboard(`{${KeyCode.ARROW_UP}}`);
+            await user.keyboard(`{/${KeyCode.SHIFT}}`);
+            expect(handleUpdate).toHaveBeenNthCalledWith(2, 17);
+        });
+    });
+
+    describe('form', () => {
+        test('should submit empty value by default', async () => {
+            let value;
+            const onSubmit = jest.fn((e) => {
+                e.preventDefault();
+                const formData = new FormData(e.currentTarget);
+                value = [...formData.entries()];
+            });
+            render(
+                <form data-qa="form" onSubmit={onSubmit}>
+                    <NumberInput name="numeric-field" />
+                    <button type="submit" data-qa="submit">
+                        submit
+                    </button>
+                </form>,
+            );
+            await userEvent.click(screen.getByTestId('submit'));
+            expect(onSubmit).toHaveBeenCalledTimes(1);
+            expect(value).toEqual([['numeric-field', '']]);
+        });
+
+        test('should submit default value', async () => {
+            let value;
+            const onSubmit = jest.fn((e) => {
+                e.preventDefault();
+                const formData = new FormData(e.currentTarget);
+                value = [...formData.entries()];
+            });
+
+            render(
+                <form data-qa="form" onSubmit={onSubmit}>
+                    <NumberInput name="numeric-field" defaultValue={123} />
+                    <button type="submit" data-qa="submit">
+                        submit
+                    </button>
+                </form>,
+            );
+            await userEvent.click(screen.getByTestId('submit'));
+            expect(onSubmit).toHaveBeenCalledTimes(1);
+            expect(value).toEqual([['numeric-field', '123']]);
+        });
+
+        test('should submit controlled value', async () => {
+            let value;
+            const onSubmit = jest.fn((e) => {
+                e.preventDefault();
+                const formData = new FormData(e.currentTarget);
+                value = [...formData.entries()];
+            });
+            render(
+                <form data-qa="form" onSubmit={onSubmit}>
+                    <NumberInput name="numeric-field" value={123} />
+                    <button type="submit" data-qa="submit">
+                        submit
+                    </button>
+                </form>,
+            );
+            await userEvent.click(screen.getByTestId('submit'));
+            expect(onSubmit).toHaveBeenCalledTimes(1);
+            expect(value).toEqual([['numeric-field', '123']]);
+        });
+
+        test('supports form reset', async () => {
+            function Test() {
+                const [value, setValue] = React.useState<number | null>(123);
+                return (
+                    <form>
+                        <NumberInput name="numeric-field" value={value} onUpdate={setValue} />
+                        <input type="reset" data-qa="reset" />
+                    </form>
+                );
+            }
+
+            render(<Test />);
+            // eslint-disable-next-line testing-library/no-node-access
+            const inputs = document.querySelectorAll('[name=numeric-field]');
+            expect(inputs.length).toBe(1);
+            expect(inputs[0]).toHaveValue('123');
+
+            await userEvent.tab();
+            await userEvent.keyboard('456');
+
+            expect(inputs[0]).toHaveValue('456');
+
+            const button = screen.getByTestId('reset');
+            await userEvent.click(button);
+            expect(inputs[0]).toHaveValue('123');
+        });
+    });
+});
diff --git a/src/components/lab/NumberInput/__tests__/NumberInput.visual.test.tsx b/src/components/lab/NumberInput/__tests__/NumberInput.visual.test.tsx
new file mode 100644
index 0000000000..d18e7918d3
--- /dev/null
+++ b/src/components/lab/NumberInput/__tests__/NumberInput.visual.test.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+import {test} from '~playwright/core';
+
+import {NumberInputStories} from './stories';
+
+test.describe('NumberInput', () => {
+    test('render story: <Default>', async ({mount, expectScreenshot}) => {
+        await mount(<NumberInputStories.Default />);
+
+        await expectScreenshot();
+    });
+});
diff --git a/src/components/lab/NumberInput/__tests__/stories.tsx b/src/components/lab/NumberInput/__tests__/stories.tsx
new file mode 100644
index 0000000000..741c6548f0
--- /dev/null
+++ b/src/components/lab/NumberInput/__tests__/stories.tsx
@@ -0,0 +1,5 @@
+import {composeStories} from '@storybook/react';
+
+import * as DefaultNumberInputStories from '../__stories__/NumberInput.stories';
+
+export const NumberInputStories = composeStories(DefaultNumberInputStories);
diff --git a/src/components/lab/NumberInput/__tests__/utils.test.ts b/src/components/lab/NumberInput/__tests__/utils.test.ts
new file mode 100644
index 0000000000..95d5cda68f
--- /dev/null
+++ b/src/components/lab/NumberInput/__tests__/utils.test.ts
@@ -0,0 +1,192 @@
+import {clampToNearestStepValue, getParsedValue, getPossibleNumberSubstring} from '../utils';
+
+describe('NumberInput utils', () => {
+    describe('getPossibleNumberSubstring', () => {
+        describe('with allowDecimal', () => {
+            test('removes starting unit from negative integer number string', () => {
+                expect(getPossibleNumberSubstring('$$$123', true)).toBe('123');
+            });
+            test('removes trailing unit from negative integer number string', () => {
+                expect(getPossibleNumberSubstring('123k', true)).toBe('123');
+            });
+            test('removes units from negative integer number string', () => {
+                expect(getPossibleNumberSubstring('-$123k', true)).toBe('-123');
+            });
+            test('removes units from integer number string', () => {
+                expect(getPossibleNumberSubstring('$123k', true)).toBe('123');
+            });
+            test('removes units from negative number string with fraction', () => {
+                expect(getPossibleNumberSubstring('- $123 456,78k', true)).toBe('-123456.78');
+            });
+            test('removes units from number string with fraction without sign', () => {
+                expect(getPossibleNumberSubstring('$123.45k', true)).toBe('123.45');
+            });
+            test('returns undefined on invalid string', () => {
+                expect(getPossibleNumberSubstring('$abck', true)).toBe(undefined);
+            });
+            test('returns number from valid chars', () => {
+                expect(getPossibleNumberSubstring('$123abc4.5k', true)).toBe('1234.5');
+            });
+            test('returns empty string on empty value', () => {
+                expect(getPossibleNumberSubstring('', true)).toBe('');
+            });
+            test('leaves unmodified sign only value', () => {
+                expect(getPossibleNumberSubstring('-', true)).toBe('-');
+            });
+            test('leaves unmodified uncompleted value', () => {
+                expect(getPossibleNumberSubstring('123.', true)).toBe('123.');
+            });
+        });
+        describe('without allowDecimal', () => {
+            test('removes starting unit from negative integer number string', () => {
+                expect(getPossibleNumberSubstring('$$$123', false)).toBe('123');
+            });
+            test('removes trailing unit from negative integer number string', () => {
+                expect(getPossibleNumberSubstring('123k', false)).toBe('123');
+            });
+            test('removes units from negative integer number string', () => {
+                expect(getPossibleNumberSubstring('-$123k', false)).toBe('-123');
+            });
+            test('removes units from integer number string', () => {
+                expect(getPossibleNumberSubstring('$123k', false)).toBe('123');
+            });
+            test('removes units from negative number string with fraction', () => {
+                expect(getPossibleNumberSubstring('- $123 456,78k', false)).toBe('-12345678');
+            });
+            test('removes units from number string with fraction without sign', () => {
+                expect(getPossibleNumberSubstring('$123.45k', false)).toBe('12345');
+            });
+            test('returns number from valid chars', () => {
+                expect(getPossibleNumberSubstring('$123abc.45k', false)).toBe('12345');
+            });
+            test('returns undefined on invalid string', () => {
+                expect(getPossibleNumberSubstring('$abck', false)).toBe(undefined);
+            });
+            test('returns number from valid chars', () => {
+                expect(getPossibleNumberSubstring('$123abc4.5k', false)).toBe('12345');
+            });
+            test('returns empty string on empty value', () => {
+                expect(getPossibleNumberSubstring('', false)).toBe('');
+            });
+            test('leaves unmodified sign only value', () => {
+                expect(getPossibleNumberSubstring('-', false)).toBe('-');
+            });
+            test('leaves unmodified uncompleted value', () => {
+                expect(getPossibleNumberSubstring('123.', false)).toBe('123');
+            });
+        });
+    });
+    describe('getParsedValue', () => {
+        it('returns value itself', () => {
+            expect(getParsedValue('-123.45')).toEqual({value: -123.45, valid: true});
+        });
+        it('returns undefined on sign-only value', () => {
+            expect(getParsedValue('-')).toEqual({value: null, valid: false});
+        });
+        it('returns integer value for uncompleted double value', () => {
+            expect(getParsedValue('123.')).toEqual({value: 123, valid: true});
+        });
+        it('returns zero on empty string', () => {
+            expect(getParsedValue('')).toEqual({value: null, valid: true});
+        });
+        it('returns undefined for NaN value', () => {
+            expect(getParsedValue('1ab2.5cdef')).toEqual({value: null, valid: false});
+        });
+    });
+    describe('clampToNearestStepValue', () => {
+        const allDirections = [undefined, 'up', 'down'] as const;
+
+        it('clamps value to bigger divisible on step with min value without direction', () => {
+            expect(clampToNearestStepValue({value: 10, step: 5, min: -3, max: undefined})).toBe(12);
+        });
+        it('clamps value to smaller divisible on step with min value without direction', () => {
+            expect(clampToNearestStepValue({value: 10, step: 5, min: -2, max: undefined})).toBe(8);
+        });
+        it('clamps value to bigger divisible on step with min value and direction=down', () => {
+            expect(
+                clampToNearestStepValue({
+                    value: 10,
+                    step: 5,
+                    min: -3,
+                    max: undefined,
+                    direction: 'down',
+                }),
+            ).toBe(12);
+        });
+        it('clamps value to smaller divisible on step with min value and direction=down', () => {
+            expect(
+                clampToNearestStepValue({
+                    value: 10,
+                    step: 5,
+                    min: -3,
+                    max: undefined,
+                    direction: 'up',
+                }),
+            ).toBe(7);
+        });
+        allDirections.forEach((direction) =>
+            it(`clamps to min if value smaller with direction=${direction}`, () => {
+                expect(
+                    clampToNearestStepValue({
+                        value: -10,
+                        step: 5,
+                        min: -2,
+                        max: undefined,
+                        direction,
+                    }),
+                ).toBe(-2);
+            }),
+        );
+        allDirections.forEach((direction) =>
+            it(`clamps to max possible number if value greater than max with direction=${direction}`, () => {
+                expect(
+                    clampToNearestStepValue({value: 105, step: 5, min: -2, max: 100, direction}),
+                ).toBe(98);
+            }),
+        );
+        it('clamps to max if it is suitable', () => {
+            expect(clampToNearestStepValue({value: 97, step: 5, min: -2, max: 98})).toBe(98);
+        });
+        it('clamps to min if it is suitable', () => {
+            expect(clampToNearestStepValue({value: 97, step: 5, min: 96, max: 1000})).toBe(96);
+        });
+        it('leave value if it suitable', () => {
+            expect(clampToNearestStepValue({value: 8, step: 5, min: -2, max: undefined})).toBe(8);
+        });
+        it('clamps to MAX_SAFE_INTEGER with big numbers if max is not defined', () => {
+            expect(
+                clampToNearestStepValue({
+                    value: Number.MAX_SAFE_INTEGER + 2,
+                    step: 1,
+                    min: -1,
+                    max: undefined,
+                }),
+            ).toBe(Number.MAX_SAFE_INTEGER);
+        });
+        it('clamps to MIN_SAFE_INTEGER with big numbers if min is not defined', () => {
+            expect(
+                clampToNearestStepValue({
+                    value: Number.MIN_SAFE_INTEGER - 2,
+                    step: 1,
+                    min: undefined,
+                    max: undefined,
+                }),
+            ).toBe(Number.MIN_SAFE_INTEGER);
+        });
+        it('uses zero as reference point if min is not defined', () => {
+            expect(
+                clampToNearestStepValue({
+                    value: 11,
+                    step: 4,
+                    min: undefined,
+                    max: undefined,
+                }),
+            ).toBe(12);
+        });
+        it('does not clamp decimal value', () => {
+            expect(
+                clampToNearestStepValue({value: 1.25, step: 8.25, min: -1, max: undefined}),
+            ).toBe(1.25);
+        });
+    });
+});
diff --git a/src/components/lab/NumberInput/i18n/en.json b/src/components/lab/NumberInput/i18n/en.json
new file mode 100644
index 0000000000..b828f9432d
--- /dev/null
+++ b/src/components/lab/NumberInput/i18n/en.json
@@ -0,0 +1,4 @@
+{
+    "label_increment": "Increment",
+    "label_decrement": "Decrement"
+}
diff --git a/src/components/lab/NumberInput/i18n/index.ts b/src/components/lab/NumberInput/i18n/index.ts
new file mode 100644
index 0000000000..055e75d4ce
--- /dev/null
+++ b/src/components/lab/NumberInput/i18n/index.ts
@@ -0,0 +1,8 @@
+import {addComponentKeysets} from '../../../../i18n';
+
+import en from './en.json';
+import ru from './ru.json';
+
+const COMPONENT = 'NumberInput';
+
+export default addComponentKeysets({en, ru}, COMPONENT);
diff --git a/src/components/lab/NumberInput/i18n/ru.json b/src/components/lab/NumberInput/i18n/ru.json
new file mode 100644
index 0000000000..0ad8e05417
--- /dev/null
+++ b/src/components/lab/NumberInput/i18n/ru.json
@@ -0,0 +1,4 @@
+{
+    "label_increment": "Увеличить",
+    "label_decrement": "Уменьшить"
+}
diff --git a/src/components/lab/NumberInput/index.ts b/src/components/lab/NumberInput/index.ts
new file mode 100644
index 0000000000..78016b7e36
--- /dev/null
+++ b/src/components/lab/NumberInput/index.ts
@@ -0,0 +1,2 @@
+export {NumberInput} from './NumberInput';
+export type {NumberInputProps} from './NumberInput';
diff --git a/src/components/lab/NumberInput/utils.ts b/src/components/lab/NumberInput/utils.ts
new file mode 100644
index 0000000000..d8afacf30d
--- /dev/null
+++ b/src/components/lab/NumberInput/utils.ts
@@ -0,0 +1,210 @@
+export const INCREMENT_BUTTON_QA = 'increment-button-qa';
+export const DECREMENT_BUTTON_QA = 'decrement-button-qa';
+export const CONTROL_BUTTONS_QA = 'control-buttons-qa';
+
+export function getInputPattern(withoutFraction: boolean, positiveOnly = false) {
+    return `^([${positiveOnly ? '' : '\\-'}\\+]?\\d+${withoutFraction ? '' : '(?:(?:.|,)?\\d+)?'})+$`;
+}
+
+/* For parsing paste with units as "- $123.45k"
+ * Other strings with mixed numbers and letters/signs would be considered as invalid
+ * -------------------------------(  $1 )-------($2 )( $3 ) ($4 )------ */
+const pastedInputParsingRegex = /^([-+]?)(?:\D*)(\d*)(\.|,)?(\d*)(?:\D*)$/;
+
+export function prepareStringValue(value: string): string {
+    return value
+        .replace(',', '.')
+        .replace(/\s/g, '')
+        .replace(/[^\d.+-]/g, '');
+}
+
+export function getPossibleNumberSubstring(
+    value: string,
+    allowDecimal: boolean,
+): string | undefined {
+    const preparedString = prepareStringValue(value);
+    const match = pastedInputParsingRegex.exec(preparedString);
+    if (!match || (value.length > 0 && preparedString.length === 0)) {
+        return undefined;
+    }
+
+    const possibleNumberString = [
+        match[1], // sign
+        match[2], // integer part
+        allowDecimal ? match[3] : undefined, // dot
+        match[4], // fraction
+    ]
+        .filter(Boolean)
+        .join('');
+
+    return possibleNumberString;
+}
+
+export function getParsedValue(value: string | undefined): {valid: boolean; value: number | null} {
+    if (value === undefined || value === '') {
+        return {valid: true, value: null};
+    }
+    const parsedValueOrNaN = Number(value);
+
+    const isValidValue = !Number.isNaN(parsedValueOrNaN);
+    const parsedValue = isValidValue ? parsedValueOrNaN : null;
+
+    return {valid: isValidValue, value: parsedValue};
+}
+
+function roundIfNecessary(value: number, allowDecimal: boolean) {
+    return allowDecimal ? value : Math.floor(value);
+}
+
+interface VariablesProps {
+    min: number | undefined;
+    max: number | undefined;
+    step: number;
+    shiftMultiplier: number;
+    value: number | null | undefined;
+    defaultValue: number | null | undefined;
+    allowDecimal: boolean;
+}
+export function getInternalState(props: VariablesProps): {
+    min: number | undefined;
+    max: number | undefined;
+    step: number;
+    shiftMultiplier: number;
+    value: number | null | undefined;
+    defaultValue: number | null | undefined;
+} {
+    const {
+        min: externalMin,
+        max: externalMax,
+        step: externalStep,
+        shiftMultiplier: externalShiftMultiplier,
+        value: externalValue,
+        allowDecimal,
+        defaultValue: externalDefaultValue,
+    } = props;
+
+    const {min: rangedMin, max: rangedMax} =
+        externalMin && externalMax && externalMin > externalMax
+            ? {
+                  min: externalMax,
+                  max: externalMin,
+              }
+            : {min: externalMin, max: externalMax};
+
+    const min = rangedMin && rangedMin >= Number.MIN_SAFE_INTEGER ? rangedMin : undefined;
+    const max = rangedMax && rangedMax <= Number.MAX_SAFE_INTEGER ? rangedMax : undefined;
+
+    const step = roundIfNecessary(Math.abs(externalStep), allowDecimal) || 1;
+    const shiftMultiplier = roundIfNecessary(externalShiftMultiplier, allowDecimal) || 10;
+    const value = externalValue ? roundIfNecessary(externalValue, allowDecimal) : externalValue;
+    const defaultValue = externalDefaultValue
+        ? roundIfNecessary(externalDefaultValue, allowDecimal)
+        : externalDefaultValue;
+
+    return {min, max, step, shiftMultiplier, value, defaultValue};
+}
+
+export function clampToNearestStepValue({
+    value,
+    step,
+    min: originalMin,
+    max = Number.MAX_SAFE_INTEGER,
+    direction,
+}: {
+    value: number;
+    step: number;
+    min: number | undefined;
+    max: number | undefined;
+    direction?: 'up' | 'down';
+}) {
+    const base = originalMin || 0;
+    const min = originalMin ?? Number.MIN_SAFE_INTEGER;
+    let clampedValue = toFixedNumber(value, step);
+
+    if (clampedValue > max) {
+        clampedValue = max;
+    } else if (clampedValue < min) {
+        clampedValue = min;
+    }
+    if (!Number.isInteger(value) || !Number.isInteger(step)) {
+        // calculations with decimal values can bring inaccuracy with lots of zeros
+        return clampedValue;
+    }
+    const amountOfStepsDiff = Math.floor((clampedValue - base) / step);
+    const stepDeviation = clampedValue - base - step * amountOfStepsDiff;
+
+    if (stepDeviation !== 0) {
+        const smallerPossibleValue = base + amountOfStepsDiff * step;
+        const greaterPossibleValue = base + (amountOfStepsDiff + 1) * step;
+
+        const smallerValueIsPreferrable = direction
+            ? direction === 'up'
+            : greaterPossibleValue - clampedValue > clampedValue - smallerPossibleValue;
+
+        if (
+            (greaterPossibleValue > max || smallerValueIsPreferrable) &&
+            smallerPossibleValue >= min
+        ) {
+            return smallerPossibleValue;
+        }
+        if (greaterPossibleValue <= max) {
+            return greaterPossibleValue;
+        }
+    }
+
+    return toFixedNumber(clampedValue, step);
+}
+
+export function updateCursorPosition(
+    inputRef: React.RefObject<HTMLInputElement>,
+    eventRawValue: string | undefined = '',
+    computedEventValue: string | undefined = '',
+) {
+    const currentSelectionEndPosition = inputRef.current?.selectionEnd ?? eventRawValue.length;
+    if (eventRawValue !== computedEventValue) {
+        const startingPossiblyChangedPart = eventRawValue.slice(0, currentSelectionEndPosition);
+        const trailingUnchangedLength = eventRawValue.length - startingPossiblyChangedPart.length;
+
+        const newStartingPart = computedEventValue.slice(
+            0,
+            computedEventValue.length - trailingUnchangedLength,
+        );
+
+        inputRef.current?.setRangeText(
+            newStartingPart,
+            0,
+            startingPossiblyChangedPart.length,
+            'end',
+        );
+    }
+}
+
+// Useful when in input string '-1.' is typed and value={-1} prop passed.
+// In this case we leave input string without replacing it by '-1'.
+// Means that where is no need for replacing current input value with external value
+export function areStringRepresentationOfNumbersEqual(v1: string, v2: string) {
+    if (v1 === v2) {
+        return true;
+    }
+
+    const {valid: v1Valid, value: v1Value} = getParsedValue(v1);
+    const {valid: v2Valid, value: v2Value} = getParsedValue(v2);
+
+    if (v1Valid && v2Valid) {
+        return v1Value === v2Value;
+    }
+
+    const v1OnlyNumbers = v1.replace(/\D/g, '');
+    const v2OnlyNumbers = v2.replace(/\D/g, '');
+
+    if (v1OnlyNumbers.length === v2OnlyNumbers.length && v1OnlyNumbers.length === 0) {
+        // exmpl, when just '-' typed and '' (equivalent for undefined) value passed
+        return true;
+    }
+    return false;
+}
+
+function toFixedNumber(value: number, baseStep: number): number {
+    const stepDecimalDigits = baseStep.toString().split('.')[1]?.length || 0;
+    return parseFloat(value.toFixed(stepDecimalDigits));
+}
diff --git a/src/components/useList/__stories__/Docs.mdx b/src/components/useList/__stories__/Docs.mdx
index 2416c5919c..a9cf404f5f 100644
--- a/src/components/useList/__stories__/Docs.mdx
+++ b/src/components/useList/__stories__/Docs.mdx
@@ -1,4 +1,11 @@
-import {Meta, Markdown} from '@storybook/addon-docs';
+import {
+    Meta,
+    Markdown,
+    Canvas,
+    AnchorMdx,
+    CodeOrSourceMdx,
+    HeadersMdx,
+} from '@storybook/addon-docs';
 
 import UseListHook from './docs/use-list.md?raw';
 import UseListKeydownHook from './docs/use-list-keydown.md?raw';
@@ -13,6 +20,9 @@ import getItemRenderState from './docs/get-item-render-state.md?raw';
 import getListParsedState from './docs/get-list-parsed-state.md?raw';
 import getListItemQa from './docs/get-list-item-qa.md?raw';
 
+import ListItemExpandIcon from '../components/ListItemExpandIcon/__stories__/list-item-expand-icon.md?raw';
+import * as ListItemExpandIconStories from '../components/ListItemExpandIcon/__stories__/ListItemExpandIcon.stories';
+
 <Meta title="Lab/useList" />
 
 # UseList hooks and components
@@ -32,6 +42,7 @@ The basic idea is that hooks take all the complex logic on themselves, and all y
 ### Components (View only):
 
 -   [ListItemView](#listitemview);
+-   [ListItemExpandIcon](#listitemexpandicon);
 -   [ListContainerView](#listcontainerview);
 -   [ListRecursiveRenderer](#listrecursiverenderer);
 
@@ -144,6 +155,24 @@ function List() {
 
 <Markdown>{ListRecursiveRenderer}</Markdown>
 
+<Markdown
+    options={{
+        overrides: {
+            code: CodeOrSourceMdx,
+            a: AnchorMdx,
+            ...HeadersMdx,
+            ListItemExpandIconDefault: () => (
+                <Canvas of={ListItemExpandIconStories.Default} sourceState="none" />
+            ),
+            ListItemExpandIconInsideButton: () => (
+                <Canvas of={ListItemExpandIconStories.InsideButton} sourceState="none" />
+            ),
+        },
+    }}
+>
+    {ListItemExpandIcon}
+</Markdown>
+
 ## Utilities
 
 <Markdown>{GetListItemClickHandler}</Markdown>
diff --git a/src/components/useList/components/ListItemExpandIcon/ListItemExpandIcon.scss b/src/components/useList/components/ListItemExpandIcon/ListItemExpandIcon.scss
new file mode 100644
index 0000000000..0054cd1597
--- /dev/null
+++ b/src/components/useList/components/ListItemExpandIcon/ListItemExpandIcon.scss
@@ -0,0 +1,7 @@
+@use '../../../variables';
+
+$block: '.#{variables.$ns}list-item-expand-icon';
+
+#{$block} {
+    flex-shrink: 0;
+}
diff --git a/src/components/useList/components/ListItemExpandIcon/ListItemExpandIcon.tsx b/src/components/useList/components/ListItemExpandIcon/ListItemExpandIcon.tsx
new file mode 100644
index 0000000000..70c2a5f097
--- /dev/null
+++ b/src/components/useList/components/ListItemExpandIcon/ListItemExpandIcon.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+
+import type {ArrowToggleProps} from '../../../ArrowToggle';
+import {ArrowToggle} from '../../../ArrowToggle';
+import {colorText} from '../../../Text';
+import {block} from '../../../utils/cn';
+import type {ListItemExpandIconRenderProps} from '../../types';
+
+import './ListItemExpandIcon.scss';
+
+const b = block('list-item-expand-icon');
+
+export interface ListItemExpandIconProps extends ListItemExpandIconRenderProps {}
+
+export const ListItemExpandIcon = ({
+    expanded,
+    behavior = 'action',
+    disabled,
+}: ListItemExpandIconProps) => {
+    return (
+        <ArrowToggle
+            direction={getIconDirection({behavior, expanded})}
+            className={b(null, colorText({color: disabled ? 'hint' : undefined}))}
+            size={16}
+        />
+    );
+};
+
+function getIconDirection({
+    behavior,
+    expanded,
+}: Pick<ListItemExpandIconRenderProps, 'expanded' | 'behavior'>): ArrowToggleProps['direction'] {
+    if (expanded && behavior === 'action') {
+        return 'top';
+    } else if (expanded && behavior === 'state') {
+        return 'bottom';
+    } else if (expanded && behavior === 'state-inverse') {
+        return 'bottom';
+    } else if (behavior === 'action') {
+        return 'bottom';
+    } else if (behavior === 'state') {
+        return 'right';
+    } else if (behavior === 'state-inverse') {
+        return 'left';
+    }
+
+    return 'bottom';
+}
diff --git a/src/components/useList/components/ListItemExpandIcon/__stories__/ListItemExpandIcon.stories.tsx b/src/components/useList/components/ListItemExpandIcon/__stories__/ListItemExpandIcon.stories.tsx
new file mode 100644
index 0000000000..c91fbfe361
--- /dev/null
+++ b/src/components/useList/components/ListItemExpandIcon/__stories__/ListItemExpandIcon.stories.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import type {Meta, StoryObj} from '@storybook/react';
+
+import {Button} from '../../../../Button';
+import type {ListItemExpandIconProps} from '../ListItemExpandIcon';
+import {ListItemExpandIcon} from '../ListItemExpandIcon';
+
+const meta: Meta<typeof ListItemExpandIcon> = {
+    title: 'Lab/useList/ListItemExpandIcon',
+    component: ListItemExpandIcon,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ListItemExpandIcon>;
+
+const DefaultExample = (props: ListItemExpandIconProps) => {
+    return <ListItemExpandIcon {...props} />;
+};
+
+export const Default = {
+    render: DefaultExample,
+} satisfies Story;
+
+const InsideButtonExample = (props: ListItemExpandIconProps) => {
+    const [expanded, setExpanded] = React.useState(false);
+
+    return (
+        <Button extraProps={{'aria-label': 'toggle-button'}} onClick={() => setExpanded((x) => !x)}>
+            <Button.Icon>
+                <ListItemExpandIcon {...props} expanded={expanded} />
+            </Button.Icon>
+        </Button>
+    );
+};
+
+export const InsideButton = {
+    render: InsideButtonExample,
+} satisfies Story;
diff --git a/src/components/useList/components/ListItemExpandIcon/__stories__/list-item-expand-icon.md b/src/components/useList/components/ListItemExpandIcon/__stories__/list-item-expand-icon.md
new file mode 100644
index 0000000000..e25b6502bf
--- /dev/null
+++ b/src/components/useList/components/ListItemExpandIcon/__stories__/list-item-expand-icon.md
@@ -0,0 +1,48 @@
+### ListItemExpandIcon
+
+Base group expand icon view
+
+#### Import
+
+```tsx
+import {
+  type unstable_ListItemExpandIconProps as ListItemExpandIconProps,
+  unstable_ListItemExpandIcon as ListItemExpandIcon,
+} from '@gravity-ui/uikit/unstable';
+```
+
+#### Base example:
+
+```jsx
+const DefaultExample = (props: ListItemExpandIconProps) => {
+    return <ListItemExpandIcon {...props} />;
+};
+```
+
+<ListItemExpandIconDefault />
+
+#### Render icon inside Button component:
+
+```jsx
+const InsideButtonExample = (props: ListItemExpandIconProps) => {
+    const [expanded, setExpanded] = React.useState(false);
+
+    return (
+        <Button onClick={() => setExpanded((x) => !x)}>
+            <Button.Icon>
+                <ListItemExpandIcon {...props} expanded={expanded} />
+            </Button.Icon>
+        </Button>
+    );
+};
+```
+
+<ListItemExpandIconInsideButton />
+
+#### Props
+
+| Name     | Description                   |               Type                | Default |
+| :------- | :---------------------------- | :-------------------------------: | :-----: |
+| expanded | icon state                    |             `boolean`             |         |
+| disabled | disabled view type            |             `boolean`             |         |
+| behavior | The behavior of the component | `state`, `state-inverse`,`action` |         |
diff --git a/src/components/useList/components/ListItemExpandIcon/index.ts b/src/components/useList/components/ListItemExpandIcon/index.ts
new file mode 100644
index 0000000000..4f49c3df30
--- /dev/null
+++ b/src/components/useList/components/ListItemExpandIcon/index.ts
@@ -0,0 +1,2 @@
+export {ListItemExpandIcon} from './ListItemExpandIcon';
+export type {ListItemExpandIconProps} from './ListItemExpandIcon';
diff --git a/src/components/useList/components/ListItemView/ListItemView.scss b/src/components/useList/components/ListItemView/ListItemView.scss
index 9eb47b09d9..7e2b8a3ac6 100644
--- a/src/components/useList/components/ListItemView/ListItemView.scss
+++ b/src/components/useList/components/ListItemView/ListItemView.scss
@@ -56,10 +56,6 @@ $block: '.#{variables.$ns}list-item-view';
         border-radius: var(--g-list-item-border-radius, 8px);
     }
 
-    &__icon {
-        flex-shrink: 0;
-    }
-
     &__slot {
         flex-shrink: 0;
     }
diff --git a/src/components/useList/components/ListItemView/ListItemView.tsx b/src/components/useList/components/ListItemView/ListItemView.tsx
index 8250e1212d..bee29a2e5f 100644
--- a/src/components/useList/components/ListItemView/ListItemView.tsx
+++ b/src/components/useList/components/ListItemView/ListItemView.tsx
@@ -30,7 +30,7 @@ export interface ListItemViewCommonProps<T extends React.ElementType = 'li'> ext
 }
 
 export interface ListItemViewProps<T extends React.ElementType = 'li'>
-    extends Omit<ListItemViewCommonProps, 'content'> {
+    extends Omit<ListItemViewCommonProps<T>, 'content'> {
     /**
      * Ability to override default html tag
      */
diff --git a/src/components/useList/components/ListItemView/ListItemViewContent.tsx b/src/components/useList/components/ListItemView/ListItemViewContent.tsx
index 571ac29f61..38332fcb45 100644
--- a/src/components/useList/components/ListItemView/ListItemViewContent.tsx
+++ b/src/components/useList/components/ListItemView/ListItemViewContent.tsx
@@ -1,12 +1,13 @@
 import React from 'react';
 
-import {Check, ChevronDown, ChevronUp} from '@gravity-ui/icons';
+import {Check} from '@gravity-ui/icons';
 
 import {Icon} from '../../../Icon';
 import {Text, colorText} from '../../../Text';
 import {Flex} from '../../../layout';
 import type {FlexProps} from '../../../layout';
 import type {ListItemViewContentType} from '../../types';
+import {ListItemExpandIcon} from '../ListItemExpandIcon/ListItemExpandIcon';
 
 import {b} from './styles';
 
@@ -57,7 +58,17 @@ export const ListItemViewContent = ({
     expanded,
     selected,
     title,
+    expandIconPlacement = 'start',
+    renderExpandIcon: RenderExpandIcon = ListItemExpandIcon,
 }: ListItemViewContentProps) => {
+    const expandIconNode = isGroup ? (
+        <RenderExpandIcon
+            behavior={expandIconPlacement === 'start' ? 'state' : 'action'}
+            expanded={expanded}
+            disabled={disabled}
+        />
+    ) : null;
+
     return (
         <Flex alignItems="center" justifyContent="space-between" gap="4" className={b('content')}>
             <Flex gap="2" alignItems="center" grow>
@@ -72,13 +83,7 @@ export const ListItemViewContent = ({
 
                 {renderSafeIndentation(indentation)}
 
-                {isGroup ? (
-                    <Icon
-                        className={b('icon', colorText({color: disabled ? 'hint' : undefined}))}
-                        data={expanded ? ChevronDown : ChevronUp}
-                        size={16}
-                    />
-                ) : null}
+                {expandIconPlacement === 'start' && expandIconNode}
 
                 {startSlot}
 
@@ -104,7 +109,10 @@ export const ListItemViewContent = ({
                 </div>
             </Flex>
 
-            {endSlot}
+            <Flex gap="2">
+                {expandIconPlacement === 'end' && expandIconNode}
+                {endSlot}
+            </Flex>
         </Flex>
     );
 };
diff --git a/src/components/useList/components/ListItemView/__stories__/ListItemView.stories.tsx b/src/components/useList/components/ListItemView/__stories__/ListItemView.stories.tsx
index 2010745208..7b95681e4d 100644
--- a/src/components/useList/components/ListItemView/__stories__/ListItemView.stories.tsx
+++ b/src/components/useList/components/ListItemView/__stories__/ListItemView.stories.tsx
@@ -3,10 +3,12 @@ import React from 'react';
 import type {Meta, StoryFn} from '@storybook/react';
 
 import {Avatar} from '../../../../Avatar';
+import {Button} from '../../../../Button';
 import {DropdownMenu} from '../../../../DropdownMenu';
 import {Text} from '../../../../Text';
 import {Flex, sp} from '../../../../layout';
 import type {ListItemId} from '../../../../useList/types';
+import {ListItemExpandIcon} from '../../ListItemExpandIcon';
 import {ListItemView as ListItemViewComponent} from '../ListItemView';
 import type {ListItemViewProps} from '../ListItemView';
 import {isListItemContentPropsGuard} from '../ListItemViewContent';
@@ -207,7 +209,7 @@ const stories: ListItemViewProps[] = [
         id: '11',
         size: 'l',
         content: {
-            title: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex quos officiis, voluptates nobis doloribus veritatis quo odit sequi eligendi aliquam quasi officia qui deserunt autem quas necessitatibus nam possimus aperiam.',
+            title: 'With disable expand icon transition. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex quos officiis, voluptates nobis doloribus veritatis quo odit sequi eligendi aliquam quasi officia qui deserunt autem quas necessitatibus nam possimus aperiam.',
             subtitle: (
                 <Text ellipsisLines={2} color="secondary">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex quos officiis,
@@ -232,6 +234,35 @@ const stories: ListItemViewProps[] = [
             </Flex>
         ),
     },
+    {
+        id: '13',
+        size: 'l',
+        content: {
+            title,
+            startSlot: <StartSlot />,
+            indentation: 1,
+            isGroup: true,
+            expanded: false,
+            expandIconPlacement: 'end',
+        },
+    },
+    {
+        id: '14',
+        size: 'l',
+        content: {
+            title: 'Custom icon end',
+            isGroup: true,
+            expanded: false,
+            expandIconPlacement: 'end',
+            renderExpandIcon: (props) => (
+                <Button view="flat" extraProps={{'aria-label': 'toggle-button'}}>
+                    <Button.Icon>
+                        <ListItemExpandIcon {...props} />
+                    </Button.Icon>
+                </Button>
+            ),
+        },
+    },
 ];
 
 const ListItemViewTemplate: StoryFn<ListItemViewProps> = () => {
diff --git a/src/components/useList/hooks/useListFilter.ts b/src/components/useList/hooks/useListFilter.ts
index e552de961d..0ba087fb1f 100644
--- a/src/components/useList/hooks/useListFilter.ts
+++ b/src/components/useList/hooks/useListFilter.ts
@@ -18,7 +18,7 @@ interface UseListFilterProps<T> {
      */
     filterItems?(value: string, items: ListItemType<T>[]): ListItemType<T>[];
     /**
-     * Override only logic with item affiliation
+     * Override only logic with item filtration
      */
     filterItem?(value: string, item: T): boolean;
     onFilterChange?(value: string): void;
diff --git a/src/components/useList/index.ts b/src/components/useList/index.ts
index 0f8ff3ce06..a39d735769 100644
--- a/src/components/useList/index.ts
+++ b/src/components/useList/index.ts
@@ -3,6 +3,7 @@ export * from './hooks/useList';
 export * from './hooks/useListKeydown';
 export * from './types';
 export * from './components/ListItemView';
+export * from './components/ListItemExpandIcon';
 export * from './components/ListRecursiveRenderer';
 export * from './components/ListContainerView';
 export * from './components/ListContainer';
diff --git a/src/components/useList/types.ts b/src/components/useList/types.ts
index 8aa8a22f6f..9ecbe3d0f6 100644
--- a/src/components/useList/types.ts
+++ b/src/components/useList/types.ts
@@ -39,6 +39,18 @@ export type ItemState = {
     indentation: number;
 };
 
+export interface ListItemExpandIconRenderProps {
+    /**
+     * The behavior of the component:
+     *
+     * - action - to indicate user actions. For example, for an icon inside a button;
+     * - state - to indicate the current state of the element;
+     */
+    behavior: 'state' | 'state-inverse' | 'action';
+    expanded?: boolean;
+    disabled?: boolean;
+}
+
 export type ListItemViewContentType = {
     title: React.ReactNode;
     subtitle?: React.ReactNode;
@@ -49,7 +61,18 @@ export type ListItemViewContentType = {
      */
     indentation?: number;
     isGroup?: boolean;
+    /**
+     * Required prop if `isGroup` - `true`
+     */
     expanded?: boolean;
+    /**
+     * @default - 'start'
+     */
+    expandIconPlacement?: 'start' | 'end';
+    /**
+     * Will be applied if `isGroup` props is `true`
+     */
+    renderExpandIcon?(props: ListItemExpandIconRenderProps): React.ReactNode;
 };
 
 export type ListItemListContextProps = ItemState &
diff --git a/src/components/utils/FocusTrap.tsx b/src/components/utils/FocusTrap.tsx
index 97f032a848..5d60e36eca 100644
--- a/src/components/utils/FocusTrap.tsx
+++ b/src/components/utils/FocusTrap.tsx
@@ -7,6 +7,8 @@ import type {FocusTrap as FocusTrapInstance} from 'focus-trap';
 
 import {useForkRef, useUniqId} from '../../hooks';
 
+import {getElementRef} from './getElementRef';
+
 interface FocusTrapContext {
     addNode: (id: string, node: HTMLElement) => void;
     removeNode: (id: string) => void;
@@ -90,7 +92,7 @@ export function FocusTrap({
     if (!React.isValidElement<any>(child)) {
         throw new Error('Children must contain only one valid element');
     }
-    const childRef = (child as any).ref;
+    const childRef = getElementRef(child);
 
     const ref = useForkRef(handleNodeRef, childRef);
 
diff --git a/src/components/utils/getElementRef.ts b/src/components/utils/getElementRef.ts
new file mode 100644
index 0000000000..bedf8c1ed2
--- /dev/null
+++ b/src/components/utils/getElementRef.ts
@@ -0,0 +1,11 @@
+// Access the element's ref using a method that doesn't produce a warning.
+export function getElementRef(element: React.ReactElement) {
+    if (process.env.NODE_ENV !== 'production') {
+        // Before React 19, there is an access check for ReactElement's props.ref in dev builds.
+        const getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get;
+        if (getter && 'isReactWarning' in getter && getter.isReactWarning) {
+            return (element as any).ref;
+        }
+    }
+    return element.props.ref ?? (element as any).ref;
+}
diff --git a/src/constants.ts b/src/constants.ts
index a5cae9e00c..cb85bf6609 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -10,4 +10,9 @@ export const KeyCode = {
     ARROW_DOWN: 'ArrowDown',
     ARROW_LEFT: 'ArrowLeft',
     ARROW_RIGHT: 'ArrowRight',
+
+    SHIFT: 'Shift',
+
+    HOME: 'Home',
+    END: 'End',
 };
diff --git a/src/hooks/useBodyScrollLock/useBodyScrollLock.ts b/src/hooks/useBodyScrollLock/useBodyScrollLock.ts
index 56cfdff249..44c171596b 100644
--- a/src/hooks/useBodyScrollLock/useBodyScrollLock.ts
+++ b/src/hooks/useBodyScrollLock/useBodyScrollLock.ts
@@ -1,5 +1,28 @@
 import React from 'react';
 
+const PROPERTY_PADDING_RIGHT = 'padding-right';
+const PROPERTY_PADDING_BOTTOM = 'padding-bottom';
+const PROPERTY_OVERFLOW = 'overflow';
+
+const STORED_BODY_STYLE_KEYS = [
+    PROPERTY_OVERFLOW,
+    PROPERTY_PADDING_RIGHT,
+    PROPERTY_PADDING_BOTTOM,
+] as const;
+
+type StoredBodyStyleKeys = (typeof STORED_BODY_STYLE_KEYS)[number];
+type StoredBodyStyle = Partial<Record<StoredBodyStyleKeys, string>>;
+
+function getStoredStyles(): StoredBodyStyle {
+    const styles: StoredBodyStyle = {};
+
+    for (const property of STORED_BODY_STYLE_KEYS) {
+        styles[property] = document.body.style.getPropertyValue(property);
+    }
+
+    return styles;
+}
+
 export interface UseBodyScrollLockProps {
     enabled: boolean;
 }
@@ -7,7 +30,7 @@ export interface UseBodyScrollLockProps {
 export type BodyScrollLockProps = UseBodyScrollLockProps;
 
 let locks = 0;
-let storedBodyStyle: string | undefined;
+let storedBodyStyle: StoredBodyStyle = {};
 
 export function useBodyScrollLock({enabled}: UseBodyScrollLockProps) {
     React.useLayoutEffect(() => {
@@ -35,22 +58,32 @@ function setBodyStyles() {
     const xScrollbarWidth = getXScrollbarWidth();
     const bodyPadding = getBodyComputedPadding();
 
-    storedBodyStyle = document.body.style.cssText;
-    document.body.style.overflow = 'hidden';
+    storedBodyStyle = getStoredStyles();
+
+    document.body.style.setProperty(PROPERTY_OVERFLOW, 'hidden');
 
     if (yScrollbarWidth) {
-        document.body.style.paddingRight = `${bodyPadding.right + yScrollbarWidth}px`;
+        document.body.style.setProperty(
+            PROPERTY_PADDING_RIGHT,
+            `${bodyPadding.right + yScrollbarWidth}px`,
+        );
     }
     if (xScrollbarWidth) {
-        document.body.style.paddingBottom = `${bodyPadding.bottom + xScrollbarWidth}px`;
+        document.body.style.setProperty(
+            PROPERTY_PADDING_BOTTOM,
+            `${bodyPadding.bottom + xScrollbarWidth}px`,
+        );
     }
 }
 
 function restoreBodyStyles() {
-    if (storedBodyStyle) {
-        document.body.style.cssText = storedBodyStyle;
-    } else {
-        document.body.removeAttribute('style');
+    for (const property of STORED_BODY_STYLE_KEYS) {
+        const storedProperty = storedBodyStyle[property];
+        if (storedProperty) {
+            document.body.style.setProperty(property, storedProperty);
+        } else {
+            document.body.style.removeProperty(property);
+        }
     }
 }
 
diff --git a/src/stories/tests-factory/create-smoke-scenarios.test.ts b/src/stories/tests-factory/create-smoke-scenarios.test.ts
index 6b4fea99bb..b24993b150 100644
--- a/src/stories/tests-factory/create-smoke-scenarios.test.ts
+++ b/src/stories/tests-factory/create-smoke-scenarios.test.ts
@@ -14,40 +14,35 @@ test('regular', () => {
 
     expect(smokeScenarios).toEqual([
         [
-            'smoke [default]',
-            {tag: ['@smoke']},
+            '[default]',
             {
                 label: 'label-1',
                 theme: 'theme-1',
             },
         ],
         [
-            'smoke [theme: theme-2]',
-            {tag: ['@smoke']},
+            '[theme: theme-2]',
             {
                 label: 'label-1',
                 theme: 'theme-2',
             },
         ],
         [
-            'smoke [theme: theme-3]',
-            {tag: ['@smoke']},
+            '[theme: theme-3]',
             {
                 label: 'label-1',
                 theme: 'theme-3',
             },
         ],
         [
-            'smoke [label: label-2]',
-            {tag: ['@smoke']},
+            '[label: label-2]',
             {
                 label: 'label-2',
                 theme: 'theme-1',
             },
         ],
         [
-            'smoke [label: label-3]',
-            {tag: ['@smoke']},
+            '[label: label-3]',
             {
                 label: 'label-3',
                 theme: 'theme-1',
@@ -76,40 +71,35 @@ test('with scenario name', () => {
 
     expect(smokeScenarios).toEqual([
         [
-            'smoke [default]',
-            {tag: ['@smoke']},
+            '[default]',
             {
                 label: 'label-1',
                 theme: 'theme-1',
             },
         ],
         [
-            'smoke [theme: name-theme-2]',
-            {tag: ['@smoke']},
+            '[theme: name-theme-2]',
             {
                 label: 'label-1',
                 theme: 'theme-2',
             },
         ],
         [
-            'smoke [theme: name-theme-3]',
-            {tag: ['@smoke']},
+            '[theme: name-theme-3]',
             {
                 label: 'label-1',
                 theme: 'theme-3',
             },
         ],
         [
-            'smoke [label: name-label-2]',
-            {tag: ['@smoke']},
+            '[label: name-label-2]',
             {
                 label: 'label-2',
                 theme: 'theme-1',
             },
         ],
         [
-            'smoke [label: name-label-3]',
-            {tag: ['@smoke']},
+            '[label: name-label-3]',
             {
                 label: 'label-3',
                 theme: 'theme-1',
@@ -117,22 +107,3 @@ test('with scenario name', () => {
         ],
     ]);
 });
-
-test('with additionalTags option', () => {
-    const smokeScenarios = createSmokeScenarios(
-        {
-            theme: 'theme-1',
-        },
-        {
-            theme: [['name-theme-2', 'theme-2']],
-        },
-        {
-            additionalTags: ['@custom-tag-1'],
-        },
-    );
-
-    expect(smokeScenarios).toEqual([
-        ['smoke [default]', {tag: ['@smoke', '@custom-tag-1']}, {theme: 'theme-1'}],
-        ['smoke [theme: name-theme-2]', {tag: ['@smoke', '@custom-tag-1']}, {theme: 'theme-2'}],
-    ]);
-});
diff --git a/src/stories/tests-factory/create-smoke-scenarios.ts b/src/stories/tests-factory/create-smoke-scenarios.ts
index 40452341c4..d9db218af9 100644
--- a/src/stories/tests-factory/create-smoke-scenarios.ts
+++ b/src/stories/tests-factory/create-smoke-scenarios.ts
@@ -1,8 +1,7 @@
-import type {Cases, CasesWithName, Scenario, ScenarioDetails, ScenarioName} from './models';
+import type {Cases, CasesWithName, Scenario, ScenarioName} from './models';
 
 interface Options {
     scenarioName?: string;
-    additionalTags?: Array<string>;
 }
 
 function checkIsCasesWithName<T>(cases: CasesWithName<T> | Cases<T>): cases is CasesWithName<T> {
@@ -17,16 +16,11 @@ export const createSmokeScenarios = <Props extends {}>(
     }>,
     options?: Options,
 ) => {
-    const scenarioDetails: ScenarioDetails = {
-        tag: ['@smoke', ...(options?.additionalTags || [])],
-    };
-
-    const scenarioName: ScenarioName = `smoke${options?.scenarioName ? ` ${options?.scenarioName}` : ''}`;
+    const scenarioName: ScenarioName = `${options?.scenarioName ? ` ${options?.scenarioName} ` : ''}`;
 
     const scenarios: Array<Scenario<Props>> = [
         [
-            `${scenarioName} [default]`,
-            scenarioDetails,
+            `${scenarioName}[default]`,
             {
                 ...baseProps,
             },
@@ -45,8 +39,7 @@ export const createSmokeScenarios = <Props extends {}>(
                 const [caseName, caseProps] = propCase;
 
                 scenarios.push([
-                    `${scenarioName} [${propName as string}: ${caseName}]`,
-                    scenarioDetails,
+                    `${scenarioName}[${propName as string}: ${caseName}]`,
                     {
                         ...baseProps,
                         [propName]: caseProps,
@@ -63,8 +56,7 @@ export const createSmokeScenarios = <Props extends {}>(
                 }
 
                 scenarios.push([
-                    `${scenarioName} [${propName as string}: ${(propCase as any)?.toString()}]`,
-                    scenarioDetails,
+                    `${scenarioName}[${propName as string}: ${(propCase as any)?.toString()}]`,
                     {
                         ...baseProps,
                         [propName]: propCase,
diff --git a/src/stories/tests-factory/models.ts b/src/stories/tests-factory/models.ts
index 66864a6946..cf87a9703b 100644
--- a/src/stories/tests-factory/models.ts
+++ b/src/stories/tests-factory/models.ts
@@ -3,5 +3,4 @@ export type Cases<T> = Array<T>;
 export type CasesWithName<T> = Array<[CaseName, T]>;
 
 export type ScenarioName = string;
-export type ScenarioDetails = {tag: Array<string>};
-export type Scenario<T> = [ScenarioName, ScenarioDetails, T];
+export type Scenario<T> = [ScenarioName, T];
diff --git a/src/unstable.ts b/src/unstable.ts
index 18fdbba59f..872d5416e3 100644
--- a/src/unstable.ts
+++ b/src/unstable.ts
@@ -5,7 +5,9 @@ export {
     useListKeydown as unstable_useListKeydown,
     getListItemClickHandler as unstable_getListItemClickHandler,
     ListItemView as unstable_ListItemView,
+    ListItemExpandIcon as unstable_ListItemExpandIcon,
     type ListItemViewProps as unstable_ListItemViewProps,
+    type ListItemExpandIconProps as unstable_ListItemExpandIconProps,
     ListContainerView as unstable_ListContainerView,
     type ListContainerProps as unstable_ListContainerProps,
     ListContainer as unstable_ListContainer,
@@ -37,3 +39,6 @@ export type {
     BreadcrumbsProps as unstable_BreadcrumbsProps,
     BreadcrumbsItemProps as unstable_BreadcrumbsItemProps,
 } from './components/lab/Breadcrumbs';
+
+export {NumberInput as unstable_NumberInput} from './components/lab/NumberInput';
+export type {NumberInputProps as unstable_NumberInputProps} from './components/lab/NumberInput';
diff --git a/styles/styles.scss b/styles/styles.scss
index a2425301c5..7783e114d6 100644
--- a/styles/styles.scss
+++ b/styles/styles.scss
@@ -24,6 +24,9 @@
 }
 
 .g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) {
+    scrollbar-width: var(--g-scrollbar-width);
+    scrollbar-color: var(--g-color-scroll-handle) var(--g-color-scroll-track);
+
     &::-webkit-scrollbar,
     *::-webkit-scrollbar {
         width: var(--g-scrollbar-width);
@@ -50,9 +53,6 @@
     *::-webkit-scrollbar-thumb:hover {
         background: var(--g-color-scroll-handle-hover);
     }
-
-    scrollbar-width: var(--g-scrollbar-width);
-    scrollbar-color: var(--g-color-scroll-handle) var(--g-color-scroll-track);
 }
 
 @keyframes g-loading-animation {