diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--dark-mobile.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--dark-mobile.png index db38cb0a4..e418304bd 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--dark-mobile.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--dark-mobile.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--light-mobile.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--light-mobile.png index 629c0c293..4283336c8 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--light-mobile.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--default--light-mobile.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--dark-mobile.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--dark-mobile.png index 1e5f62d1c..8d0f72780 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--dark-mobile.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--dark-mobile.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--light-mobile.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--light-mobile.png index a506da0ed..86b655620 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--light-mobile.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-code-logview--loading--light-mobile.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--dark-tablet.png index 71ca7bfd0..f1130dcb5 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-desktop.png index 2766f614d..822af7590 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-tablet.png index 4c9cb8252..28b6de140 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default.png index 74755c622..f1130dcb5 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--default.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--dark-tablet.png index 7ff220677..c566fa2bf 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-desktop.png index 05a0adb71..69295780d 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-tablet.png index 05a0adb71..69295780d 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled.png index 7ff220677..c566fa2bf 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--disabled.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--dark-tablet.png index c09845844..5d8ac55d7 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-desktop.png index a7f61cda5..842a10207 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-tablet.png index a7f61cda5..842a10207 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons.png index c09845844..5d8ac55d7 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--icons.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--dark-tablet.png index 447be973b..221998ef9 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-desktop.png index d60b7b005..166edc28b 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-tablet.png index edda12e91..166edc28b 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid.png index 447be973b..221998ef9 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--invalid.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--dark-tablet.png index cbe629ab9..f8105c3ef 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-desktop.png index 956e8e53e..5705cde97 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-tablet.png index c7d26b544..eba059792 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required.png index cbe629ab9..f8105c3ef 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--required.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--dark-tablet.png index 301aa6319..70e062d0c 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-desktop.png index c2d06154f..0ed27e0cb 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-tablet.png index c2d06154f..0ed27e0cb 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes.png index 301aa6319..70e062d0c 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-fieldtext--sizes.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--dark-tablet.png index a4dd37e3b..0ce9dbcde 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-desktop.png index af180a3ee..1b94565ad 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-tablet.png index af180a3ee..1b94565ad 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default.png index a4dd37e3b..0ce9dbcde 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--default.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--dark-tablet.png index da3560907..bdb8e54ec 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-desktop.png index b8d65dc47..f73a6dd75 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-tablet.png index b8d65dc47..f73a6dd75 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled.png index da3560907..bdb8e54ec 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--disabled.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--dark-tablet.png index 7ab260bfe..eb0acd978 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-desktop.png index 5fb92b85e..dbad40c89 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-tablet.png index 5fb92b85e..dbad40c89 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email.png index 7ab260bfe..eb0acd978 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--email.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--dark-tablet.png index e45095884..d5d47e485 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-desktop.png index cb9765d28..4b9bd246e 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-tablet.png index cb9765d28..4b9bd246e 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled.png index e45095884..d5d47e485 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--filled.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--dark-tablet.png index e21fa70ed..20fa0820f 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-desktop.png index dcf1b3e2d..4ed4f5db3 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-tablet.png index dcf1b3e2d..4ed4f5db3 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons.png index e21fa70ed..20fa0820f 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--icons.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--dark-tablet.png index 2c33420fd..69c7aaa8a 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-desktop.png index 2fbd5caff..8848b3d70 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-tablet.png index 2fbd5caff..8848b3d70 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid.png index 2c33420fd..69c7aaa8a 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--invalid.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--dark-tablet.png index 57c37398f..fca5c0ca4 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-desktop.png index d91b717f4..3ec1eb3df 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-tablet.png index d91b717f4..3ec1eb3df 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length.png index 57c37398f..fca5c0ca4 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--max-length.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--dark-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--dark-tablet.png index dd88b2383..2b4173c38 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--dark-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--dark-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-desktop.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-desktop.png index e6ffef1c6..5c5de159f 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-desktop.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-desktop.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-tablet.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-tablet.png index e6ffef1c6..5c5de159f 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-tablet.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes--light-tablet.png differ diff --git a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes.png b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes.png index dd88b2383..2b4173c38 100644 Binary files a/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes.png and b/apps/storybook/.storybook/test-visual/__image_snapshots__/linux/components-inputs-inputtext--sizes.png differ diff --git a/packages/webkit/src/components/inputs/input-text/input-text.test.ts b/packages/webkit/src/components/inputs/input-text/input-text.test.ts index 6774f6c10..e22253abf 100644 --- a/packages/webkit/src/components/inputs/input-text/input-text.test.ts +++ b/packages/webkit/src/components/inputs/input-text/input-text.test.ts @@ -152,6 +152,44 @@ describe('InputText', () => { }) }) + describe('clickable area', () => { + const pressOn = (element: Element) => + element.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true })) + + it('focuses the input when the press lands on the wrapper chrome (padding band)', () => { + const { getByTestId } = render(InputText, { props: { size: 'large' } }) + const input = getByTestId('input-text') as HTMLInputElement + const wrapper = input.closest('[data-size]') as HTMLElement + const notPrevented = pressOn(wrapper) + expect(document.activeElement).toBe(input) + expect(notPrevented).toBe(false) + }) + + it('focuses the input when the press lands on a decorative icon', () => { + const { getByTestId, getByText } = render(InputText, { + props: { size: 'large' }, + slots: { iconLeft: 'L' } + }) + const input = getByTestId('input-text') as HTMLInputElement + pressOn(getByText('L')) + expect(document.activeElement).toBe(input) + }) + + it('leaves a press on the input itself untouched so the native caret still lands', () => { + const { getByTestId } = render(InputText, { props: { modelValue: 'azion' } }) + const input = getByTestId('input-text') as HTMLInputElement + expect(pressOn(input)).toBe(true) + }) + + it('does not focus from the wrapper chrome when disabled', () => { + const { getByTestId } = render(InputText, { props: { size: 'large', disabled: true } }) + const input = getByTestId('input-text') as HTMLInputElement + const wrapper = input.closest('[data-size]') as HTMLElement + expect(pressOn(wrapper)).toBe(true) + expect(document.activeElement).not.toBe(input) + }) + }) + describe('a11y (axe against styled DOM)', () => { it('Default has no violations', async () => { const { container } = render(InputText, { diff --git a/packages/webkit/src/components/inputs/input-text/input-text.vue b/packages/webkit/src/components/inputs/input-text/input-text.vue index 9f142fe8e..342d83722 100644 --- a/packages/webkit/src/components/inputs/input-text/input-text.vue +++ b/packages/webkit/src/components/inputs/input-text/input-text.vue @@ -1,5 +1,5 @@