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 @@
@@ -81,7 +90,7 @@
:data-has-icon-left="hasIconLeft || null"
:data-has-icon-right="hasIconRight || null"
:class="[
- 'relative inline-flex items-center w-full',
+ 'relative inline-flex items-center w-full cursor-text',
'gap-[var(--spacing-xs)] px-[var(--spacing-sm)]',
'rounded-[var(--shape-elements)]',
'border border-[var(--border-default)] bg-[var(--bg-surface)] text-[var(--text-default)]',
@@ -94,6 +103,7 @@
'data-[disabled]:bg-[var(--bg-disabled)] data-[disabled]:text-[var(--text-disabled)] data-[disabled]:cursor-not-allowed data-[disabled]:hover:border-[var(--border-default)] data-[disabled]:focus-within:ring-0 data-[disabled]:focus-within:ring-offset-0',
attrs.class
]"
+ @mousedown="handleChromeMouseDown"
>