diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..6192c79dfc
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..5ed6c54617
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..bcb4e22ae5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..d4a12a14c0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..2784ab32d7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..5dd6fb3035
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..807cbc3d12
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..77e10be52a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-dark-chromium-linux.png
new file mode 100644
index 0000000000..d197e269e4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-dark-webkit-linux.png
new file mode 100644
index 0000000000..08be070880
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-light-chromium-linux.png
new file mode 100644
index 0000000000..7025c1b642
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-light-webkit-linux.png
new file mode 100644
index 0000000000..0d5b8c1296
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-default-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..0a6df33517
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..f4fb348ef2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..a3db95e678
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..9533f3f254
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..166a693ab3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..d8caaf2c8a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..60362eed6b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..160f1d3405
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-dark-chromium-linux.png
new file mode 100644
index 0000000000..d197e269e4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-dark-webkit-linux.png
new file mode 100644
index 0000000000..08be070880
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-light-chromium-linux.png
new file mode 100644
index 0000000000..7025c1b642
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-light-webkit-linux.png
new file mode 100644
index 0000000000..0d5b8c1296
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-mask-true-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..6192c79dfc
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..5ed6c54617
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..bcb4e22ae5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..d4a12a14c0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..b986b95e42
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..b293f8d626
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..1289c322a3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..642a6d558a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-dark-chromium-linux.png
new file mode 100644
index 0000000000..e5b28095cb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-dark-webkit-linux.png
new file mode 100644
index 0000000000..5cc092a7a6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-light-chromium-linux.png
new file mode 100644
index 0000000000..2589e2293d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-light-webkit-linux.png
new file mode 100644
index 0000000000..fd22888e63
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-placeholder-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..7b8b6f3555
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..600d9bf1af
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..a51876fec4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..f862956ed6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..a8149e1e63
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..90c98f0589
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..11d5a4c7ae
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..750737885b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-dark-chromium-linux.png
new file mode 100644
index 0000000000..7934257364
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-dark-webkit-linux.png
new file mode 100644
index 0000000000..b81c410c9f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-light-chromium-linux.png
new file mode 100644
index 0000000000..6e8a9607b6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-light-webkit-linux.png
new file mode 100644
index 0000000000..e4af4a09b6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-l-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..6192c79dfc
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..5ed6c54617
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..bcb4e22ae5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..d4a12a14c0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..2784ab32d7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..5dd6fb3035
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..807cbc3d12
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..77e10be52a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-dark-chromium-linux.png
new file mode 100644
index 0000000000..d197e269e4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-dark-webkit-linux.png
new file mode 100644
index 0000000000..08be070880
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-light-chromium-linux.png
new file mode 100644
index 0000000000..7025c1b642
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-light-webkit-linux.png
new file mode 100644
index 0000000000..0d5b8c1296
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-m-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..6be04e1be5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..0da80d6091
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..7dc509ea15
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..715621b4bd
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..2be6b15e1f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..a71b69fab6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..959d614896
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..af7164ffb0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-dark-chromium-linux.png
new file mode 100644
index 0000000000..e66c438ba2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-dark-webkit-linux.png
new file mode 100644
index 0000000000..7fe0ae87b3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-light-chromium-linux.png
new file mode 100644
index 0000000000..0594ddedf9
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-light-webkit-linux.png
new file mode 100644
index 0000000000..87c33f9fc2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-s-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..498a94ed6f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..905662cc75
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..1c4667e2bb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..04598c22f2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..6041a87288
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..2290f6cb33
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..6e01230eed
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..887f795ab4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-dark-chromium-linux.png
new file mode 100644
index 0000000000..67f9c6e114
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-dark-webkit-linux.png
new file mode 100644
index 0000000000..94e2989bba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-light-chromium-linux.png
new file mode 100644
index 0000000000..17961cbc18
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-light-webkit-linux.png
new file mode 100644
index 0000000000..c42051dfb7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-size-xl-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..5c988f8da0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..0de8c7bb62
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..7c72bfe941
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..f70b788740
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..237e9591b3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..24aea2fc0b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..4c19c18bb2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..b63104aa81
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-dark-chromium-linux.png
new file mode 100644
index 0000000000..c9a0fd682e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-dark-webkit-linux.png
new file mode 100644
index 0000000000..8a13425cc4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-light-chromium-linux.png
new file mode 100644
index 0000000000..cf54a8ac76
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-light-webkit-linux.png
new file mode 100644
index 0000000000..2e2fa90bd4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-alphanumeric-validationState-invalid-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-dark-chromium-linux.png
new file mode 100644
index 0000000000..c0546aa22f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-dark-webkit-linux.png
new file mode 100644
index 0000000000..bcb10312a1
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-light-chromium-linux.png
new file mode 100644
index 0000000000..3faab8e9bf
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-light-webkit-linux.png
new file mode 100644
index 0000000000..41238424be
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-disabled-default-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..708992f2e7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..f6549f10cb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..f55cafcbaa
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..02fe42e0ba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..2784ab32d7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..5dd6fb3035
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..807cbc3d12
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..77e10be52a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-dark-chromium-linux.png
new file mode 100644
index 0000000000..d197e269e4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-dark-webkit-linux.png
new file mode 100644
index 0000000000..08be070880
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-light-chromium-linux.png
new file mode 100644
index 0000000000..7025c1b642
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-light-webkit-linux.png
new file mode 100644
index 0000000000..0d5b8c1296
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-default-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..0a6df33517
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..f4fb348ef2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..a3db95e678
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..9533f3f254
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..166a693ab3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..d8caaf2c8a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..60362eed6b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..160f1d3405
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-dark-chromium-linux.png
new file mode 100644
index 0000000000..d197e269e4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-dark-webkit-linux.png
new file mode 100644
index 0000000000..08be070880
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-light-chromium-linux.png
new file mode 100644
index 0000000000..7025c1b642
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-light-webkit-linux.png
new file mode 100644
index 0000000000..0d5b8c1296
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-mask-true-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..708992f2e7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..f6549f10cb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..f55cafcbaa
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..02fe42e0ba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..b986b95e42
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..b293f8d626
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..1289c322a3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..642a6d558a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-dark-chromium-linux.png
new file mode 100644
index 0000000000..e5b28095cb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-dark-webkit-linux.png
new file mode 100644
index 0000000000..5cc092a7a6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-light-chromium-linux.png
new file mode 100644
index 0000000000..2589e2293d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-light-webkit-linux.png
new file mode 100644
index 0000000000..fd22888e63
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-placeholder-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..c0c6ceb077
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..6f6285b268
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..7300183d28
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..65da01de25
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..a8149e1e63
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..90c98f0589
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..11d5a4c7ae
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..750737885b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-dark-chromium-linux.png
new file mode 100644
index 0000000000..7934257364
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-dark-webkit-linux.png
new file mode 100644
index 0000000000..b81c410c9f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-light-chromium-linux.png
new file mode 100644
index 0000000000..6e8a9607b6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-light-webkit-linux.png
new file mode 100644
index 0000000000..e4af4a09b6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-l-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..708992f2e7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..f6549f10cb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..f55cafcbaa
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..02fe42e0ba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..2784ab32d7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..5dd6fb3035
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..807cbc3d12
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..77e10be52a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-dark-chromium-linux.png
new file mode 100644
index 0000000000..d197e269e4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-dark-webkit-linux.png
new file mode 100644
index 0000000000..08be070880
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-light-chromium-linux.png
new file mode 100644
index 0000000000..7025c1b642
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-light-webkit-linux.png
new file mode 100644
index 0000000000..0d5b8c1296
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-m-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..239d97afba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..ecc2967715
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..318a849469
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..522692302d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..2be6b15e1f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..a71b69fab6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..959d614896
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..af7164ffb0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-dark-chromium-linux.png
new file mode 100644
index 0000000000..e66c438ba2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-dark-webkit-linux.png
new file mode 100644
index 0000000000..7fe0ae87b3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-light-chromium-linux.png
new file mode 100644
index 0000000000..0594ddedf9
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-light-webkit-linux.png
new file mode 100644
index 0000000000..87c33f9fc2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-s-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..7d068cbfa8
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..921d7b75b9
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..e3b4bb6c8d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..f527ac937e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..6041a87288
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..2290f6cb33
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..6e01230eed
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..887f795ab4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-dark-chromium-linux.png
new file mode 100644
index 0000000000..67f9c6e114
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-dark-webkit-linux.png
new file mode 100644
index 0000000000..94e2989bba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-light-chromium-linux.png
new file mode 100644
index 0000000000..17961cbc18
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-light-webkit-linux.png
new file mode 100644
index 0000000000..c42051dfb7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-size-xl-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-dark-chromium-linux.png
new file mode 100644
index 0000000000..4460351e0e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-dark-webkit-linux.png
new file mode 100644
index 0000000000..cc02b7807d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-light-chromium-linux.png
new file mode 100644
index 0000000000..9bb3a6f22d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-light-webkit-linux.png
new file mode 100644
index 0000000000..2b11c49d41
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-code-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..237e9591b3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..24aea2fc0b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..4c19c18bb2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..b63104aa81
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-dark-chromium-linux.png
new file mode 100644
index 0000000000..c9a0fd682e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-dark-webkit-linux.png
new file mode 100644
index 0000000000..8a13425cc4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-light-chromium-linux.png
new file mode 100644
index 0000000000..cf54a8ac76
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-light-webkit-linux.png
new file mode 100644
index 0000000000..2e2fa90bd4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-numeric-validationState-invalid-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..af6ac6969c
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..259a8497d6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..23aa91243b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..484fa62e3b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-dark-chromium-linux.png
new file mode 100644
index 0000000000..eb677ab9b7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-dark-webkit-linux.png
new file mode 100644
index 0000000000..82a2467aa0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-light-chromium-linux.png
new file mode 100644
index 0000000000..a61a360781
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-light-webkit-linux.png
new file mode 100644
index 0000000000..5e06a07198
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-default-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..dd764af607
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..bdfd0a4fa3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..eeee4e93eb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..feab5b3e9d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-dark-chromium-linux.png
new file mode 100644
index 0000000000..eb677ab9b7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-dark-webkit-linux.png
new file mode 100644
index 0000000000..82a2467aa0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-light-chromium-linux.png
new file mode 100644
index 0000000000..a61a360781
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-light-webkit-linux.png
new file mode 100644
index 0000000000..5e06a07198
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-mask-true-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..53e6445576
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..0406596799
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..b01440ca07
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..80513f8a8d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-dark-chromium-linux.png
new file mode 100644
index 0000000000..854acf2080
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-dark-webkit-linux.png
new file mode 100644
index 0000000000..b7fa28d9ba
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-light-chromium-linux.png
new file mode 100644
index 0000000000..688f2a159e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-light-webkit-linux.png
new file mode 100644
index 0000000000..2398f53532
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-placeholder-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..41a717e148
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..df91797553
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..0983095ac6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..c75326f367
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-dark-chromium-linux.png
new file mode 100644
index 0000000000..305de03ef2
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-dark-webkit-linux.png
new file mode 100644
index 0000000000..976b12f52a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-light-chromium-linux.png
new file mode 100644
index 0000000000..44374fb19d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-light-webkit-linux.png
new file mode 100644
index 0000000000..3ea5b58d4b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-l-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..af6ac6969c
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..259a8497d6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..23aa91243b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..484fa62e3b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-dark-chromium-linux.png
new file mode 100644
index 0000000000..eb677ab9b7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-dark-webkit-linux.png
new file mode 100644
index 0000000000..82a2467aa0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-light-chromium-linux.png
new file mode 100644
index 0000000000..a61a360781
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-light-webkit-linux.png
new file mode 100644
index 0000000000..5e06a07198
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-m-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..533a532a9b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..53850b2738
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..ba0260c9b5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..8122f4ae75
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-dark-chromium-linux.png
new file mode 100644
index 0000000000..e6376c60c4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-dark-webkit-linux.png
new file mode 100644
index 0000000000..d23de59dc0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-light-chromium-linux.png
new file mode 100644
index 0000000000..fd1fdfe491
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-light-webkit-linux.png
new file mode 100644
index 0000000000..c00faf7e36
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-s-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..953b2b285a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..c2fac61fd6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..b29a9ea525
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..e5b731d190
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-dark-chromium-linux.png
new file mode 100644
index 0000000000..05dc31b7d5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-dark-webkit-linux.png
new file mode 100644
index 0000000000..81faa7d7a6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-light-chromium-linux.png
new file mode 100644
index 0000000000..e834931501
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-light-webkit-linux.png
new file mode 100644
index 0000000000..63aed765df
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-error-message-size-xl-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..f862676d49
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..25c0ab1d23
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..6456a0f556
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..696e5f5b88
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-dark-chromium-linux.png
new file mode 100644
index 0000000000..1ea7019f43
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-dark-webkit-linux.png
new file mode 100644
index 0000000000..f8c9a12004
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-light-chromium-linux.png
new file mode 100644
index 0000000000..5129ecbb46
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-light-webkit-linux.png
new file mode 100644
index 0000000000..53d6a00bbe
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-default-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..c0188856e9
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..4e3b7b59ab
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..f96beb41bb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..cd130db0a1
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-dark-chromium-linux.png
new file mode 100644
index 0000000000..1ea7019f43
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-dark-webkit-linux.png
new file mode 100644
index 0000000000..f8c9a12004
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-light-chromium-linux.png
new file mode 100644
index 0000000000..5129ecbb46
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-light-webkit-linux.png
new file mode 100644
index 0000000000..53d6a00bbe
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-mask-true-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..b422218f71
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..b5b2133414
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..72512d583e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..530314ee49
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-dark-chromium-linux.png
new file mode 100644
index 0000000000..70e7c99a2b
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-dark-webkit-linux.png
new file mode 100644
index 0000000000..b9a997f47a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-light-chromium-linux.png
new file mode 100644
index 0000000000..11521994d3
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-light-webkit-linux.png
new file mode 100644
index 0000000000..1423907e25
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-placeholder-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..b0f353f17d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..b2952dbb9e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..754428ae43
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..4fc4cdba0f
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-dark-chromium-linux.png
new file mode 100644
index 0000000000..24a02fb23e
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-dark-webkit-linux.png
new file mode 100644
index 0000000000..bc283cbc53
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-light-chromium-linux.png
new file mode 100644
index 0000000000..6179fb0cb8
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-light-webkit-linux.png
new file mode 100644
index 0000000000..ef8d8836b6
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-l-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..f862676d49
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..25c0ab1d23
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..6456a0f556
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..696e5f5b88
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-dark-chromium-linux.png
new file mode 100644
index 0000000000..1ea7019f43
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-dark-webkit-linux.png
new file mode 100644
index 0000000000..f8c9a12004
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-light-chromium-linux.png
new file mode 100644
index 0000000000..5129ecbb46
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-light-webkit-linux.png
new file mode 100644
index 0000000000..53d6a00bbe
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-m-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..3b58d7239a
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..64393e2a63
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..314b913793
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..63886ed836
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-dark-chromium-linux.png
new file mode 100644
index 0000000000..fb396d114d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-dark-webkit-linux.png
new file mode 100644
index 0000000000..6749b480f0
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-light-chromium-linux.png
new file mode 100644
index 0000000000..8c6c82a2f4
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-light-webkit-linux.png
new file mode 100644
index 0000000000..1768c4ab0c
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-s-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..c85b41daca
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..0ef9f1a6ef
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..8f3e447752
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..1efcd88c96
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-dark-chromium-linux.png
new file mode 100644
index 0000000000..38b6de6866
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-dark-webkit-linux.png
new file mode 100644
index 0000000000..96c768b2e7
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-light-chromium-linux.png
new file mode 100644
index 0000000000..5ecfdab936
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-light-webkit-linux.png
new file mode 100644
index 0000000000..aee3b8ce6d
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-size-xl-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png
new file mode 100644
index 0000000000..833d0769af
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png
new file mode 100644
index 0000000000..c9e9f18a08
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-light-chromium-linux.png
new file mode 100644
index 0000000000..7d1c7dcc87
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-light-webkit-linux.png
new file mode 100644
index 0000000000..626197d3bb
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-after-type-one-symbol-light-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-dark-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-dark-chromium-linux.png
new file mode 100644
index 0000000000..ae574627f5
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-dark-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-dark-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-dark-webkit-linux.png
new file mode 100644
index 0000000000..beee0e1475
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-dark-webkit-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-light-chromium-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-light-chromium-linux.png
new file mode 100644
index 0000000000..cdfeb099bf
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-light-chromium-linux.png differ
diff --git a/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-light-webkit-linux.png b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-light-webkit-linux.png
new file mode 100644
index 0000000000..2b2b379d96
Binary files /dev/null and b/src/components/PinInput/__snapshots__/PinInput.visual.test.tsx-snapshots/PinInput-smoke-with-note-validationState-invalid-light-webkit-linux.png differ