From 4b5a019aa42818b8c7dcd52f3f43038d4fff537b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bed=C5=99ich=20Schindler?= <bedrich.schindler@gmail.com>
Date: Mon, 6 Jul 2026 17:39:49 +0200
Subject: [PATCH] Introduce `MultiSelectField` (#574)

---
 mkdocs.yml                                    |    1 +
 src/components/FormLayout/README.md           |   10 +-
 src/components/InputGroup/InputGroup.jsx      |    1 +
 src/components/InputGroup/README.md           |   84 +-
 .../MultiSelectField/MultiSelectField.jsx     |  472 +++++++
 .../MultiSelectField.module.scss              |  146 +++
 src/components/MultiSelectField/README.md     | 1159 +++++++++++++++++
 .../__tests__/MultiSelectField.spec.tsx       |  981 ++++++++++++++
 ...ComponentProps-object-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2922 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2575 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2928 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2746 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2383 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2734 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2631 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2493 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2947 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2687 bytes
 ...ariant-string-outline-1-chromium-linux.png |  Bin 0 -> 2639 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2323 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2458 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2739 bytes
 ...variant-string-filled-1-chromium-linux.png |  Bin 0 -> 2477 bytes
 ...s-shape-defaultOpened-1-chromium-linux.png |  Bin 0 -> 6850 bytes
 ...-searchAlgorithm-null-1-chromium-linux.png |  Bin 0 -> 6808 bytes
 ...ned-size-string-large-1-chromium-linux.png |  Bin 0 -> 7486 bytes
 ...ned-size-string-small-1-chromium-linux.png |  Bin 0 -> 6459 bytes
 ...aultPartiallyDisabled-1-chromium-linux.png |  Bin 0 -> 6806 bytes
 ...options-shape-grouped-1-chromium-linux.png |  Bin 0 -> 8023 bytes
 ...tiallyDisabledGrouped-1-chromium-linux.png |  Bin 0 -> 10745 bytes
 ...-shape-searchFiltered-1-chromium-linux.png |  Bin 0 -> 6488 bytes
 ...-searchWithoutResults-1-chromium-linux.png |  Bin 0 -> 6931 bytes
 ...selectedOptionFocused-1-chromium-linux.png |  Bin 0 -> 6762 bytes
 ...out-string-horizontal-1-chromium-linux.png |  Bin 0 -> 2476 bytes
 ...ayout-string-vertical-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...out-string-horizontal-1-chromium-linux.png |  Bin 0 -> 2898 bytes
 ...ayout-string-vertical-1-chromium-linux.png |  Bin 0 -> 3196 bytes
 ...validationText-string-1-chromium-linux.png |  Bin 0 -> 5281 bytes
 ...idationText-undefined-1-chromium-linux.png |  Bin 0 -> 4358 bytes
 ...validationText-string-1-chromium-linux.png |  Bin 0 -> 4706 bytes
 ...Visible-boolean-false-1-chromium-linux.png |  Bin 0 -> 1638 bytes
 ...lVisible-boolean-true-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...ual-label-node-normal-1-chromium-linux.png |  Bin 0 -> 3141 bytes
 ...ual-label-string-long-1-chromium-linux.png |  Bin 0 -> 6521 bytes
 ...equired-boolean-false-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...nState-string-invalid-1-chromium-linux.png |  Bin 0 -> 2928 bytes
 ...ionState-string-valid-1-chromium-linux.png |  Bin 0 -> 2947 bytes
 ...nState-string-warning-1-chromium-linux.png |  Bin 0 -> 2922 bytes
 ...dationState-undefined-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...Required-boolean-true-1-chromium-linux.png |  Bin 0 -> 2796 bytes
 ...nState-string-invalid-1-chromium-linux.png |  Bin 0 -> 3080 bytes
 ...ionState-string-valid-1-chromium-linux.png |  Bin 0 -> 3096 bytes
 ...nState-string-warning-1-chromium-linux.png |  Bin 0 -> 3076 bytes
 ...dationState-undefined-1-chromium-linux.png |  Bin 0 -> 2796 bytes
 ...equired-boolean-false-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...nState-string-invalid-1-chromium-linux.png |  Bin 0 -> 2928 bytes
 ...ionState-string-valid-1-chromium-linux.png |  Bin 0 -> 2947 bytes
 ...nState-string-warning-1-chromium-linux.png |  Bin 0 -> 2922 bytes
 ...dationState-undefined-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...required-boolean-true-1-chromium-linux.png |  Bin 0 -> 2796 bytes
 ...nState-string-invalid-1-chromium-linux.png |  Bin 0 -> 3080 bytes
 ...ionState-string-valid-1-chromium-linux.png |  Bin 0 -> 3096 bytes
 ...nState-string-warning-1-chromium-linux.png |  Bin 0 -> 3076 bytes
 ...dationState-undefined-1-chromium-linux.png |  Bin 0 -> 2796 bytes
 ...ual-size-string-large-1-chromium-linux.png |  Bin 0 -> 2957 bytes
 ...al-size-string-medium-1-chromium-linux.png |  Bin 0 -> 2665 bytes
 ...ual-size-string-small-1-chromium-linux.png |  Bin 0 -> 2403 bytes
 ...out-string-horizontal-1-chromium-linux.png |  Bin 0 -> 4562 bytes
 ...ayout-string-vertical-1-chromium-linux.png |  Bin 0 -> 4777 bytes
 .../__tests__/MultiSelectField.story.tsx      |  138 ++
 .../openMultiSelectFieldOptionsTest.ts        |  142 ++
 .../MultiSelectFieldDropdown.jsx              |  175 +++
 .../MultiSelectFieldDropdown.module.scss      |   17 +
 .../MultiSelectFieldDropdown/index.js         |    1 +
 .../MultiSelectFieldDropdownGroup.jsx         |   25 +
 .../MultiSelectFieldDropdownGroup.module.scss |   17 +
 .../MultiSelectFieldDropdownGroup/index.js    |    1 +
 .../MultiSelectFieldDropdownItem.jsx          |   85 ++
 .../MultiSelectFieldDropdownItem.module.scss  |   52 +
 .../MultiSelectFieldDropdownItem/index.js     |    1 +
 .../MultiSelectFieldDropdownTextItem.jsx      |   17 +
 ...ltiSelectFieldDropdownTextItem.module.scss |   16 +
 .../MultiSelectFieldDropdownTextItem/index.js |    1 +
 .../MultiSelectFieldSearchInput.jsx           |   94 ++
 .../MultiSelectFieldSearchInput.module.scss   |   34 +
 .../MultiSelectFieldSearchInput/index.js      |    1 +
 .../MultiSelectFieldTag.jsx                   |   87 ++
 .../MultiSelectFieldTag.module.scss           |   67 +
 .../_components/MultiSelectFieldTag/index.js  |    1 +
 .../__tests__/getOptionsLabelMap.test.js      |   44 +
 .../__tests__/isPrintableCharacterKey.test.js |   30 +
 .../_helpers/__tests__/keyDetected.test.js    |   30 +
 .../_helpers/getOptionsLabelMap.js            |   26 +
 .../_helpers/isPrintableCharacterKey.js       |   12 +
 .../MultiSelectField/_helpers/keyDetected.js  |   13 +
 ...itiveAccentInsensitivePrefixSearch.test.js |   31 +
 ...veAccentInsensitiveSubstringSearch.test.js |   31 +
 ...nsitiveAccentSensitivePrefixSearch.test.js |   32 +
 ...tiveAccentSensitiveSubstringSearch.test.js |   31 +
 .../__tests__/genericSearch.test.js           |  138 ++
 ...sitiveAccentInsensitivePrefixComparator.js |   15 +
 ...iveAccentInsensitiveSubstringComparator.js |   15 +
 ...ensitiveAccentSensitivePrefixComparator.js |   13 +
 ...itiveAccentSensitiveSubstringComparator.js |   13 +
 .../_helpers/__tests__/removeAccent.test.js   |   13 +
 .../_helpers/removeAccent.js                  |   10 +
 ...nsensitiveAccentInsensitivePrefixSearch.js |   17 +
 ...nsitiveAccentInsensitiveSubstringSearch.js |   17 +
 ...eInsensitiveAccentSensitivePrefixSearch.js |   17 +
 ...sensitiveAccentSensitiveSubstringSearch.js |   17 +
 .../_searchAlgorithms/genericSearch.js        |   51 +
 src/components/MultiSelectField/_theme.scss   |   68 +
 src/components/MultiSelectField/index.js      |    6 +
 .../MultiSelectField/keyBindings.js           |    9 +
 src/hooks/__tests__/useClickOutside.test.jsx  |   70 +
 src/hooks/useClickOutside.js                  |   25 +
 src/index.js                                  |    8 +
 src/theme.scss                                |   46 +
 src/translations/en.js                        |    5 +
 webpack.config.babel.js                       |    2 +-
 122 files changed, 4674 insertions(+), 7 deletions(-)
 create mode 100644 src/components/MultiSelectField/MultiSelectField.jsx
 create mode 100644 src/components/MultiSelectField/MultiSelectField.module.scss
 create mode 100644 src/components/MultiSelectField/README.md
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--048b9-State-string-warning-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--29ae6-ationState-undefined-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--3fbc6-dationState-undefined-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--4506b-State-string-invalid-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--6c549-ionState-string-valid-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--6ce0f-ationState-undefined-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--7032a-nState-string-invalid-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--7ef8f-State-string-invalid-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--809d8-ionState-string-valid-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--90e99-onState-string-valid-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--bd913-onState-string-valid-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c4bb7-State-string-warning-variant-string-outline-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c4c6c-dationState-undefined-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c9c51-nState-string-warning-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--cf6de-nState-string-warning-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--e6fdb-nState-string-invalid-variant-string-filled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-searchAlgorithm-null-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-size-string-large-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-size-string-small-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultPartiallyDisabled-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-grouped-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-partiallyDisabledGrouped-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-searchFiltered-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-searchWithoutResults-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-selectedOptionFocused-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-label-node-normal-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-label-string-long-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-invalid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-valid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-warning-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-invalid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-valid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-warning-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-invalid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-valid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-warning-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-invalid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-valid-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-warning-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-large-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-medium-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-small-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png
 create mode 100644 src/components/MultiSelectField/__tests__/MultiSelectField.story.tsx
 create mode 100644 src/components/MultiSelectField/__tests__/_propTests/openMultiSelectFieldOptionsTest.ts
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.jsx
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.module.scss
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdown/index.js
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.jsx
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.module.scss
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/index.js
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.jsx
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.module.scss
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/index.js
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.jsx
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.module.scss
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/index.js
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.jsx
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.module.scss
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/index.js
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.jsx
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.module.scss
 create mode 100644 src/components/MultiSelectField/_components/MultiSelectFieldTag/index.js
 create mode 100644 src/components/MultiSelectField/_helpers/__tests__/getOptionsLabelMap.test.js
 create mode 100644 src/components/MultiSelectField/_helpers/__tests__/isPrintableCharacterKey.test.js
 create mode 100644 src/components/MultiSelectField/_helpers/__tests__/keyDetected.test.js
 create mode 100644 src/components/MultiSelectField/_helpers/getOptionsLabelMap.js
 create mode 100644 src/components/MultiSelectField/_helpers/isPrintableCharacterKey.js
 create mode 100644 src/components/MultiSelectField/_helpers/keyDetected.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitivePrefixSearch.test.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitiveSubstringSearch.test.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitivePrefixSearch.test.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitiveSubstringSearch.test.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/__tests__/genericSearch.test.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitivePrefixComparator.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitiveSubstringComparator.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitivePrefixComparator.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitiveSubstringComparator.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/_helpers/__tests__/removeAccent.test.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/_helpers/removeAccent.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitivePrefixSearch.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitiveSubstringSearch.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitivePrefixSearch.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitiveSubstringSearch.js
 create mode 100644 src/components/MultiSelectField/_searchAlgorithms/genericSearch.js
 create mode 100644 src/components/MultiSelectField/_theme.scss
 create mode 100644 src/components/MultiSelectField/index.js
 create mode 100644 src/components/MultiSelectField/keyBindings.js
 create mode 100644 src/hooks/__tests__/useClickOutside.test.jsx
 create mode 100644 src/hooks/useClickOutside.js

diff --git a/mkdocs.yml b/mkdocs.yml
index fa640c9e..67273a22 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -103,6 +103,7 @@ nav:
       - Inputs:
           - CheckBoxField: 'components/CheckboxField/README.md'
           - FileInputField: 'components/FileInputField/README.md'
+          - MultiSelectField: 'components/MultiSelectField/README.md'
           - Radio: 'components/Radio/README.md'
           - SelectField: 'components/SelectField/README.md'
           - TextArea: 'components/TextArea/README.md'
diff --git a/src/components/FormLayout/README.md b/src/components/FormLayout/README.md
index 88d30953..7e778f9a 100644
--- a/src/components/FormLayout/README.md
+++ b/src/components/FormLayout/README.md
@@ -49,7 +49,8 @@ there are longer validation messages or help texts.
 
 The FormLayout supports buttons and all React UI form fields:
 [Button](/components/Button), [CheckboxField](/components/CheckboxField),
-[FileInputField](/components/FileInputField), [Radio](/components/Radio),
+[FileInputField](/components/FileInputField),
+[MultiSelectField](/components/MultiSelectField), [Radio](/components/Radio),
 [SelectField](/components/SelectField), [TextArea](/components/TextArea),
 [TextField](/components/TextField), and [Toggle](/components/Toggle).
 
@@ -57,6 +58,7 @@ The FormLayout supports buttons and all React UI form fields:
 React.createElement(() => {
   const [fieldLayout, setFieldLayout] = React.useState('horizontal');
   const [fruit, setFruit] = React.useState('apple');
+  const [preferredFruits, setPreferredFruits] = React.useState(['apple']);
   const [isDeliveryAddress, setIsDeliveryAddress] = React.useState(true);
   const [receiveNewsletter, setReceiveNewsletter] = React.useState(true);
   const options = [
@@ -137,6 +139,12 @@ React.createElement(() => {
           options={options}
           value={fruit}
         />
+        <MultiSelectField
+          label="Fruits to order"
+          onChange={(value) => setPreferredFruits(value)}
+          options={options}
+          value={preferredFruits}
+        />
         <TextArea
           fullWidth
           label="Message"
diff --git a/src/components/InputGroup/InputGroup.jsx b/src/components/InputGroup/InputGroup.jsx
index b65cb3a3..241c1417 100644
--- a/src/components/InputGroup/InputGroup.jsx
+++ b/src/components/InputGroup/InputGroup.jsx
@@ -139,6 +139,7 @@ InputGroup.propTypes = {
   /**
    * Supported elements to be grouped:
    * * `Button`
+   * * `MultiSelectField`
    * * `SelectField`
    * * `TextField`
    *
diff --git a/src/components/InputGroup/README.md b/src/components/InputGroup/README.md
index 27f11f06..c89855b5 100644
--- a/src/components/InputGroup/README.md
+++ b/src/components/InputGroup/README.md
@@ -64,15 +64,89 @@ See [API](#api) for all available options.
   make use of its built-in features like disabling all nested inputs or pairing
   the group with a form outside. Consult [the MDN docs][fieldset] to learn more.
 
-- InputGroup currently **supports grouping of**
-  [TextField](/components/TextField), [SelectField](/components/SelectField),
-  [FileInputField](/components/FileInputField), and [Button](/components/Button)
-  components.
-
 - To group [Buttons](/components/Button) only, use the
   [ButtonGroup](/components/ButtonGroup) component which is designed
   specifically for that purpose.
 
+## Supported Form Fields
+
+The InputGroup supports buttons and the following React UI form fields:
+[Button](/components/Button), [FileInputField](/components/FileInputField),
+[MultiSelectField](/components/MultiSelectField),
+[SelectField](/components/SelectField), and [TextField](/components/TextField).
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruit, setFruit] = React.useState('apple');
+  const [countries, setCountries] = React.useState(['cz']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Pear',
+      value: 'pear',
+    },
+    {
+      label: 'Cherry',
+      value: 'cherry',
+    },
+  ];
+  const countryOptions = [
+    {
+      label: 'Czech Republic',
+      value: 'cz',
+    },
+    {
+      label: 'Poland',
+      value: 'pl',
+    },
+    {
+      label: 'Slovakia',
+      value: 'sk',
+    },
+  ];
+  return (
+    <FormLayout>
+      <InputGroup label="TextField">
+        <TextField
+          label="Variety"
+          placeholder="Eg. Golden delicious"
+        />
+        <Button label="Submit" />
+      </InputGroup>
+      <InputGroup label="SelectField">
+        <SelectField
+          label="Your favourite fruit"
+          onChange={(e) => setFruit(e.target.value)}
+          options={options}
+          value={fruit}
+        />
+        <Button label="Submit" />
+      </InputGroup>
+      <InputGroup label="MultiSelectField">
+        <MultiSelectField
+          label="Countries of origin"
+          onChange={(value) => setCountries(value)}
+          options={countryOptions}
+          value={countries}
+        />
+        <Button label="Submit" />
+      </InputGroup>
+      <InputGroup label="FileInputField">
+        <FileInputField
+          id="supported-form-fields-attachment"
+          label="Attachment"
+          onFilesChanged={() => {}}
+        />
+        <Button label="Submit" />
+      </InputGroup>
+    </FormLayout>
+  );
+})
+```
+
 ## Sizes
 
 All existing field and button sizes are also available on the input group level:
diff --git a/src/components/MultiSelectField/MultiSelectField.jsx b/src/components/MultiSelectField/MultiSelectField.jsx
new file mode 100644
index 00000000..a36eba02
--- /dev/null
+++ b/src/components/MultiSelectField/MultiSelectField.jsx
@@ -0,0 +1,472 @@
+import PropTypes from 'prop-types';
+import React, {
+  useContext,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import { withGlobalProps } from '../../providers/globalProps';
+import { classNames } from '../../helpers/classNames';
+import { transferProps } from '../../helpers/transferProps';
+import { useClickOutside } from '../../hooks/useClickOutside';
+import { getRootSizeClassName } from '../_helpers/getRootSizeClassName';
+import { getRootValidationStateClassName } from '../_helpers/getRootValidationStateClassName';
+import { resolveContextOrProp } from '../_helpers/resolveContextOrProp';
+import { FormLayoutContext } from '../FormLayout';
+import { InputGroupContext } from '../InputGroup';
+import { MultiSelectFieldDropdown } from './_components/MultiSelectFieldDropdown';
+import { MultiSelectFieldSearchInput } from './_components/MultiSelectFieldSearchInput';
+import { MultiSelectFieldTag } from './_components/MultiSelectFieldTag';
+import { getOptionsLabelMap } from './_helpers/getOptionsLabelMap';
+import { isPrintableCharacterKey } from './_helpers/isPrintableCharacterKey';
+import { keyDetected } from './_helpers/keyDetected';
+import {
+  caseInsensitiveAccentSensitivePrefixSearch,
+} from './_searchAlgorithms/caseInsensitiveAccentSensitivePrefixSearch';
+import keyBindings from './keyBindings';
+import styles from './MultiSelectField.module.scss';
+
+export const MultiSelectField = React.forwardRef((props, ref) => {
+  const {
+    disabled,
+    fullWidth,
+    helpText,
+    id,
+    isLabelVisible,
+    label,
+    layout,
+    onChange,
+    options,
+    renderAsRequired,
+    required,
+    searchAlgorithm,
+    size,
+    validationState,
+    validationText,
+    variant,
+    value,
+    ...restProps
+  } = props;
+
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const [search, setSearch] = useState('');
+  const inputRef = useRef(null);
+  const optionsRef = useRef([]);
+  const rootRef = useRef(null);
+  const searchRef = useRef(null);
+  const tagsRef = useRef([]);
+
+  const optionsLabelMap = useMemo(() => getOptionsLabelMap(options), [options]);
+
+  const formLayoutContext = useContext(FormLayoutContext);
+  const inputGroupContext = useContext(InputGroupContext);
+
+  const resolvedDisabled = resolveContextOrProp(inputGroupContext && inputGroupContext.disabled, disabled);
+  const resolvedSize = resolveContextOrProp(inputGroupContext && inputGroupContext.size, size);
+
+  const isSearchEnabled = searchAlgorithm != null;
+  const displayedOptions = (isSearchEnabled && search.length > 0)
+    ? searchAlgorithm(options, search)
+    : options;
+
+  const closeDropdown = () => {
+    setIsDropdownOpen(false);
+    setSearch('');
+    if (searchRef.current) {
+      searchRef.current.textContent = '';
+    }
+  };
+
+  const closeDropdownAndFocusInput = () => {
+    closeDropdown();
+    inputRef.current?.focus();
+  };
+
+  const openDropdown = () => {
+    setIsDropdownOpen(true);
+    if (isSearchEnabled) {
+      searchRef.current?.focus();
+    }
+  };
+
+  useClickOutside(rootRef, () => {
+    if (isDropdownOpen) {
+      closeDropdown();
+    }
+  });
+
+  return (
+    <label
+      className={classNames(
+        styles.root,
+        fullWidth && styles.isRootFullWidth,
+        formLayoutContext && styles.isRootInFormLayout,
+        isDropdownOpen && styles.isRootDropdownOpen,
+        resolvedDisabled && styles.isRootDisabled,
+        resolveContextOrProp(formLayoutContext && formLayoutContext.layout, layout) === 'horizontal'
+          ? styles.isRootLayoutHorizontal
+          : styles.isRootLayoutVertical,
+        inputGroupContext && styles.isRootGrouped,
+        (renderAsRequired || required) && styles.isRootRequired,
+        getRootSizeClassName(
+          resolvedSize,
+          styles,
+        ),
+        getRootValidationStateClassName(validationState, styles),
+        variant === 'filled' ? styles.isRootVariantFilled : styles.isRootVariantOutline,
+      )}
+      htmlFor={id}
+      id={id && `${id}__label`}
+      onBlur={(event) => {
+        // Close the dropdown when the focus moves out of the component. When `relatedTarget` is
+        // `null` (focus lost by clicking a non-focusable element), closing is left to the
+        // click-outside handler so that clicks inside the component do not close the dropdown.
+        if (
+          isDropdownOpen
+          && event.relatedTarget !== null
+          && rootRef.current
+          && !rootRef.current.contains(event.relatedTarget)
+        ) {
+          closeDropdown();
+        }
+      }}
+      ref={rootRef}
+    >
+      <div
+        className={classNames(
+          styles.label,
+          (!isLabelVisible || inputGroupContext) && styles.isLabelHidden,
+        )}
+        id={id && `${id}__labelText`}
+      >
+        {label}
+      </div>
+      <div className={styles.field}>
+        <div className={styles.inputContainer}>
+          <div
+            {...transferProps(restProps)}
+            aria-controls={id && `${id}__dropdown`}
+            aria-disabled={resolvedDisabled}
+            aria-expanded={isDropdownOpen}
+            aria-haspopup="listbox"
+            aria-labelledby={id && `${id}__labelText`}
+            aria-required={required}
+            className={styles.input}
+            id={id}
+            onClick={(event) => {
+              if (resolvedDisabled) {
+                return;
+              }
+
+              // Clicks inside the search input must not close the open dropdown, e.g. when
+              // the user positions the cursor within the search text.
+              if (isDropdownOpen && searchRef.current?.contains(event.target)) {
+                return;
+              }
+
+              if (isDropdownOpen) {
+                closeDropdown();
+              } else {
+                openDropdown();
+              }
+            }}
+            onKeyDown={(event) => {
+              // Key presses on tags and on the search input are handled by themselves and
+              // must not be processed a second time when they bubble up here.
+              if (resolvedDisabled || event.target !== event.currentTarget) {
+                return;
+              }
+
+              if (isDropdownOpen && keyDetected(event, keyBindings.closeDropdown)) {
+                event.preventDefault();
+                closeDropdownAndFocusInput();
+                return;
+              }
+
+              if (keyDetected(
+                event,
+                [
+                  ...keyBindings.focusNextDropdownItem,
+                  ...keyBindings.focusPreviousDropdownItem,
+                  ...keyBindings.openDropdown,
+                ],
+              )) {
+                event.preventDefault();
+                openDropdown();
+                return;
+              }
+
+              // Typing a character opens the dropdown and moves focus to the search input.
+              // The default action is intentionally kept so the typed character is inserted
+              // into the freshly focused search input.
+              if (isSearchEnabled && isPrintableCharacterKey(event)) {
+                openDropdown();
+              }
+            }}
+            ref={(element) => {
+              inputRef.current = element;
+              if (typeof ref === 'function') {
+                ref(element);
+              } else if (ref != null) {
+                ref.current = element; // eslint-disable-line no-param-reassign
+              }
+            }}
+            role="combobox"
+            tabIndex={resolvedDisabled ? -1 : 0}
+          >
+            {value.map((selectedValue, index) => (
+              <MultiSelectFieldTag
+                disabled={resolvedDisabled}
+                isFocusable={isDropdownOpen}
+                key={selectedValue}
+                onCloseDropdown={closeDropdownAndFocusInput}
+                onRemoveTag={() => {
+                  onChange(value.filter((otherValue) => otherValue !== selectedValue));
+
+                  const tags = tagsRef.current.filter(Boolean);
+                  const fallbackTarget = isSearchEnabled ? searchRef.current : inputRef.current;
+                  const target = tags[index - 1] ?? tags[index + 1] ?? fallbackTarget;
+                  target?.focus();
+                }}
+                priority={variant}
+                ref={(element) => {
+                  tagsRef.current[index] = element;
+                }}
+                size={resolvedSize}
+              >
+                {optionsLabelMap[selectedValue] ?? selectedValue}
+              </MultiSelectFieldTag>
+            ))}
+            {isSearchEnabled && (
+              <MultiSelectFieldSearchInput
+                disabled={resolvedDisabled}
+                id={id}
+                isFocusable={isDropdownOpen}
+                onCloseDropdown={closeDropdownAndFocusInput}
+                onFocusFirstDropdownItem={() => {
+                  optionsRef.current[0]?.focus();
+                }}
+                onFocusLastDropdownItem={() => {
+                  optionsRef.current[optionsRef.current.length - 1]?.focus();
+                }}
+                onFocusLastTag={() => {
+                  const tags = tagsRef.current.filter(Boolean);
+                  tags[tags.length - 1]?.focus();
+                }}
+                onSearchInput={(searchValue) => {
+                  setSearch(searchValue);
+
+                  // Typing into the search input while the dropdown is closed reopens it,
+                  // e.g. after the dropdown was closed by removing a tag.
+                  if (!isDropdownOpen) {
+                    setIsDropdownOpen(true);
+                  }
+                }}
+                ref={searchRef}
+                searchValue={search}
+              />
+            )}
+          </div>
+          <div className={styles.caret}>
+            <span className={styles.caretIcon} />
+          </div>
+          {variant === 'filled' && (
+            <div className={styles.bottomLine} />
+          )}
+        </div>
+        {isDropdownOpen && (
+          <MultiSelectFieldDropdown
+            autoFocusFirstOptionOnOpen={!isSearchEnabled}
+            id={id}
+            onClose={closeDropdownAndFocusInput}
+            onItemSelected={(selectedValue) => {
+              if (value.includes(selectedValue)) {
+                onChange(value.filter((otherValue) => otherValue !== selectedValue));
+              } else {
+                onChange([...value, selectedValue]);
+              }
+            }}
+            options={displayedOptions}
+            optionsRef={optionsRef}
+            value={value}
+          />
+        )}
+        {(helpText && !inputGroupContext) && (
+          <div
+            className={styles.helpText}
+            id={id && `${id}__helpText`}
+          >
+            {helpText}
+          </div>
+        )}
+        {(validationText && !inputGroupContext) && (
+          <div
+            className={styles.validationText}
+            id={id && `${id}__validationText`}
+          >
+            {validationText}
+          </div>
+        )}
+      </div>
+    </label>
+  );
+});
+
+MultiSelectField.defaultProps = {
+  disabled: false,
+  fullWidth: false,
+  helpText: undefined,
+  id: undefined,
+  isLabelVisible: true,
+  layout: 'vertical',
+  renderAsRequired: false,
+  required: false,
+  searchAlgorithm: caseInsensitiveAccentSensitivePrefixSearch,
+  size: 'medium',
+  validationState: undefined,
+  validationText: undefined,
+  variant: 'outline',
+};
+
+MultiSelectField.propTypes = {
+  /**
+   * If `true`, the input will be disabled.
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, the field will span the full width of its parent.
+   */
+  fullWidth: PropTypes.bool,
+  /**
+   * Optional help text.
+   *
+   * Help text is never rendered when the component is placed into `InputGroup`.
+   * If a help text is needed, it must be defined on the `InputGroup` component instead.
+   */
+  helpText: PropTypes.node,
+  /**
+   * ID of the input HTML element.
+   *
+   * Also serves as a prefix for important inner elements:
+   * * `<ID>__label`
+   * * `<ID>__labelText`,
+   * * `<ID>__helpText`
+   * * `<ID>__validationText`
+   * * `<ID>__dropdown`
+   *
+   * and of individual options:
+   * * `<ID>__item__<VALUE>`
+   *
+   * If `key` in the option definition object is set,
+   * then `option.key` is used instead of `option.value` in place of `<VALUE>`.
+   */
+  id: PropTypes.string,
+  /**
+   * If `false`, the label will be visually hidden (but remains accessible by assistive
+   * technologies).
+   *
+   * Automatically set to `false` when the component is rendered within `InputGroup` component.
+   */
+  isLabelVisible: PropTypes.bool,
+  /**
+   * Multi select field label.
+   */
+  label: PropTypes.node.isRequired,
+  /**
+   * Layout of the field.
+   *
+   * Ignored if the component is rendered within `FormLayout` component
+   * as the value is inherited in such case.
+   */
+  layout: PropTypes.oneOf(['horizontal', 'vertical']),
+  /**
+   * Callback fired when the selection changes. Called with the new array of selected
+   * option values.
+   */
+  onChange: PropTypes.func.isRequired,
+  /**
+   * Set of options to be chosen from.
+   *
+   * Either set of individual or grouped options is acceptable.
+   *
+   * For generating unique IDs the `option.value` is normally used. For cases when this is not practical or
+   * the `option.value` values are not unique the `option.key` attribute can be set manually.
+   * The same applies for the `label` value of grouped options which is supposed to be unique.
+   * To ensure uniqueness `key` attribute can be set manually.
+   */
+  options: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.shape({
+        key: PropTypes.string,
+        label: PropTypes.string.isRequired,
+        options: PropTypes.arrayOf(PropTypes.shape({
+          disabled: PropTypes.bool,
+          key: PropTypes.string,
+          label: PropTypes.string.isRequired,
+          value: PropTypes.oneOfType([
+            PropTypes.string,
+            PropTypes.number,
+          ]),
+        })),
+      }),
+    ),
+    PropTypes.arrayOf(PropTypes.shape({
+      disabled: PropTypes.bool,
+      key: PropTypes.string,
+      label: PropTypes.string.isRequired,
+      value: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number,
+      ]),
+    })),
+  ]).isRequired,
+  /**
+   * If `true`, the input will be rendered as if it was required.
+   */
+  renderAsRequired: PropTypes.bool,
+  /**
+   * If `true`, the input will be made and rendered as required, regardless of the `renderAsRequired` prop.
+   */
+  required: PropTypes.bool,
+  /**
+   * Search algorithm used to filter the options by the text typed into the search input.
+   * The function is called with the `options` array and the search string and returns
+   * the options to be displayed.
+   *
+   * Defaults to the provided `caseInsensitiveAccentSensitivePrefixSearch` algorithm.
+   * Set to `null` to disable searching.
+   */
+  searchAlgorithm: PropTypes.func,
+  /**
+   * Size of the field.
+   *
+   * Ignored if the component is rendered within `InputGroup` component as the value is inherited in such case.
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Alter the field to provide feedback based on validation result.
+   */
+  validationState: PropTypes.oneOf(['invalid', 'valid', 'warning']),
+  /**
+   * Validation message to be displayed.
+   *
+   * Validation text is never rendered when the component is placed into `InputGroup`. Instead, the `InputGroup`
+   * component itself renders all validation texts of its nested components.
+   */
+  validationText: PropTypes.node,
+  /**
+   * Array of selected option values.
+   */
+  value: PropTypes.arrayOf(PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ])).isRequired,
+  /**
+   * Design variant of the field, further customizable with CSS custom properties.
+   */
+  variant: PropTypes.oneOf(['filled', 'outline']),
+};
+
+export const MultiSelectFieldWithGlobalProps = withGlobalProps(MultiSelectField, 'MultiSelectField');
+
+export default MultiSelectFieldWithGlobalProps;
diff --git a/src/components/MultiSelectField/MultiSelectField.module.scss b/src/components/MultiSelectField/MultiSelectField.module.scss
new file mode 100644
index 00000000..8022f8fd
--- /dev/null
+++ b/src/components/MultiSelectField/MultiSelectField.module.scss
@@ -0,0 +1,146 @@
+@use "../../styles/tools/form-fields/box-field-elements";
+@use "../../styles/tools/form-fields/box-field-layout";
+@use "../../styles/tools/form-fields/box-field-sizes";
+@use "../../styles/tools/form-fields/foundation";
+@use "../../styles/tools/form-fields/variants";
+@use "../../styles/tools/accessibility";
+@use "../../styles/theme/form-fields" as theme;
+@use "theme" as multi-select-field-theme;
+
+@layer components.multi-select-field {
+    // Foundation
+    .root {
+        @include foundation.root();
+
+        cursor: text;
+    }
+
+    .isRootDisabled {
+        opacity: theme.$disabled-opacity;
+        cursor: theme.$disabled-cursor;
+    }
+
+    .label {
+        @include foundation.label();
+    }
+
+    .inputContainer {
+        @include box-field-elements.input-container();
+    }
+
+    .input {
+        @include box-field-elements.input();
+
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5em; // Space between tags
+        align-items: center;
+        height: auto;
+        min-height: var(--rui-local-height);
+    }
+
+    .caret {
+        @include box-field-elements.caret();
+    }
+
+    .caretIcon {
+        @include box-field-elements.caret-icon();
+    }
+
+    .bottomLine {
+        @include box-field-elements.bottom-line();
+    }
+
+    // The input is rendered as a `div` and the focus usually sits on its children
+    // (the search input or tags) which the `bottom-line` mixin does not cover.
+    .input:focus-within ~ .bottomLine {
+        background-color: var(--rui-local-border-color);
+        opacity: 1;
+        transform: scaleX(1);
+    }
+
+    .isRootDropdownOpen .input {
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    .helpText,
+    .validationText {
+        @include foundation.help-text();
+    }
+
+    .isRootRequired .label {
+        @include foundation.label-required();
+    }
+
+    // Variants
+    .isRootVariantFilled {
+        @include variants.visual(box, $variant: filled, $has-caret: true);
+    }
+
+    .isRootVariantOutline {
+        @include variants.visual(box, $variant: outline, $has-caret: true);
+    }
+
+    // States
+    .isRootStateInvalid {
+        @include variants.validation(invalid);
+    }
+
+    .isRootStateValid {
+        @include variants.validation(valid);
+    }
+
+    .isRootStateWarning {
+        @include variants.validation(warning);
+    }
+
+    // Invisible label
+    .isLabelHidden {
+        @include accessibility.hide-text();
+    }
+
+    // Layouts
+    .isRootLayoutVertical,
+    .isRootLayoutHorizontal {
+        @include box-field-layout.vertical();
+    }
+
+    .isRootLayoutHorizontal {
+        @include box-field-layout.horizontal();
+    }
+
+    .isRootFullWidth {
+        @include box-field-layout.full-width();
+    }
+
+    .isRootInFormLayout {
+        @include box-field-layout.in-form-layout();
+    }
+
+    // Sizes
+    .isRootSizeSmall {
+        @include box-field-sizes.size(small);
+    }
+
+    .isRootSizeMedium {
+        @include box-field-sizes.size(medium);
+    }
+
+    .isRootSizeLarge {
+        @include box-field-sizes.size(large);
+    }
+
+    // Groups
+    .isRootGrouped {
+        @include box-field-elements.in-group-layout();
+    }
+
+    // When grouped, the field creates its own stacking context on focus (see the in-group-layout
+    // mixin) which traps the dropdown z-index inside. Raise the whole field while the dropdown
+    // is open so the dropdown is not covered by the content following the group.
+    .isRootGrouped.isRootDropdownOpen {
+        isolation: isolate;
+        z-index: multi-select-field-theme.$dropdown-z-index;
+    }
+}
diff --git a/src/components/MultiSelectField/README.md b/src/components/MultiSelectField/README.md
new file mode 100644
index 00000000..41b7940e
--- /dev/null
+++ b/src/components/MultiSelectField/README.md
@@ -0,0 +1,1159 @@
+# MultiSelectField
+
+MultiSelectField allows users to select multiple options from a set.
+
+## Basic Usage
+
+To implement the MultiSelectField component, you need to import it first:
+
+```js
+import { MultiSelectField } from '@react-ui-org/react-ui';
+```
+
+And use it:
+
+```docoff-react-preview
+React.createElement(() => {
+  const [value, setValue] = React.useState(['CZ', 'SK', 'PL', 'DE', 'HU']);
+  const COUNTRIES = [
+    { label: 'Austria', value: 'AT' },
+    { label: 'Belgium', value: 'BE', disabled: true },
+    { label: 'Bulgaria', value: 'BG' },
+    { label: 'Croatia', value: 'HR', disabled: true },
+    { label: 'Cyprus', value: 'CY' },
+    { label: 'Czech Republic', value: 'CZ' },
+    { label: 'Denmark', value: 'DK' },
+    { label: 'Estonia', value: 'EE' },
+    { label: 'Finland', value: 'FI' },
+    { label: 'France', value: 'FR' },
+    { label: 'Germany', value: 'DE' },
+    { label: 'Greece', value: 'GR' },
+    { label: 'Hungary', value: 'HU' },
+    { label: 'Ireland', value: 'IE' },
+    { label: 'Italy', value: 'IT' },
+    { label: 'Latvia', value: 'LV' },
+    { label: 'Lithuania', value: 'LT' },
+    { label: 'Luxembourg', value: 'LU' },
+    { label: 'Malta', value: 'MT' },
+    { label: 'Netherlands', value: 'NL' },
+    { label: 'Poland', value: 'PL' },
+    { label: 'Portugal', value: 'PT' },
+    { label: 'Romania', value: 'RO' },
+    { label: 'Slovakia', value: 'SK' },
+    { label: 'Slovenia', value: 'SI' },
+    { label: 'Spain', value: 'ES' },
+    { label: 'Sweden', value: 'SE' }
+  ];
+  return (
+    <>
+    <MultiSelectField
+      label="Select countries"
+      onChange={(selectedValues) => setValue(selectedValues)}
+      options={COUNTRIES}
+      value={value}
+      variant="outline"
+    />
+    <MultiSelectField
+      label="Select countries"
+      onChange={(selectedValues) => setValue(selectedValues)}
+      options={COUNTRIES}
+      value={value}
+      variant="filled"
+    />
+    </>
+  );
+});
+```
+
+See [API](#api) for all available options.
+
+## General Guidelines
+
+- Use MultiSelectField when users should select **multiple options** from
+  a set. To select just a single option, use the
+  [SelectField](/components/SelectField) component instead.
+
+- For sets of just a few options consider using a group of
+  [CheckboxField](/components/CheckboxField) components. This will help keep
+  your UI clean and prevent your users from being overwhelmed by too many
+  options.
+
+- Use **short and descriptive labels**, ideally nouns rather than seemingly
+  polite phrases like _Please select your favourite fruits_. Short labels will
+  help your users accomplish their task faster.
+
+- Only make the MultiSelectField's label invisible when there is **another
+  visual clue** to guide users through filling the input.
+
+- When a short label is not enough, use **help texts to guide users** before
+  they enter anything.
+
+- Use **clear, calm error messages** when there's a problem with what they
+  entered.
+
+- In case of a large amount of options, consider **grouping related items
+  together** by nesting them.
+
+### Keyboard Interaction
+
+- **Enter**, **Space**, **Arrow Up**, or **Arrow Down** opens the dropdown.
+  Typing a character opens the dropdown too (when [search](#search) is
+  enabled).
+- **Typing** into the search input filters the displayed options (when
+  [search](#search) is enabled).
+- **Arrow Up** and **Arrow Down** move focus between the options.
+- **Enter** or **Space** toggles selection of the focused option.
+- **Delete** or **Backspace** removes a focused tag. **Backspace** in an empty
+  search input moves focus to the last tag.
+- **Escape** closes the dropdown and returns focus to the input.
+- **Tab** moves focus through the tags and further out of the field while the
+  dropdown is open.
+
+## Design Variants
+
+To satisfy the design requirements of your project, all input fields in React UI
+come in two design variants to choose from: outline and filled. Both can be
+further [customized](#theming) with CSS custom properties.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        variant="filled"
+        value={fruits}
+      />
+    </>
+  );
+});
+```
+
+## Sizes
+
+Aside from the default (medium) size, two additional sizes are available: small
+and large.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        size="small"
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        size="large"
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        size="small"
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        size="large"
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+});
+```
+
+Full-width fields span the full width of a parent:
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        fullWidth
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        fullWidth
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+});
+```
+
+## Grouping Related Options
+
+For a large amount of options you can group related items together by nesting
+them (implements the `optgroup` HTML element).
+
+```docoff-react-preview
+React.createElement(() => {
+  const [crops, setCrops] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Fruits',
+      options: [
+        {
+          label: 'Apple',
+          value: 'apple',
+        },
+        {
+          label: 'Banana',
+          value: 'banana',
+        },
+        {
+          label: 'Grapefruit',
+          value: 'grapefruit',
+        },
+      ],
+    },
+    {
+      label: 'Vegetables',
+      options: [
+        {
+          label: 'Beetroot',
+          value: 'beetroot',
+        },
+        {
+          label: 'Carrot',
+          value: 'carrot',
+        },
+        {
+          label: 'Tomato',
+          value: 'tomato',
+        },
+      ],
+    },
+  ];
+
+  return (
+    <>
+    <MultiSelectField
+      label="Your favourite crops"
+      onChange={(value) => setCrops(value)}
+      options={options}
+      value={crops}
+      variant="outline"
+    />
+    <MultiSelectField
+      label="Your favourite crops"
+      onChange={(value) => setCrops(value)}
+      options={options}
+      value={crops}
+      variant="filled"
+    />
+    </>
+  );
+});
+```
+
+## Invisible Label
+
+While it may be acceptable for login screens with just a few fields or for other
+simple forms, it's dangerous to hide labels from users in most cases. Keep in
+mind you should **provide another visual clue** so users know what to fill into
+the input.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        isLabelVisible={false}
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        isLabelVisible={false}
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+});
+```
+
+## Horizontal Layout
+
+The default vertical layout is very easy to use and work with. However, there
+are situations where horizontal layout suits better — and that's why React UI
+supports this kind of layout as well.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        fullWidth
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        fullWidth
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        fullWidth
+        isLabelVisible={false}
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        fullWidth
+        isLabelVisible={false}
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+});
+```
+
+## Help Text
+
+You may provide an additional help text to clarify how the input should be
+filled.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        helpText="Choose one or more kinds of fruit to feel happy."
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        helpText="Choose one or more kinds of fruit to feel happy."
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        helpText="Choose one or more kinds of fruit to feel happy."
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        helpText="Choose one or more kinds of fruit to feel happy."
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        fullWidth
+        helpText="Choose one or more kinds of fruit to feel happy."
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        fullWidth
+        helpText="Choose one or more kinds of fruit to feel happy."
+        label="Your favourite fruits"
+        layout="horizontal"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+});
+```
+
+## States
+
+### Validation States
+
+Validation states visually present the result of validation of the input. You
+should always **provide a validation message for states other than valid** so
+users know what happened and what action they should take or what options they
+have.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        required
+        validationState="valid"
+        validationText="Great, they're in stock!"
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        required
+        validationState="warning"
+        validationText="Oh, really?"
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        required
+        validationState="invalid"
+        validationText="You must select at least one kind of fruit."
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        required
+        validationState="valid"
+        validationText="Great, they're in stock!"
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        required
+        validationState="warning"
+        validationText="Oh, really?"
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        required
+        value={fruits}
+        validationState="invalid"
+        validationText="You must select at least one kind of fruit."
+        variant="filled"
+      />
+    </>
+  );
+})
+```
+
+### Required State
+
+The required state indicates that the input is mandatory.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <MultiSelectField
+      label="Your favourite fruits"
+      onChange={(value) => setFruits(value)}
+      options={options}
+      required
+      value={fruits}
+    />
+  );
+});
+```
+
+#### Styling the Required State
+
+All form fields in React UI can be
+[styled](/docs/customize/theming/forms/#required-state)
+to indicate the required state.
+
+However, you may find yourself in a situation where a form field is valid in
+both selected and unselected states, for example to turn on or off a feature.
+If your project uses the label color as the primary means to indicate the
+required state of input fields and the usual asterisk `*` is omitted, you may
+want to keep the label color consistent for both states to avoid confusion.
+
+For this edge case, there is the `renderAsRequired` prop:
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+   <React.Fragment>
+      <style>
+      {`
+        .example {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 1rem 0.5rem;
+        }
+
+        .example--themed-form-fields {
+          --rui-FormField__label__color: var(--rui-color-text-secondary);
+          --rui-FormField--required__label__color: var(--rui-color-text-primary);
+          --rui-FormField--required__sign: '';
+        }
+      `}
+      </style>
+      <div class="example example--themed-form-fields">
+        <MultiSelectField
+          label="This field is optional"
+          onChange={(value) => setFruits(value)}
+          options={options}
+          value={fruits}
+        />
+        <MultiSelectField
+          label="This field is optional but looks like required"
+          onChange={(value) => setFruits(value)}
+          options={options}
+          renderAsRequired
+          value={fruits}
+        />
+      </div>
+    </React.Fragment>
+  );
+});
+```
+
+It renders the field as if it was required, but doesn't mark the input as
+required for assistive technologies.
+
+### Disabled State
+
+It's possible to disable just some options or the whole input.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Apple',
+      value: 'apple',
+    },
+    {
+      disabled: true,
+      label: 'Banana',
+      value: 'banana',
+    },
+    {
+      label: 'Grapefruit',
+      value: 'grapefruit',
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        disabled
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+      />
+      <MultiSelectField
+        disabled
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+})
+```
+
+## Search
+
+The MultiSelectField component uses a search algorithm to filter the
+options based on the user's input.
+
+### Disabled search
+
+If you want to disable the search, you can set the `searchAlgorithm` prop to `null`.
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Ovoce',
+      options: [
+        {
+          label: 'Jablko',
+          value: 'apple',
+        },
+        {
+          label: 'Banán',
+          value: 'banana',
+        },
+        {
+          label: 'Grep',
+          value: 'grapefruit',
+        },
+        {
+          label: 'Jahoda',
+          value: 'strawberry',
+        },
+      ],
+    },
+    {
+      label: 'Zelenina',
+      options: [
+        {
+          label: 'Řepa',
+          value: 'beetroot',
+        },
+        {
+          label: 'Mrkev',
+          value: 'carrot',
+        },
+        {
+          label: 'Rajče',
+          value: 'tomato',
+        },
+      ],
+    },
+  ];
+  return (
+    <MultiSelectField
+      label="Your favourite fruits"
+      onChange={(value) => setFruits(value)}
+      options={options}
+      searchAlgorithm={null}
+      value={fruits}
+    />
+  );
+})
+```
+
+### Provided search algorithms
+
+The default case-insensitive, accent sensitive, prefix search algorithm is
+suitable for most cases. However, you can choose from the following search
+algorithms to better suit your needs:
+
+```js
+import {
+  caseInsensitiveAccentInsensitivePrefixSearch,
+  caseInsensitiveAccentInsensitiveSubstringSearch,
+  caseInsensitiveAccentSensitivePrefixSearch,
+  caseInsensitiveAccentSensitiveSubstringSearch,
+} from '@react-ui-org/react-ui';
+```
+
+Provided search algorithms preserve grouping (if defined) and only filter the options
+inside the groups. Empty groups are not displayed.
+
+The following example demonstrates the use of all search algorithms:
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Ovoce',
+      options: [
+        {
+          label: 'Jablko',
+          value: 'apple',
+        },
+        {
+          label: 'Banán',
+          value: 'banana',
+        },
+        {
+          label: 'Grep',
+          value: 'grapefruit',
+        },
+        {
+          label: 'Jahoda',
+          value: 'strawberry',
+        },
+      ],
+    },
+    {
+      label: 'Zelenina',
+      options: [
+        {
+          label: 'Řepa',
+          value: 'beetroot',
+        },
+        {
+          label: 'Mrkev',
+          value: 'carrot',
+        },
+        {
+          label: 'Rajče',
+          value: 'tomato',
+        },
+      ],
+    },
+  ];
+  return (
+    <>
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        searchAlgorithm={caseInsensitiveAccentInsensitivePrefixSearch}
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        searchAlgorithm={caseInsensitiveAccentInsensitiveSubstringSearch}
+        value={fruits}
+        variant="filled"
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        searchAlgorithm={caseInsensitiveAccentSensitivePrefixSearch}
+        value={fruits}
+      />
+      <MultiSelectField
+        label="Your favourite fruits"
+        onChange={(value) => setFruits(value)}
+        options={options}
+        searchAlgorithm={caseInsensitiveAccentSensitiveSubstringSearch}
+        value={fruits}
+        variant="filled"
+      />
+    </>
+  );
+})
+```
+
+### Provided generic search algorithm
+
+For advanced search, you can use `genericSearch` which accepts a custom
+comparator function. `genericSearch` will do the filtering based on the result
+of the comparator function, so you do not need to worry about the search
+algorithm itself.
+
+```js
+import { genericSearch } from '@react-ui-org/react-ui';
+```
+
+The following example demonstrates the use of `genericSearch` with a custom
+comparator function:
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Ovoce',
+      options: [
+        {
+          label: 'Jablko',
+          value: 'apple',
+        },
+        {
+          label: 'Banán',
+          value: 'banana',
+        },
+        {
+          label: 'Grep',
+          value: 'grapefruit',
+        },
+        {
+          label: 'Jahoda',
+          value: 'strawberry',
+        },
+      ],
+    },
+    {
+      label: 'Zelenina',
+      options: [
+        {
+          label: 'Řepa',
+          value: 'beetroot',
+        },
+        {
+          label: 'Mrkev',
+          value: 'carrot',
+        },
+        {
+          label: 'Rajče',
+          value: 'tomato',
+        },
+      ],
+    },
+  ];
+  const customCaseSensitiveSubstringSearch = (options, searchString) => genericSearch(
+    options,
+    searchString,
+    (optionLabel, searchValue) => optionLabel.includes(searchValue)
+  );
+  return (
+    <MultiSelectField
+      label="Your favourite fruits"
+      onChange={(value) => setFruits(value)}
+      options={options}
+      searchAlgorithm={customCaseSensitiveSubstringSearch}
+      value={fruits}
+    />
+  );
+})
+```
+
+### Custom search algorithm
+
+If provided search algorithms do not suit your needs, you can create your own
+search algorithm. The search algorithm is a function that accepts an array of
+options and a search string and returns an array of options that match the
+search string.
+
+The following example demonstrates the use of a custom search algorithm that
+is case-insensitive, accent sensitive, but removes grouping:
+
+```docoff-react-preview
+React.createElement(() => {
+  const [fruits, setFruits] = React.useState(['apple']);
+  const options = [
+    {
+      label: 'Ovoce',
+      options: [
+        {
+          label: 'Jablko',
+          value: 'apple',
+        },
+        {
+          label: 'Banán',
+          value: 'banana',
+        },
+        {
+          label: 'Grep',
+          value: 'grapefruit',
+        },
+        {
+          label: 'Jahoda',
+          value: 'strawberry',
+        },
+      ],
+    },
+    {
+      label: 'Zelenina',
+      options: [
+        {
+          label: 'Řepa',
+          value: 'beetroot',
+        },
+        {
+          label: 'Mrkev',
+          value: 'carrot',
+        },
+        {
+          label: 'Rajče',
+          value: 'tomato',
+        },
+      ],
+    },
+  ];
+  const customFlatPrefixSearch = (options, searchString) => {
+    const searchStringTransformed = searchString.toLowerCase();
+    const flatOptions = options.flatMap((option) => option.options ? option.options : option);
+    return flatOptions.filter((option) => option.label.toLowerCase().startsWith(searchStringTransformed));
+  };
+  return (
+    <MultiSelectField
+      label="Your favourite fruits"
+      onChange={(value) => setFruits(value)}
+      options={options}
+      searchAlgorithm={customFlatPrefixSearch}
+      value={fruits}
+    />
+  );
+})
+```
+
+## Forwarding HTML Attributes
+
+In addition to the options below in the [component's API](#api) section, you
+can specify **any HTML attribute you like.** All attributes that don't
+interfere with the API of the React component and that aren't filtered out by
+[`transferProps`](/docs/js-helpers/transferProps) helper are forwarded to the
+`<div>` HTML element representing the input of the field. This enables making
+the component interactive and helps to improve its accessibility.
+
+👉 For the full list of supported attributes refer to:
+
+- [`<div>` HTML element attributes][div-attributes]{:target="_blank"}
+- [React common props]{:target="_blank"}
+
+## Forwarding ref
+
+If you provide [ref], it is forwarded to the `<div>` HTML element representing
+the input of the field.
+
+## API
+
+<docoff-react-props src="/components/MultiSelectField/MultiSelectField.jsx"></docoff-react-props>
+
+## Theming
+
+Head to [Forms Theming](/docs/customize/theming/forms) to see shared form theming
+options. On top of that, the following options are available for
+MultiSelectField.
+
+| Custom Property                                                       | Description                                          |
+|------------------------------------------------------------------------|------------------------------------------------------|
+| `--rui-MultiSelectField__dropdown__background-color`                    | Dropdown background color                            |
+| `--rui-MultiSelectField__dropdown__border-color`                        | Dropdown border color                                |
+| `--rui-MultiSelectField__dropdown__box-shadow`                          | Dropdown box shadow                                  |
+| `--rui-MultiSelectField__dropdown__max-height`                          | Dropdown max height                                  |
+| `--rui-MultiSelectField__dropdown__z-index`                             | Dropdown z-index                                     |
+| `--rui-MultiSelectField__dropdown-group__color`                         | Text color of group labels                           |
+| `--rui-MultiSelectField__dropdown-group__font-weight`                   | Font weight of group labels                          |
+| `--rui-MultiSelectField__dropdown-item__background-color`               | Background color of dropdown items                   |
+| `--rui-MultiSelectField__dropdown-item__color`                          | Text color of dropdown items                         |
+| `--rui-MultiSelectField__dropdown-item--selected__background-color`     | Background color of selected dropdown items          |
+| `--rui-MultiSelectField__dropdown-item--selected__color`                | Text color of selected dropdown items                |
+| `--rui-MultiSelectField__dropdown-item--selected__font-weight`          | Font weight of selected dropdown items               |
+| `--rui-MultiSelectField__dropdown-item--selected--focus__background-color` | Background color of selected dropdown items when hovered or focused |
+| `--rui-MultiSelectField__dropdown-item--selected--focus__color`         | Text color of selected dropdown items when hovered or focused |
+| `--rui-MultiSelectField__dropdown-item--focus__background-color`        | Background color of hovered or focused dropdown items |
+| `--rui-MultiSelectField__dropdown-item--focus__color`                   | Text color of hovered or focused dropdown items      |
+| `--rui-MultiSelectField__dropdown-text-item__color`                     | Text color of text items (e.g. no options found)     |
+| `--rui-MultiSelectField__tag__border-width`                             | Tag border width                                     |
+| `--rui-MultiSelectField__tag__border-radius`                            | Tag corner radius                                    |
+| `--rui-MultiSelectField__tag__gap`                                      | Gap between the tag label and the remove icon        |
+| `--rui-MultiSelectField--<VARIANT>__tag--<INTERACTION STATE>__background-color` | Tag background color                          |
+| `--rui-MultiSelectField--<VARIANT>__tag--<INTERACTION STATE>__border-color`     | Tag border color                              |
+| `--rui-MultiSelectField--<VARIANT>__tag--<INTERACTION STATE>__color`            | Tag text color                                |
+| `--rui-MultiSelectField--<SIZE>__tag__font-size`                        | Tag font size                                        |
+| `--rui-MultiSelectField--<SIZE>__tag__padding-inline`                   | Tag horizontal padding                               |
+
+[div-attributes]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div#attributes
+[React common props]: https://react.dev/reference/react-dom/components/common#common-props
+[ref]: https://reactjs.org/docs/refs-and-the-dom.html
diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx
new file mode 100644
index 00000000..491d5dc1
--- /dev/null
+++ b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx
@@ -0,0 +1,981 @@
+import React from 'react';
+import {
+  expect,
+  test,
+} from '@playwright/experimental-ct-react';
+import {
+  mixPropTests,
+  propTests,
+} from '../../../../tests/playwright';
+import {
+  MultiSelectFieldForTest,
+  MultiSelectFieldForRefTest,
+  MultiSelectFieldForFocusTests,
+  MultiSelectFieldForTranslationsTest,
+  MultiSelectFieldForFormLayoutTests,
+} from './MultiSelectField.story';
+import type { MultiSelectFieldForFormLayoutTestsProps } from './MultiSelectField.story';
+import { openMultiSelectFieldOptionsTest } from './_propTests/openMultiSelectFieldOptionsTest';
+
+const baseOptions = [
+  {
+    disabled: false,
+    key: 'key1',
+    label: 'option1',
+    value: 'value1',
+  },
+  {
+    disabled: false,
+    label: 'option2',
+    value: 'value2',
+  },
+];
+
+const partiallyDisabledOptions = [
+  {
+    disabled: false,
+    label: 'option1',
+    value: 'value1',
+  },
+  {
+    disabled: true,
+    label: 'option2',
+    value: 'value2',
+  },
+  {
+    disabled: false,
+    label: 'option3',
+    value: 'value3',
+  },
+];
+
+const groupedOptions = [
+  {
+    label: 'optgroup1',
+    options: [
+      {
+        disabled: false,
+        label: 'option1',
+        value: 'value1',
+      },
+      {
+        disabled: false,
+        label: 'option2',
+        value: 'value2',
+      },
+    ],
+  },
+  {
+    label: 'optgroup2',
+    options: [
+      {
+        disabled: false,
+        label: 'option3',
+        value: 'value3',
+      },
+      {
+        disabled: false,
+        label: 'option4',
+        value: 'value4',
+      },
+    ],
+  },
+];
+
+test.describe('MultiSelectField', () => {
+  test.describe('base', () => {
+    test.describe('visual', () => {
+      [
+        ...propTests.defaultComponentPropTest,
+        ...propTests.helpTextAndValidationTextPropType,
+        ...propTests.isLabelVisiblePropTest,
+        ...propTests.labelPropTest,
+        ...propTests.renderAsRequiredPropTest,
+        ...propTests.requiredPropTest,
+        ...propTests.sizePropTest,
+        ...mixPropTests([
+          propTests.fullWidthPropTest,
+          propTests.layoutPropTest,
+        ]),
+        ...mixPropTests([
+          propTests.requiredPropTest,
+          propTests.validationStatePropTest,
+        ]),
+        ...mixPropTests([
+          propTests.renderAsRequiredPropTest,
+          propTests.validationStatePropTest,
+        ]),
+        ...mixPropTests([
+          propTests.disabledPropTest,
+          propTests.validationStatePropTest,
+          propTests.variantPropTest,
+        ]),
+      ].forEach(({
+        name,
+        onBeforeTest,
+        onBeforeSnapshot,
+        props,
+      }) => {
+        test(name, async ({
+          mount,
+          page,
+        }) => {
+          if (onBeforeTest) {
+            await onBeforeTest(page);
+          }
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              {...props}
+            />,
+          );
+
+          if (onBeforeSnapshot) {
+            await onBeforeSnapshot(page, component);
+          }
+
+          const screenshot = await component.screenshot({ animations: 'disabled' });
+          expect(screenshot).toMatchSnapshot();
+        });
+      });
+
+      /**
+       * Full page screenshot is required for the dropdown tests because the dropdown
+       * is rendered outside of the bounding box of the component root element.
+       */
+      test.describe('fullPage', () => {
+        [
+          ...openMultiSelectFieldOptionsTest,
+        ].forEach(({
+          name,
+          onBeforeTest,
+          onBeforeSnapshot,
+          props,
+        }) => {
+          test(name, async ({
+            mount,
+            page,
+          }) => {
+            // The field with its open dropdown only covers a small part of the page
+            await page.setViewportSize({
+              height: 320,
+              width: 320,
+            });
+
+            if (onBeforeTest) {
+              await onBeforeTest(page);
+            }
+
+            const component = await mount(
+              <MultiSelectFieldForTest
+                {...props}
+              />,
+            );
+
+            if (onBeforeSnapshot) {
+              await onBeforeSnapshot(page, component);
+            }
+
+            const screenshot = await page.screenshot({ animations: 'disabled' });
+            expect(screenshot).toMatchSnapshot({ maxDiffPixelRatio: 0.001 });
+          });
+        });
+      });
+    });
+
+    test.describe('non-visual', () => {
+      test('id', async ({ mount }) => {
+        const testId = 'testId';
+        const testLabel = 'testLabel';
+        const testHelpText = 'testHelpText';
+        const testValidationText = 'testValidationText';
+
+        const component = await mount(
+          <MultiSelectFieldForTest
+            helpText={testHelpText}
+            id={testId}
+            label={testLabel}
+            options={baseOptions}
+            validationText={testValidationText}
+          />,
+        );
+
+        await expect(component.getByRole('combobox')).toHaveAttribute('id', testId);
+        await expect(component.getByText(testHelpText)).toHaveAttribute('id', `${testId}__helpText`);
+        await expect(component.getByText(testValidationText)).toHaveAttribute('id', `${testId}__validationText`);
+        await expect(component.getByText(testLabel)).toHaveAttribute('id', `${testId}__labelText`);
+        await expect(component).toHaveAttribute('id', `${testId}__label`);
+
+        await component.getByRole('combobox').click();
+
+        await expect(component.getByRole('listbox')).toHaveAttribute('id', `${testId}__dropdown`);
+        await expect(component.getByRole('option').first()).toHaveAttribute('id', `${testId}__item__${baseOptions[0].key}`);
+        await expect(component.getByRole('option').last()).toHaveAttribute('id', `${testId}__item__${baseOptions[1].value}`);
+      });
+
+      test('ref', async ({ mount }) => {
+        const component = await mount(
+          <MultiSelectFieldForRefTest
+            testRefAttrName="test-ref"
+            testRefAttrValue="test-ref-value"
+          />,
+        );
+
+        await expect(component.getByRole('combobox')).toHaveAttribute('test-ref', 'test-ref-value');
+      });
+
+      test('renders custom translations', async ({
+        mount,
+        page,
+      }) => {
+        const component = await mount(
+          <MultiSelectFieldForTranslationsTest />,
+        );
+
+        await expect(component.getByRole('button', { name: 'option1' })).toHaveAttribute('title', 'Remove this tag');
+        await expect(component.getByRole('textbox')).toHaveAttribute('aria-label', 'Search options');
+
+        await component.getByRole('combobox').click();
+        await page.keyboard.type('nonexistent');
+
+        await expect(component.getByText('Nothing found')).toBeVisible();
+      });
+    });
+
+    test.describe('functionality', () => {
+      test.describe('opening', () => {
+        test('opens dropdown on mouse click', async ({ mount }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+
+          await expect(component.getByRole('listbox')).toBeVisible();
+          // Focus moves to the search input
+          await expect(component.getByRole('textbox')).toBeFocused();
+        });
+
+        ['Enter', 'Space', 'ArrowDown', 'ArrowUp'].forEach((openKey) => {
+          test(`opens dropdown on ${openKey} key press`, async ({ mount }) => {
+            const component = await mount(
+              <MultiSelectFieldForTest />,
+            );
+
+            const combobox = component.getByRole('combobox');
+            await combobox.focus();
+            await combobox.press(openKey);
+
+            await expect(component.getByRole('listbox')).toBeVisible();
+          });
+        });
+
+        test('opens dropdown on character key press', async ({
+          mount,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('o');
+
+          await expect(component.getByRole('listbox')).toBeVisible();
+          await expect(component.getByRole('textbox')).toBeFocused();
+        });
+
+        test('does not open dropdown when disabled', async ({ mount }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              disabled
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+            />,
+          );
+
+          // `force` is needed as Playwright refuses to click elements with `aria-disabled="true"`
+          const combobox = component.getByRole('combobox');
+          await combobox.click({ force: true });
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+
+          // Disabled tags are not removable
+          const tag = component.getByRole('button', { name: 'option1' });
+          await tag.click({ force: true });
+          await expect(tag).toBeVisible();
+          expect(receivedValue).toBeNull();
+        });
+      });
+
+      test.describe('closing', () => {
+        test('closes dropdown on Escape key press in the search input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.click();
+          await expect(component.getByRole('listbox')).toBeVisible();
+
+          await page.keyboard.press('Escape');
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+          await expect(combobox).toBeFocused();
+        });
+
+        test('closes dropdown on Escape key press on a focused option', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('Escape');
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+          await expect(combobox).toBeFocused();
+        });
+
+        test('closes dropdown on Escape key press on a focused tag', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          // Open using keyboard as clicking the center of the input could hit one of the tags
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          await page.keyboard.press('Shift+Tab');
+          await expect(component.getByRole('button', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('Escape');
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+          await expect(combobox).toBeFocused();
+        });
+
+        test('closes dropdown on Escape key press on the input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          // Open using keyboard as clicking the center of the input could hit one of the tags
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          // Walk back from the search input to the input itself
+          await page.keyboard.press('Shift+Tab');
+          await page.keyboard.press('Shift+Tab');
+          await expect(combobox).toBeFocused();
+
+          await page.keyboard.press('Escape');
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+          await expect(combobox).toBeFocused();
+        });
+
+        test('closes dropdown on moving focus out of the field', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForFocusTests />,
+          );
+
+          await component.getByRole('combobox').first().click();
+          await expect(component.getByRole('listbox')).toBeVisible();
+
+          // Tab moves focus from the search input of the first field to the second field
+          await page.keyboard.press('Tab');
+
+          await expect(component.getByRole('combobox').last()).toBeFocused();
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+        });
+
+        test('closes dropdown on clicking the input', async ({ mount }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.click();
+          await expect(component.getByRole('listbox')).toBeVisible();
+
+          // Click next to the caret so neither a tag nor the search input is hit
+          await combobox.click({
+            position: {
+              x: 230,
+              y: 17,
+            },
+          });
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+        });
+
+        test('does not close dropdown on clicking the search input', async ({ mount }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+          await expect(component.getByRole('listbox')).toBeVisible();
+
+          await component.getByRole('textbox').click();
+
+          await expect(component.getByRole('listbox')).toBeVisible();
+        });
+
+        test('closes dropdown on clicking outside the field', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+          await expect(component.getByRole('listbox')).toBeVisible();
+
+          // Click far away from the component and its dropdown
+          await page.mouse.click(600, 500);
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+        });
+
+        test('clears the search input on closing the dropdown', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.click();
+          await page.keyboard.type('option2');
+          await expect(component.getByRole('option')).toHaveCount(1);
+
+          await page.keyboard.press('Escape');
+          await combobox.press('Enter');
+
+          // All options are displayed again
+          await expect(component.getByRole('option')).toHaveCount(2);
+        });
+      });
+
+      test.describe('selection', () => {
+        test('selects an option on click', async ({ mount }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={[]}
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+          await component.getByRole('option', { name: 'option1' }).click();
+
+          expect(receivedValue).toEqual(['value1']);
+          await expect(component.getByRole('button', { name: 'option1' })).toBeVisible();
+          // Dropdown stays open to allow selecting more options
+          await expect(component.getByRole('listbox')).toBeVisible();
+        });
+
+        test('unselects a selected option on click', async ({ mount }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={['value1']}
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+          await component.getByRole('option', { name: 'option1' }).click();
+
+          expect(receivedValue).toEqual([]);
+          await expect(component.getByRole('button', { name: 'option1' })).toHaveCount(0);
+        });
+
+        ['Enter', 'Space'].forEach((selectKey) => {
+          test(`selects an option on ${selectKey} key press`, async ({
+            mount,
+            page,
+          }) => {
+            let receivedValue = null;
+
+            const component = await mount(
+              <MultiSelectFieldForTest
+                initialValue={[]}
+                onChange={(value) => {
+                  receivedValue = value;
+                }}
+              />,
+            );
+
+            const combobox = component.getByRole('combobox');
+            await combobox.focus();
+            await combobox.press('Enter');
+
+            await expect(component.getByRole('listbox')).toBeVisible();
+
+            await page.keyboard.press('ArrowDown');
+            await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+
+            await page.keyboard.press(selectKey);
+            expect(receivedValue).toEqual(['value1']);
+          });
+        });
+
+        test('selects an option filtered by search', async ({
+          mount,
+          page,
+        }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={[]}
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+          await page.keyboard.type('option2');
+          await component.getByRole('option', { name: 'option2' }).click();
+
+          expect(receivedValue).toEqual(['value2']);
+        });
+
+        test('does not select a disabled option', async ({ mount }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={[]}
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+              options={partiallyDisabledOptions}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+
+          // `force` is needed as Playwright refuses to click elements with `aria-disabled="true"`
+          await component.getByRole('option', { name: 'option2' }).click({ force: true });
+
+          expect(receivedValue).toBeNull();
+          await expect(component.getByRole('listbox')).toBeVisible();
+        });
+      });
+
+      test.describe('navigation', () => {
+        test('moves focus to the first option on ArrowDown key press in the search input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+          await page.keyboard.press('ArrowDown');
+
+          await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+        });
+
+        test('moves focus to the last option on ArrowUp key press in the search input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+          await page.keyboard.press('ArrowUp');
+
+          await expect(component.getByRole('option', { name: 'option2' })).toBeFocused();
+        });
+
+        test('skips disabled options on arrow key press', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              options={partiallyDisabledOptions}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+
+          // The disabled option2 is skipped
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option3' })).toBeFocused();
+        });
+
+        test('moves focus across group boundaries on arrow key press', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              options={groupedOptions}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option2' })).toBeFocused();
+
+          // Focus moves to the first option of the following group
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option3' })).toBeFocused();
+        });
+
+        test('does not move focus past the first or last option', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+
+          await page.keyboard.press('ArrowDown');
+          await page.keyboard.press('ArrowUp');
+          await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('ArrowDown');
+          await page.keyboard.press('ArrowDown');
+          await expect(component.getByRole('option', { name: 'option2' })).toBeFocused();
+        });
+
+        test('moves focus through tags to the search input on Tab key press', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={['value1', 'value2']}
+            />,
+          );
+
+          // Open using keyboard as clicking the center of the input could hit one of the tags
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          // Walk back to the input first
+          await page.keyboard.press('Shift+Tab');
+          await page.keyboard.press('Shift+Tab');
+          await page.keyboard.press('Shift+Tab');
+          await expect(combobox).toBeFocused();
+
+          await page.keyboard.press('Tab');
+          await expect(component.getByRole('button', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('Tab');
+          await expect(component.getByRole('button', { name: 'option2' })).toBeFocused();
+
+          await page.keyboard.press('Tab');
+          await expect(component.getByRole('textbox')).toBeFocused();
+        });
+      });
+
+      test.describe('tags', () => {
+        test('removes a tag on click', async ({ mount }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={['value1']}
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+            />,
+          );
+
+          await component.getByRole('button', { name: 'option1' }).click();
+
+          expect(receivedValue).toEqual([]);
+          await expect(component.getByRole('button', { name: 'option1' })).toHaveCount(0);
+          // Clicking a tag must not open the dropdown
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+        });
+
+        ['Delete', 'Backspace'].forEach((removeKey) => {
+          test(`removes a tag on ${removeKey} key press`, async ({
+            mount,
+            page,
+          }) => {
+            let receivedValue = null;
+
+            const component = await mount(
+              <MultiSelectFieldForTest
+                initialValue={['value1', 'value2']}
+                onChange={(value) => {
+                  receivedValue = value;
+                }}
+              />,
+            );
+
+            // Open using keyboard as clicking the center of the input could hit one of the tags
+            const combobox = component.getByRole('combobox');
+            await combobox.focus();
+            await combobox.press('Enter');
+
+            // Focus moves from the search input back to the last tag
+            await page.keyboard.press('Shift+Tab');
+            await expect(component.getByRole('button', { name: 'option2' })).toBeFocused();
+
+            await page.keyboard.press(removeKey);
+
+            expect(receivedValue).toEqual(['value1']);
+            // Focus moves to the previous tag
+            await expect(component.getByRole('button', { name: 'option1' })).toBeFocused();
+          });
+        });
+
+        test('moves focus to the next tag on removing the first tag', async ({
+          mount,
+          page,
+        }) => {
+          let receivedValue = null;
+
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={['value1', 'value2']}
+              onChange={(value) => {
+                receivedValue = value;
+              }}
+            />,
+          );
+
+          // Open using keyboard as clicking the center of the input could hit one of the tags
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          await page.keyboard.press('Shift+Tab');
+          await page.keyboard.press('Shift+Tab');
+          await expect(component.getByRole('button', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('Delete');
+
+          expect(receivedValue).toEqual(['value2']);
+          // There is no previous tag, focus moves to the next one
+          await expect(component.getByRole('button', { name: 'option2' })).toBeFocused();
+        });
+
+        test('moves focus to the last tag on Backspace key press in the empty search input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              initialValue={['value1', 'value2']}
+            />,
+          );
+
+          // Open using keyboard as clicking the center of the input could hit one of the tags
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          await page.keyboard.press('Backspace');
+
+          await expect(component.getByRole('button', { name: 'option2' })).toBeFocused();
+        });
+      });
+
+      test.describe('search', () => {
+        test('filters options on typing into the search input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+          await page.keyboard.type('option2');
+
+          await expect(component.getByRole('option')).toHaveCount(1);
+          await expect(component.getByRole('option', { name: 'option2' })).toBeVisible();
+        });
+
+        test('displays text item when no options match the search', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          await component.getByRole('combobox').click();
+          await page.keyboard.type('nonexistent');
+
+          await expect(component.getByRole('option')).toHaveCount(0);
+          await expect(component.getByText('No options')).toBeVisible();
+        });
+
+        test('reopens dropdown on typing into the focused search input', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest />,
+          );
+
+          // Removing the only tag with dropdown closed moves focus to the search input
+          await component.getByRole('button', { name: 'option1' }).click();
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+          await expect(component.getByRole('textbox')).toBeFocused();
+
+          await page.keyboard.type('option2');
+
+          await expect(component.getByRole('listbox')).toBeVisible();
+          await expect(component.getByRole('option', { name: 'option2' })).toBeVisible();
+        });
+
+        test('does not render search input when search is disabled', async ({ mount }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              searchAlgorithm={null}
+            />,
+          );
+
+          await component.getByRole('combobox').click();
+
+          await expect(component.getByRole('listbox')).toBeVisible();
+          await expect(component.getByRole('textbox')).toHaveCount(0);
+        });
+
+        test('moves focus to the first option on open when search is disabled', async ({
+          mount,
+          page,
+        }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              searchAlgorithm={null}
+            />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('Enter');
+
+          await expect(component.getByRole('option', { name: 'option1' })).toBeFocused();
+
+          await page.keyboard.press('Escape');
+          await expect(combobox).toBeFocused();
+        });
+
+        test('does not open dropdown on typing a character when search is disabled', async ({ mount }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              searchAlgorithm={null}
+            />,
+          );
+
+          const combobox = component.getByRole('combobox');
+          await combobox.focus();
+          await combobox.press('o');
+
+          await expect(component.getByRole('listbox')).toHaveCount(0);
+        });
+
+        test('moves focus to the input on removing the last tag when search is disabled', async ({ mount }) => {
+          const component = await mount(
+            <MultiSelectFieldForTest
+              searchAlgorithm={null}
+            />,
+          );
+
+          await component.getByRole('button', { name: 'option1' }).click();
+
+          await expect(component.getByRole('button')).toHaveCount(0);
+          await expect(component.getByRole('combobox')).toBeFocused();
+        });
+      });
+    });
+  });
+
+  test.describe('formLayout', () => {
+    test.describe('visual', () => {
+      [
+        ...propTests.layoutPropTest,
+      ].forEach(({
+        name,
+        onBeforeTest,
+        onBeforeSnapshot,
+        props,
+      }) => {
+        test(name, async ({
+          mount,
+          page,
+        }) => {
+          if (onBeforeTest) {
+            await onBeforeTest(page);
+          }
+
+          const component = await mount(
+            <MultiSelectFieldForFormLayoutTests
+              {...props as unknown as MultiSelectFieldForFormLayoutTestsProps}
+            />,
+          );
+
+          if (onBeforeSnapshot) {
+            await onBeforeSnapshot(page, component);
+          }
+
+          const screenshot = await component.screenshot({ animations: 'disabled' });
+          expect(screenshot).toMatchSnapshot();
+        });
+      });
+    });
+  });
+});
diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-defaultComponentProps-object-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--048b9-State-string-warning-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--048b9-State-string-warning-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..df2dd6f582cb59a1f94869f0c3eb059be545c613
GIT binary patch
literal 2922
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
U>`~kMQ~&?~07*qoM6N<$f=GOMHvj+t

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--29ae6-ationState-undefined-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--29ae6-ationState-undefined-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--3fbc6-dationState-undefined-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--3fbc6-dationState-undefined-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffd25366dc31cb8b6e600092851034276a00918b
GIT binary patch
literal 2575
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--4506b-State-string-invalid-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--4506b-State-string-invalid-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..98325a90fdfdfc0705835014f3c93ea9db62c98c
GIT binary patch
literal 2928
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
aR09B_TP|%0?QeJh0000<MNUMnLSTXj<CFIQ

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--6c549-ionState-string-valid-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--6c549-ionState-string-valid-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a61e03134426ba18693f11fba61b58ddacecd126
GIT binary patch
literal 2746
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
AVgLXD

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--6ce0f-ationState-undefined-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--6ce0f-ationState-undefined-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..f509fe6605af9738a025f66a17ec14f306ff4d4f
GIT binary patch
literal 2383
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
BnqL3_

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--7032a-nState-string-invalid-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--7032a-nState-string-invalid-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..42fee9f2a1fe655fae5ceb64dd2a4e9a37a8d5db
GIT binary patch
literal 2734
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--7ef8f-State-string-invalid-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--7ef8f-State-string-invalid-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a170a020aa706e2d25e4fe8edf5e98ee334abed
GIT binary patch
literal 2631
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--809d8-ionState-string-valid-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--809d8-ionState-string-valid-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..52005a10d6f04abaa92295218ea116ea3de307ca
GIT binary patch
literal 2493
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
Hu0mjf+#1Kp

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--90e99-onState-string-valid-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--90e99-onState-string-valid-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d011f94e87928fc5e4509622b73d2917bc739ba9
GIT binary patch
literal 2947
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--bd913-onState-string-valid-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--bd913-onState-string-valid-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..77cb3f05915c9f494e94ec7ec235d043235a0169
GIT binary patch
literal 2687
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c4bb7-State-string-warning-variant-string-outline-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c4bb7-State-string-warning-variant-string-outline-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6334c50c007e6e2017e925c546ea66ba45a43b0
GIT binary patch
literal 2639
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c4c6c-dationState-undefined-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c4c6c-dationState-undefined-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3bbafb494194b641a79b2545ca2d2bb8f061a792
GIT binary patch
literal 2323
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c9c51-nState-string-warning-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--c9c51-nState-string-warning-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2a61cc556491cd2c361a8436a99e5df1b1db3e0
GIT binary patch
literal 2458
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
Y00%9(Q`|+9+W-In07*qoM6N<$g7y5NLI3~&

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--cf6de-nState-string-warning-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--cf6de-nState-string-warning-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..697fed4793aa91525c79572854e35e333172b7ae
GIT binary patch
literal 2739
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--e6fdb-nState-string-invalid-variant-string-filled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-disabled-boolean--e6fdb-nState-string-invalid-variant-string-filled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b54fa7e4d57384d604b261079a57cf55b70651fa
GIT binary patch
literal 2477
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb1c50a580b7875d2cda1722e2ae2709a8e95461
GIT binary patch
literal 6850
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-searchAlgorithm-null-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-searchAlgorithm-null-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f194713357b886b0e389025db149b8fb7bb0b6b
GIT binary patch
literal 6808
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-size-string-large-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-size-string-large-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58a6e0a3609788abe6fcf7fbdf84e8b783736fe6
GIT binary patch
literal 7486
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
U70p9+fHQb%%34a*iWXu20c~D?i~s-t

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-size-string-small-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultOpened-size-string-small-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc1fbfa985865678a480559f36536b43988dd030
GIT binary patch
literal 6459
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
K;|dj<SN{chmp_XD

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultPartiallyDisabled-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-defaultPartiallyDisabled-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58245b5ae142b919e1bd00681c123ba3dd1397ab
GIT binary patch
literal 6806
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
PxPqeyQj;r{HT(2GA{@|&

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-grouped-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-grouped-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c13473b712a6e33025205942f97f8e0e91441042
GIT binary patch
literal 8023
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
Nq5zXGdTRFWKLA|dgvI~>

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-partiallyDisabledGrouped-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-partiallyDisabledGrouped-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..52df066adde3b709704930eee3bc06a836f8a0a8
GIT binary patch
literal 10745
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-searchFiltered-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-searchFiltered-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5cb4904872a2718346616237cf6e2cda55603ae
GIT binary patch
literal 6488
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-searchWithoutResults-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-searchWithoutResults-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4da4ea6e9d73d21238ddc60841018a784395956c
GIT binary patch
literal 6931
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
XMVkZ&LkqIN2#toCt|~^^_U(TG2koGz

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-selectedOptionFocused-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullPage-options-shape-selectedOptionFocused-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b919295a99aced3da151a82ebe3005295d437e7b
GIT binary patch
literal 6762
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
Fe*v{z6iWaA

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-false-layout-string-horizontal-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..30d156fec9fa63d5d08248d94e29626eebaade2d
GIT binary patch
literal 2476
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-false-layout-string-vertical-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-true-layout-string-horizontal-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..00d816b2ee0f55c2a3690011658c148967e035ea
GIT binary patch
literal 2898
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-fullWidth-boolean-true-layout-string-vertical-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..02fa9d292b5c3143e447b5d635b6fcfafce3d73a
GIT binary patch
literal 3196
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
QS>_R$8Ce@vUvq!@FH3IVSpWb4

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-string-validationText-string-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ceca6328dcc6b868aca624fb2d7f5d2ef6a63288
GIT binary patch
literal 5281
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
PJ2=|v25MC*_Q?MM$z~Qz

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-string-validationText-undefined-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..53f309fd2f40426342f0b9ce064a026915412e75
GIT binary patch
literal 4358
zcmZvg2T&8;qs0N~0wNMXK#?9Hpg?FJB?2Mzs-n`QNGBALB2^Q56@}1C=uLX)2uQC2
z0fZn@r5ZX)=j}J|&41p^dponcclPewz4z`tzjJmY^mWzfY1wH>NJ!{4)ZvD}c^BB9
zQ<DKlxDOFQLc&O*0atqBlm0v7x<1R(t6o+(77kVoZXx@5t(FnQH-QjM`49sxu(5hP
z3@!MCx2bK;O`L(6O^lNsh@;07Y-A;4pJe;orl2P!ZKP!fhv&SG-@59|ygXCfIcQ(*
zv@y3-$hw_8S7Y}rbM7K@{v=~w(Qj(CCx#;up2J!Oih!%BD`~w6VXlQg`%j^kx~a1A
zp@@ji2KlPi^A?}Ivz@kz<X^dQimB4Bnd7>l^c-Hh3reayCqc&KcQ`oCI;gn78QBN?
z>U?IXqblp($f&4_mu-P7eevh#{zw%KjsE$dtGS7ZSG6inpFY*p)O2xi2?%IacPI_6
zD=I3wx7PnjaByHiyWTL++&t64*W@T(ov!L~fAB#Z7tCB=e|N?%i=U4VT(ZC-YAWNo
zIUzmokDs0OTN}wR-lpe}8Xc@K#%=ZsW^uv-<p%`DYRM&j&(zp0bwvmpl|63@yg1yz
zCyAQ*p8Y{0x9aBuIhdHl?MBia@C6_cFa;98<Dx4gqM|y3R8wJ>$GPgpt-hYt*2^ac
zYe*#0b*>4-%)GL)5{xon6M{G2fSo@Sf}3wmeLmYL%+l7fzaD)W#ueD$zTDH-r>-j5
zba{EXx3|YUvRVANaMaz<(9pxf<H?f=6vg$}y9$KTXBBmux$1lZ(`=t5S~|mXgeE#m
zT3Z#!2wwu^$dtA7vSH2=CSpUHavO8a-bO~4x=mo)+KT$iV?;&Awo7oTsIsuJIhrzY
z)kzWOmz8}xnyrMKREt;Fe#r91*Y}^RYh+|}x71=e`-9$`Z<bbAMT=D}_r!EkwZ}F!
zH*+LbI^YEs$zl6_yjmED7{PaMse65WeQ0RNALLw@l$12Rvbq|Y(7iuhWj!W36Pz{Y
z7{JH$IGRF4-uTtp!h%IAN76Mai>u3v;{h=-F>-0$EJfn_x_z?U;rbYl&GGIcqS<;G
zcr{x8h*JIBO%}6e5it%%bJs0BvzImSn*S1Tzt<mVk=K}9$F*GbhJbc*dk`lYSOQVZ
z>9#8&3O(kwuU^67aEMX=$ViW+x{eM#9UT<HEhE$L8NGOGnO0ChfXB$l$<fhG=;0qL
zVG14>%e)6>O>a*2ZG?CukvPRjxRtUNC!x2O%JQbR{=`pt2*jC4zy&Wp7ZDK&IQf<I
zz_cN|$oBP2wT(%g^G&}cq;QFXlu!rV#o6DrHa5AOXPivuw8P4?Gc(AaEh!-c0zuMg
zigBhrOYAXML{|cflJ$8>X(^2iqrNqW>-)^iOlK$BToDRoMn+_l=Zcv!7*!Pq1_p+o
zEyuyU+}*`Qup*V~!RMF<FGt8++<knG%U;w38-gZJT<q-^-eL<21qIUYWvjcEDl$df
zH(H{)OiWCam6d%Cw}gX^NU5ZfsWZkHs9Eb5SBKMNIzoTeIM5*9qiBq4<hW(=pC`gp
z!o952|64U5UCY!DgU@jp|4Y#SQTG2W)SeT{vDo)(A@ajg{v4V-8~3LPgg;x~zjbtU
z^z`(U<mBYk)=rF#?ExBZ+4*wD9FbRO@c6L@Fr5Pfnyjp>9L^Gsf$P{Xpu+BTR%Fg)
z^)S2Ma%@}NC-o*+16%kEW!ucih;F>PuMC?*7bKUH$;{IF?Nn1!)BgVJmK_4YSoP(o
z+L$FU+@lS=TKwTF2ngyp^6i_T_|o=vd7DKzn}7!@J!9fcT#uoWb(%qqIhvdBFa@7L
znsqlOUlB?ft@~n3GW}j*vAVA~#@PPcb`IvXNPZ+O-|+o|0YgOj2NY&KviaWn>8USr
zGZz?8cJ@873WwffKpRu#W~J(ULf%TF^Zp0JTNQ1hn4Pw(%l7t19BE#`osvF~!x6ci
zmWw~LDJdxcGRJLDqG0fJtpnb*?V=!{1hudoaZ8ZdGqwlN>UD{93<lBgcXP6ohKA-`
zkokDpIxeCy3*>p4Z`SNZoUTGs#E<{@p*>PiP~fpP60q0Jn(B3Rvc{#S_wDy@XR-V@
zrBErUa+CUzUFoU`<i+VxC_Y`Y3Dnrwn4h1Ih{&`56h0qce)ABk5>}v_;k!DNLY%GF
z%ap&3yT3`71IYR9a*VXTg!s|k9yb`1nVFfCq}K4aFP@jWDJRDYxLw(@ySw{$v-i%=
zm6cZy9#nLO-4HGT_rIf+cAkEu1!$F$$7rHxuzBYT2P^CMW^Y#s(DHLV*hTFq)G-ql
z^aZ*$hxz#NBR~O{dThZ90f5Tz@Xgpac@@%RPN(Mw-&}vT$nx-@CRxpWEW0B?u=8DX
zj_&iwSXNQfaI9*S(^Of<JXly*Ww_7a$ur@##AoI-^z<Mu%4DbmlOKqM#n_}CD(iJK
z%ZR(0<<6Z}_hp1P=m4}eS;|TujR5NFT<5<4l=buT8*uQ{Rp>VhJ3}3$BqoNSu1>ce
z0P7KJYlw(px52(7P_VGaq0lsvDn33klqR#0q99MQgYGESw3C8`;WX(RoHFkUx;K9`
zdN@=R7Z+O{<tLdlT~`TXz*Xkc%7|uke&AM-mzVc(VdCHrp8SDy_wv%!)ZG8`hb2|f
z?@yV&#QnUQ$&boSk4C{mZtRA4?<^}sMGWBdw85Kd;s!{Qkb5sLo$!aS-S%sc$Fa{n
zU%x)BZ<?C&^z_t}!-~f#o)+<J{K+PCb-{l;d-Hp1YcL3-QKdhunMBQ=&wl#*n8vy{
z7F14_>Eh{$Q~%cA@9yF8cp|gAmNAvI+5VSl<Lh65i(5$@jl3&G4=Sx40VbWhp&G@~
zf74Q$%7lfB3ue(y0$~k}wlRdvw_YdLX?te~yE^w!Jt~A<9O7AD`Wws&jT_i$Ytt=D
zU~cbnyW}eGx&Zp<izeq_XAkd<pLv5>_j>PTaInyUhMlb3GJ5veSkh*Ixp-q+55V}I
z^!dewgt&OucP&UE(0=-2(#t@l3c52>Gc&+~0N9C20cf<e0kTKTj-1;<d!q2OkLzn|
z-`j$MLIV&t;9o9Jo!I%&eK&a#jHA;{o~0>hmznBr&0np5fAT)$!PFyXZIi<i>@wdX
zie9`cND?uzU8mM)5<Hxa9)|pdLd(MAu~@lPEe(xEYbmRt3G|3^*%C}U`60HXgth_=
z#*M9<(H*lj?OSvgF`~TTGuu;Pvk+Mwjrx$;?-Z7D^u#DMBHI|RrxE@QnSv5|#`iIH
zJP{>Dww8!Z=7~SQQ8f|P!!d=jXZfn~0boM@T06}E>w@1u7}`^FpR{FjA7Qn>&xP!H
zP{BWaLdVVJ=6DzKWF&R<{ZPCc*yo!ne>d>Gb91dNE$Q!4%?rgoRQPYb^P;0|oVig9
zX43Fh{et2j15MS{)$KpEi(s(07o7b04kxFOkPtxAFqID_K!}<;e`;j3De2GM$jYcB
z^eWoZ<;17;oG&C#?cilr-lKtkbKI*0l^o%`Z2l%?TI2t(aCw0<Lm&{ozNfzilZZqj
zmw~~X0l;u0I@7+4H2^T!-F3q!dCfizuaktq=D}iod|mtXRO}oaZ$~D}Pr!UA79~MJ
z!7Rmqf52e--GvTSRaJm+0jGyz0iU08nYIPCPP#hn{!S1qh_tDF8g2n3KQtx16}O_|
z&*9<W&Q2ABwN!mb=&bwRlB!rtM4nkKHT$eQk^mL^9G?u!ZfP+c?8sPMVz@01KjVki
z;|B(4$Fk(SNBa96fII;-0T2*}!!7s5eHTEK6cx4WTiPO`*~T`t{Q$7ANjbCi3W33H
z-rmywCS8Zw^2M%>j$cI$X8|^2FqrBGa^}rm$R7>veNl9P&u|V_rhomaJVtzeEcuU+
z%BQ;uzR>1yW(MEO^AnSL7X#FWbl%q1R)uLJiW@8{x>_B5TOxFD{AK>HCBn2tVxyvQ
zAbz|k$jmImo@8=zQsiZ6U0p#@YASnqTun{QHVlc!9sZjjZEXb{AB`$|nc64tNpZmf
zInl#&I$ByPoP8OC0ZUyp6QO4HH8s4~c(gP%n*z?H_LZmlqVCjGR|j4kJrhqzOdO-|
zD2#y)f4<mm-Z{=nN(zH8a4AOf-%<!HrBd)%rK8f(*3Qe&H+FW05DWA2g8lS#iaLS(
zZLbw{d9pT&Re4*j7x3lk(r=<iVAJhz-9S%IZ?k>T_wP0mEKbxOTLMC|LunYp9c8!a
zC(d4`rkrY)x74t8<>lp(|7cZ!$uEfWZCRyica6USQFeW%RzgQdN440B)gA{mz0M@d
zTR!;>b~W^Z*J-4-q$E;h^lo1Etm<HXmZTHQQdDd#qE}Q@^oOAPjfOIN_l@!V*x1+~
z(SQ?<flg0Pg-U+;Z8xrs(o(X~t0EB9ynii#NWC6yqUw4!@mMcHL#knTB}KunZey|W
zt;gz+!4vBqV$k_s?=WWqLYZ<~VZ$e-$g3y%cAo2Oors*AUk8dJQi#3U@_U7O>p)OE
zDVPdv7g#O72@AUPuWDD?^L5}W65`<@OT=$lSy`=<Mw?oSdu+eaf#8SiBe7WQXUx2#
z!?Xq9ifF1EzJ7k6)O>uE@uZ}rk$D-la9K(Q&g0)T-%gK@@4>t3?Y`X|O3cx%2*)x>
zMDfT3$KGUW#)8C%irz_Sd;-|cysGH2C0h%~eIhC{XJlu7bJ6{77YdC=C#OveDfOdM
zaRIoQ#J=b=ZcK69aU)1F9S~PFVk@0NS?z7)i(oLwlR<lL{2CDxr9vTdz2#msf8ESb
z?4d4U&05=`6dD{ABaLU`!yLG-sS5&3Ei77gDu>WMns4w8eGoIw;rIn7<r??^Boa3&
z_VFwAqLJeUIr(mlj$k4_ht`=%VmDQ`Xfdx9;mP<ZLuk{#nN!{1PJk%`d2qFZYq&;&
zE9J0j!6Sn{9S{-j7FioH0;SW76tJ^>HDlzEPHn~``GhZ{hmr%qdewDHFWhsR->~3s
zq29_Lwvoy>P}Rc^!9*oS<GB9puyIH_PgN(CB$*mln3~*!^c}fvD`OR1a%t`BR^#fm
zx633SlBQ?an?>)|8d++Z<XhI<JS{TFbsO5nGvi(eePpnVF%>myI_%{N8s*JZ4uwFh
zr+2w_*VuHco*KYt-@6iwRwk)AuZbBlmxeuM9$ep5iedcc)?lq3Q5a4no6i_an`W&N
z_jST?LQpw@iBSe+x20Pr$BX!^_0#D&`Aj8mwy&P@dLw%i5|}lO_*g8^8n!asY`WSn
zqmb=fp!uYGm)$;l?eDMU%xB4Z6olN8T0R>|la3Q>K32XF;N<33X?6RKV$n_Dqwnkw
zakkMz@H4X-=T6<V$5#@jofL#tKk1(gzk)+TQWQBC$(UHbwqmV2PBNhmhRvFt{uXJf
z)NzV2_E5nl;FmzfzyAU_Zh}CnoQzSG*1ZfpG<@Ut8rhM<A@{{rV6J5r7H+Ugdc=I<
z()g``?pcYe)?y>>uAYqb_TM5IvPA~m_W7Uiy$dYX`i<fRY3hQ3)vteP(uqjnCgm|n
zw!uaIcIE8~eL+^8$-zc~@f|h4cePIo^mrh75>!NjGBd8TG57LA20uHl68heUz~jKW
zpYc`qy`}90mV%z&`_6rPAWbiF|4*d8x<*2Bbw%4ME(dg-^53psBdIeKV)xL*<pEbn
NG*orr<;oVQ{{oibb#edz

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-helpText-undefined-validationText-string-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..abd4c51ab354ab9f3fb665ca996de99a3ba158f0
GIT binary patch
literal 4706
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-isLabelVisible-boolean-false-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ca7ca3d5bbd6055b34b5ef140e5a05f78a6016b
GIT binary patch
literal 1638
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-isLabelVisible-boolean-true-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
zcmV-v3YPVWP)<h;3K|Lk000e1NJLTq008g+002M;0ssI2tNm@T000UeNkl<Zc%1B=
z2}l)D8-_=7E4NZJZC6{YTq<+TtRNRE#mLeWER71njHHEZ7p=^Q7PSSH7O;dCiYOu>
zO<O3fOij%-t+X^t%_Z0Wb<Y1^F86lrTJq<ez6ZR_IWu$a8GPrP_k45bj7no;BS#QI
zL75{60YQQ$1O*A25ELY6LQs&P2|>{-=!%Mp+}vF559qsvfPjE~`}T2ta`526<;$0I
z{bc<3@%QfC;|St^^a?sTIeGv7{oEh$=PeM#fS~;N@#Cths&C)EWn^TOm6eHBR99EO
zdiAQiyIW$1=H}+??Cg?~l8%lJRwJtgS=86pW6NjHp4HaYO0PxxrKP3P^|Jay5aKAG
zIC0|1lPBfn<wuVmO-oDTc)|Jk`8hZ^Y~Q}!%F61(g$tssqobp7l@ALGTe4)y^y$-~
zY*b3O&<B?<U!FO0W@u<=R8-Xb`SaJTS@Yw^57F8)XU@30yDwe3bne`_m6esOvXA}{
zgaj%nDJk%;kmj{(*I3ogojbd_y57EhtFEs8{rh)US62fA11J~@g9@SD88c=;g^*Wd
zWaNz-H>6vT1%mp40|#PaVtjplIX>t*IXR`KrlN5apFe*N9cN}{_Vn}w1qH2Kx$@DY
zM?;1Tk<}lLAf!-{C}VhsAPQAMJt%5vX+c0qNl6e8#Dp5?53w0*5tzAtqN=J|SXd}3
z8XFti+S<asu%f=c{+2CUu%M)*v}4B(dwct=tgKO^M#<_AM-Wm-3OX+@51-D?&f=Am
zCQZU8bi8TPCIn-I*lE+I!2=+UnwpwQv=AE`%S`aBS+fEI10~kJfB!xqA)%n4po|AG
z+tSjKtuiq&ft1;@xw$#Ci_MtN{%L;*LK;ayGe-;A>FDT4Zw<=<190=^O?c(R#6%=F
zUc7jrtE(%%&6FuqSj~h96C`#=jQ95TMm;PC-0;+?Q~mw@VKCTQ_zKaMP`0L~Cfez{
zKLjB`ub^=?7iABut*!A1V_;`z$7*1jAuq&Z#LN8rd><d50G^_vA{d68oE#Sy7x5O{
z+}vb+89XtpaC&+=#EN2TYb#6zf<0S{1|e=1q(6N4@afYhbcQwi)BbP-Aw_Q<+Q!BP
z!a_2E<FDqPo}LjA5lF+KSW{E8VZ(-Z@7{5Im<$dMj*pLLd%|sVd_0zDp%3)*^zg~X
zj?gO%34DbpLThMf#Kpy7p{=bgJUkqk4fvTp`a=-X^a>imucf602?r$9P=v=dG&D3b
zGs9Kh!@~pGVo3>%#$Y*6L`-#bbcDDM9Xe!WWF*~!ED+I=@(T$G!2)ctmzUR~MT?kH
zIo^DCc6Q=^p@oG7LO7CutX@`s2tpbq_5=ThhKAzeVnjq1L^=Kj2VyWXbP_v2xUdaP
zO-(St;_g|x1zAABNLpieq~xU6qCfZwcAkhMt3L!GjuJhwLI?@^wH+ZSNYI3!AVCv?
zf&@(n3KBFSC`izRpddjLf`SB12nrH3At-u(ZP(e^iTj1Pn=Sq{6hSBo>gwv++S)og
zIw~qEO7->iH8nN5y1FAqj2Jp}C`S;AMr&*9*RNk28XAm@j8qVtq2|$}M{@+Bm<;9N
z_+Pdu!)g5T_i+R<_<_ZMm{s7LH8eChf>3Y}q#<U?au9+-MgC3O+uQ5v>fpZH+S)i_
zfol{lSOx|LYHDg6p~%Q9XsEfYtPGhEQ&UsnB}3RS83%}?BTXwb@(LQU8EO`4GDI{?
z#$i&zN1>6|LnDCUqRa^z93T#pBNQ2VBQ$)o;BUL&0EIU^_}8E;2O%g((1f7)3xe+G
z=nzePR9RW+>gvkoHT^wKo;(>55y24z&tDMq>C>mTZr#e3hYcI%;^LyB(vNhw2;3Ih
zy?ghrUAqbj3OIt`88AVYmzT%J#@@MeNA#)+BzK=aeai83G+w%NiG|_Z++3u4zkK<U
zmX?N3qyp#7o5$vU=J@HCE?&HN{``3?u$rEp9&Fj&-Tmgxo8!lii?sXk<3|e%i=v_;
zHl_4W>FVl=jEofjO)UBr6%{2u%_%XcC@Cqasi~2uM2%<?@n149g1&$MzJr6q%a<>c
zl9KG~?4UM|pFuP*FmT(pZBR30YGY%Aq*z{FUTJA5(!CiO84z@Ref`3P3z@>Is;aQ>
zl`B`Wva&2KEgwF7$nm1Y22f#ibTrO{1q&8H#2lY>*|TR)N=k~Vs%jq{!*?xPwv1^S
zYF@Eo1%>lLOLcX%o0}W{-Qt?YGHTr2-I=I<$?sh2B|tP?y?S+AT%3=O4~lEot_=+h
zy?XU3$4^)a9sBwDA<#mL;o;%%8@08yP&4Gnx+`jD<Hn619v<w)0CVQd!Cn;=70SxJ
zryO=+uU0{3Eg>NxCML#|r|*sp88QSX7)~lrPtWVuulxG?YH4YqouAIBNBnj0e}VZd
zEG&eAA3S(qWMstDjGD=lC(G$e2OvVjQQ*s%nt_*>7Xr3uEp*B86PO1C1oZJv!KS9B
z+qZ8+)2!(2?Tzy_Cntv$*RNmC7RHSmC+C^U!1v<fFm~)%Gcz;XH%U%TCN&RQ3=Iu4
zGc&EMteB=>zkbcsj2hHqtvrnkfS{o;@o7kL>lp5tO;j#=#RSK{BonHY)d=K^Pti2}
z!-o&YGTLE90|SHqc2`-sy}h05C+N)V*|Rxf&;!+`r>DcdLdUkYw)n&{YUETiHz0zB
zQpG(xe1f^TIkO6Ix-Bg&tiHIo*u=zy<F72zjo>uEE~0imfBxLq*vMv6{}W(!U^#H{
zx_kF7H0|&2Pb0!X4q{nqYO21zJ|Y(a8J1Ba|Ly}IXj~Vd)MLkvalD^Ca^%Rmb?ZcH
zSv}O5n3#z18J02NgSaIcfx8U~3c|*aU}tA1@^RQ$dY0&Z0qsJ~W5$d*eE2YmVPRqR
z_V%Rd!H=e<Cj5qzlT&_vK6`tK{0xAgk!QGd>lXBiVV|+Fv9q&tNJt1<rJ<pLD7$#^
zVtC(?BS&uDycv~_j*fbIdKmUe+z>f+>J&~&3?e5^oQQ<R*|TT+_|o|JcqN{_d-ozS
z!j{jSJ14#kYF4dU#njAzrh|in#f=a#IKdSgV>9`kh6p9($e^KLZkL^%{madeV@5x4
zv0z2`2WxBV=H_O&4rHk%Cf~<^4?|bnSdnN1$vb4({??1z<T*@Y(1L&80Hp0ih~79T
z0aPpfDhc+wEol(TIfD3I22#)xz`SB8#u3E-5qUi{+^{H#CMUQF;^N}MDGoS5dH`P0
zkyp_F!qXi8!c#edM_xfABZ$-+?xFNIPAddBC>$CNP;>`}P*CLc&}wRGrlzKKb#+Ln
z33VC+dgNOG^kYznfA(k|jvxjr^avIqD3sOJ)#*`ZLI7YO1Tib?=;+kf*K-7+;2=q*
zt*xz$zlMeep{6g0e*u=Hf{YQJdtY8pucROp8u3?B{09I4|NkyyD%k)400v1!K~w_(
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-label-node-normal-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-label-node-normal-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..17585f97138d6504abfea1d0ec00b21dbab5e23d
GIT binary patch
literal 3141
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
Z)D#vUby}0Qjun9s3K-N7@<q!w@;|x0AoKtL

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-label-string-long-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-label-string-long-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..99bd7f1c10a8a352d1e794569f163ca80a07be4a
GIT binary patch
literal 6521
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
ZL1IkDT&c+l*9NX2$xEvszDSw|{~w7aW+DIp

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
zcmV-v3YPVWP)<h;3K|Lk000e1NJLTq008g+002M;0ssI2tNm@T000UeNkl<Zc%1B=
z2}l)D8-_=7E4NZJZC6{YTq<+TtRNRE#mLeWER71njHHEZ7p=^Q7PSSH7O;dCiYOu>
zO<O3fOij%-t+X^t%_Z0Wb<Y1^F86lrTJq<ez6ZR_IWu$a8GPrP_k45bj7no;BS#QI
zL75{60YQQ$1O*A25ELY6LQs&P2|>{-=!%Mp+}vF559qsvfPjE~`}T2ta`526<;$0I
z{bc<3@%QfC;|St^^a?sTIeGv7{oEh$=PeM#fS~;N@#Cths&C)EWn^TOm6eHBR99EO
zdiAQiyIW$1=H}+??Cg?~l8%lJRwJtgS=86pW6NjHp4HaYO0PxxrKP3P^|Jay5aKAG
zIC0|1lPBfn<wuVmO-oDTc)|Jk`8hZ^Y~Q}!%F61(g$tssqobp7l@ALGTe4)y^y$-~
zY*b3O&<B?<U!FO0W@u<=R8-Xb`SaJTS@Yw^57F8)XU@30yDwe3bne`_m6esOvXA}{
zgaj%nDJk%;kmj{(*I3ogojbd_y57EhtFEs8{rh)US62fA11J~@g9@SD88c=;g^*Wd
zWaNz-H>6vT1%mp40|#PaVtjplIX>t*IXR`KrlN5apFe*N9cN}{_Vn}w1qH2Kx$@DY
zM?;1Tk<}lLAf!-{C}VhsAPQAMJt%5vX+c0qNl6e8#Dp5?53w0*5tzAtqN=J|SXd}3
z8XFti+S<asu%f=c{+2CUu%M)*v}4B(dwct=tgKO^M#<_AM-Wm-3OX+@51-D?&f=Am
zCQZU8bi8TPCIn-I*lE+I!2=+UnwpwQv=AE`%S`aBS+fEI10~kJfB!xqA)%n4po|AG
z+tSjKtuiq&ft1;@xw$#Ci_MtN{%L;*LK;ayGe-;A>FDT4Zw<=<190=^O?c(R#6%=F
zUc7jrtE(%%&6FuqSj~h96C`#=jQ95TMm;PC-0;+?Q~mw@VKCTQ_zKaMP`0L~Cfez{
zKLjB`ub^=?7iABut*!A1V_;`z$7*1jAuq&Z#LN8rd><d50G^_vA{d68oE#Sy7x5O{
z+}vb+89XtpaC&+=#EN2TYb#6zf<0S{1|e=1q(6N4@afYhbcQwi)BbP-Aw_Q<+Q!BP
z!a_2E<FDqPo}LjA5lF+KSW{E8VZ(-Z@7{5Im<$dMj*pLLd%|sVd_0zDp%3)*^zg~X
zj?gO%34DbpLThMf#Kpy7p{=bgJUkqk4fvTp`a=-X^a>imucf602?r$9P=v=dG&D3b
zGs9Kh!@~pGVo3>%#$Y*6L`-#bbcDDM9Xe!WWF*~!ED+I=@(T$G!2)ctmzUR~MT?kH
zIo^DCc6Q=^p@oG7LO7CutX@`s2tpbq_5=ThhKAzeVnjq1L^=Kj2VyWXbP_v2xUdaP
zO-(St;_g|x1zAABNLpieq~xU6qCfZwcAkhMt3L!GjuJhwLI?@^wH+ZSNYI3!AVCv?
zf&@(n3KBFSC`izRpddjLf`SB12nrH3At-u(ZP(e^iTj1Pn=Sq{6hSBo>gwv++S)og
zIw~qEO7->iH8nN5y1FAqj2Jp}C`S;AMr&*9*RNk28XAm@j8qVtq2|$}M{@+Bm<;9N
z_+Pdu!)g5T_i+R<_<_ZMm{s7LH8eChf>3Y}q#<U?au9+-MgC3O+uQ5v>fpZH+S)i_
zfol{lSOx|LYHDg6p~%Q9XsEfYtPGhEQ&UsnB}3RS83%}?BTXwb@(LQU8EO`4GDI{?
z#$i&zN1>6|LnDCUqRa^z93T#pBNQ2VBQ$)o;BUL&0EIU^_}8E;2O%g((1f7)3xe+G
z=nzePR9RW+>gvkoHT^wKo;(>55y24z&tDMq>C>mTZr#e3hYcI%;^LyB(vNhw2;3Ih
zy?ghrUAqbj3OIt`88AVYmzT%J#@@MeNA#)+BzK=aeai83G+w%NiG|_Z++3u4zkK<U
zmX?N3qyp#7o5$vU=J@HCE?&HN{``3?u$rEp9&Fj&-Tmgxo8!lii?sXk<3|e%i=v_;
zHl_4W>FVl=jEofjO)UBr6%{2u%_%XcC@Cqasi~2uM2%<?@n149g1&$MzJr6q%a<>c
zl9KG~?4UM|pFuP*FmT(pZBR30YGY%Aq*z{FUTJA5(!CiO84z@Ref`3P3z@>Is;aQ>
zl`B`Wva&2KEgwF7$nm1Y22f#ibTrO{1q&8H#2lY>*|TR)N=k~Vs%jq{!*?xPwv1^S
zYF@Eo1%>lLOLcX%o0}W{-Qt?YGHTr2-I=I<$?sh2B|tP?y?S+AT%3=O4~lEot_=+h
zy?XU3$4^)a9sBwDA<#mL;o;%%8@08yP&4Gnx+`jD<Hn619v<w)0CVQd!Cn;=70SxJ
zryO=+uU0{3Eg>NxCML#|r|*sp88QSX7)~lrPtWVuulxG?YH4YqouAIBNBnj0e}VZd
zEG&eAA3S(qWMstDjGD=lC(G$e2OvVjQQ*s%nt_*>7Xr3uEp*B86PO1C1oZJv!KS9B
z+qZ8+)2!(2?Tzy_Cntv$*RNmC7RHSmC+C^U!1v<fFm~)%Gcz;XH%U%TCN&RQ3=Iu4
zGc&EMteB=>zkbcsj2hHqtvrnkfS{o;@o7kL>lp5tO;j#=#RSK{BonHY)d=K^Pti2}
z!-o&YGTLE90|SHqc2`-sy}h05C+N)V*|Rxf&;!+`r>DcdLdUkYw)n&{YUETiHz0zB
zQpG(xe1f^TIkO6Ix-Bg&tiHIo*u=zy<F72zjo>uEE~0imfBxLq*vMv6{}W(!U^#H{
zx_kF7H0|&2Pb0!X4q{nqYO21zJ|Y(a8J1Ba|Ly}IXj~Vd)MLkvalD^Ca^%Rmb?ZcH
zSv}O5n3#z18J02NgSaIcfx8U~3c|*aU}tA1@^RQ$dY0&Z0qsJ~W5$d*eE2YmVPRqR
z_V%Rd!H=e<Cj5qzlT&_vK6`tK{0xAgk!QGd>lXBiVV|+Fv9q&tNJt1<rJ<pLD7$#^
zVtC(?BS&uDycv~_j*fbIdKmUe+z>f+>J&~&3?e5^oQQ<R*|TT+_|o|JcqN{_d-ozS
z!j{jSJ14#kYF4dU#njAzrh|in#f=a#IKdSgV>9`kh6p9($e^KLZkL^%{madeV@5x4
zv0z2`2WxBV=H_O&4rHk%Cf~<^4?|bnSdnN1$vb4({??1z<T*@Y(1L&80Hp0ih~79T
z0aPpfDhc+wEol(TIfD3I22#)xz`SB8#u3E-5qUi{+^{H#CMUQF;^N}MDGoS5dH`P0
zkyp_F!qXi8!c#edM_xfABZ$-+?xFNIPAddBC>$CNP;>`}P*CLc&}wRGrlzKKb#+Ln
z33VC+dgNOG^kYznfA(k|jvxjr^avIqD3sOJ)#*`ZLI7YO1Tib?=;+kf*K-7+;2=q*
zt*xz$zlMeep{6g0e*u=Hf{YQJdtY8pucROp8u3?B{09I4|NkyyD%k)400v1!K~w_(
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-invalid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-invalid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..98325a90fdfdfc0705835014f3c93ea9db62c98c
GIT binary patch
literal 2928
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
aR09B_TP|%0?QeJh0000<MNUMnLSTXj<CFIQ

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-valid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-valid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d011f94e87928fc5e4509622b73d2917bc739ba9
GIT binary patch
literal 2947
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-warning-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-string-warning-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..df2dd6f582cb59a1f94869f0c3eb059be545c613
GIT binary patch
literal 2922
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
U>`~kMQ~&?~07*qoM6N<$f=GOMHvj+t

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-false-validationState-undefined-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a921db74232428d46248c9699db2000eeca2f47
GIT binary patch
literal 2796
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-invalid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-invalid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b997ff132de27cc6b020c38a08ada097264760d
GIT binary patch
literal 3080
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
W>vHLF``SGK0000<MNUMnLSTYjbK{Z#

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-valid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-valid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9361422d60a68e68c2a1da3c4b04edcc10aace34
GIT binary patch
literal 3096
zcmV+z4CnKSP)<h;3K|Lk000e1NJLTq008g+002M;0ssI2tNm@T000ZkNkl<Zc%1B=
z2~<;88pkhLSdsuC><}@4AOc#oqNuG)0kt|+aY58-TSu*}tvyrg*mhdAb==0aV%3T*
zixsS5vFp?dO5IT5SSkVnLP7`<2y1o{66Pb%VHiTvP??cD@9%K#x$nF8-FGkfzc1gt
zFYi5?R4PRn3|XKc42DEtL1Rb-7Bq%bU_oO@1r{`hRCEejsCZD)Qh^=;^DV5qwRKO?
z=g2GvOHyCW{Sft$$v-W<B)(~;LQzrCrAwC(=82(G(C36%2TGFBBk<@g^gGwDUsos;
zG#bs$&Q7DzT)A?kqoV_1$POj1p-`-n$h3+Zk^*qFT?KWjhP%yW`VM`M9hB{=!sb%G
zT%^@&35%%~Owpo|Le1MvMGbAu#--4{Kwe{PH`SkB(dl$br7|@&wX(9ZzP>&sB}Fcm
zgRBvT?9h@c&VqncI(1_C=@_4heoP+_+y}qzzuQtai0Lg+HLVC*5XYNI)IMB#GPUBI
zAJe<Jtrgte{)qR7y9_mM!OZb8g%=JKCp*%ap7yRHWnCD1$d1wP*imhXQfU0!>TIc2
z?nGxEi1>iZ^g@Ocz*K)sL8Vfoqoc#Z!ZI>4^m_fAIdgbC9>P2U&^{fv1>)DDmh#WW
zZzW7S?;g{2=+8$dfzA}|%4JtJxY#;_Qbh`J^8K$<pV=Ma9MGoIY`b#=c1)bG&A0_q
zfKxww@8tTh6|)CLA%oM6zx<cWb$QS@Y~E|F9OD+AF(sh`b*#_Zu`X}xnaK%M8;Ys^
zm^l!LI6FJLv9U2SGEyd!6%-Vdl$1n8McLZgA`GeNxyk`C!^PU%H$#>YUXw{<jCUV(
zw(30O740fWuh!>-;Gp#5QE!2oQD2}_=oh9X6KV!L9o&XF2UaN_1{mPBR|dsF#s=A}
z8M+wGpWm8F%=E|Hs3?@cz`*$Uct=M^5b@l(bAy9}v6`O*Xg#*UO+xzewT<14pgc&2
zI{PmeJmZV<jFgJZ!A#$goDlfxHx4k8?w_qP1i_)~pg7+1JxU)a>(co@RLX@l$~v*C
z0b=4{CmvDc!|(tp6Zs$~9;m-uDj?$QUi)L7fPer<VMfSgG9d%{Mwlmno`Tlu+ab-K
zmJ0sTxb|PeSFH_MdcNlBjfR3uVb+f|znq(T#EH)8UMIkD5V0?p;nibz2pC?wvDw?f
zV-|M`#4SUd2Cuuh75qI>s?+PbYJ##IsCG`aj^_LGyZHP2Bg~UTr=a26yleF!lsyE}
za+zQ>CycP<Hx`1to^}l{lk&l3&f-p;H+UNS-IrA@x%_r<%l%0Ak=<LE>^aud!EQAa
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-warning-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-string-warning-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf688ac68a55134e68a289ae92b7b577e2561c30
GIT binary patch
literal 3076
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
Sj!tR-0000<MNUMnLSTZv#^LDz

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-renderAsRequired-boolean-true-validationState-undefined-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a921db74232428d46248c9699db2000eeca2f47
GIT binary patch
literal 2796
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-invalid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-invalid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..98325a90fdfdfc0705835014f3c93ea9db62c98c
GIT binary patch
literal 2928
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
aR09B_TP|%0?QeJh0000<MNUMnLSTXj<CFIQ

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-valid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-valid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d011f94e87928fc5e4509622b73d2917bc739ba9
GIT binary patch
literal 2947
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-warning-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-string-warning-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..df2dd6f582cb59a1f94869f0c3eb059be545c613
GIT binary patch
literal 2922
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
U>`~kMQ~&?~07*qoM6N<$f=GOMHvj+t

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-false-validationState-undefined-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a921db74232428d46248c9699db2000eeca2f47
GIT binary patch
literal 2796
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-invalid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-invalid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b997ff132de27cc6b020c38a08ada097264760d
GIT binary patch
literal 3080
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
W>vHLF``SGK0000<MNUMnLSTYjbK{Z#

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-valid-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-valid-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9361422d60a68e68c2a1da3c4b04edcc10aace34
GIT binary patch
literal 3096
zcmV+z4CnKSP)<h;3K|Lk000e1NJLTq008g+002M;0ssI2tNm@T000ZkNkl<Zc%1B=
z2~<;88pkhLSdsuC><}@4AOc#oqNuG)0kt|+aY58-TSu*}tvyrg*mhdAb==0aV%3T*
zixsS5vFp?dO5IT5SSkVnLP7`<2y1o{66Pb%VHiTvP??cD@9%K#x$nF8-FGkfzc1gt
zFYi5?R4PRn3|XKc42DEtL1Rb-7Bq%bU_oO@1r{`hRCEejsCZD)Qh^=;^DV5qwRKO?
z=g2GvOHyCW{Sft$$v-W<B)(~;LQzrCrAwC(=82(G(C36%2TGFBBk<@g^gGwDUsos;
zG#bs$&Q7DzT)A?kqoV_1$POj1p-`-n$h3+Zk^*qFT?KWjhP%yW`VM`M9hB{=!sb%G
zT%^@&35%%~Owpo|Le1MvMGbAu#--4{Kwe{PH`SkB(dl$br7|@&wX(9ZzP>&sB}Fcm
zgRBvT?9h@c&VqncI(1_C=@_4heoP+_+y}qzzuQtai0Lg+HLVC*5XYNI)IMB#GPUBI
zAJe<Jtrgte{)qR7y9_mM!OZb8g%=JKCp*%ap7yRHWnCD1$d1wP*imhXQfU0!>TIc2
z?nGxEi1>iZ^g@Ocz*K)sL8Vfoqoc#Z!ZI>4^m_fAIdgbC9>P2U&^{fv1>)DDmh#WW
zZzW7S?;g{2=+8$dfzA}|%4JtJxY#;_Qbh`J^8K$<pV=Ma9MGoIY`b#=c1)bG&A0_q
zfKxww@8tTh6|)CLA%oM6zx<cWb$QS@Y~E|F9OD+AF(sh`b*#_Zu`X}xnaK%M8;Ys^
zm^l!LI6FJLv9U2SGEyd!6%-Vdl$1n8McLZgA`GeNxyk`C!^PU%H$#>YUXw{<jCUV(
zw(30O740fWuh!>-;Gp#5QE!2oQD2}_=oh9X6KV!L9o&XF2UaN_1{mPBR|dsF#s=A}
z8M+wGpWm8F%=E|Hs3?@cz`*$Uct=M^5b@l(bAy9}v6`O*Xg#*UO+xzewT<14pgc&2
zI{PmeJmZV<jFgJZ!A#$goDlfxHx4k8?w_qP1i_)~pg7+1JxU)a>(co@RLX@l$~v*C
z0b=4{CmvDc!|(tp6Zs$~9;m-uDj?$QUi)L7fPer<VMfSgG9d%{Mwlmno`Tlu+ab-K
zmJ0sTxb|PeSFH_MdcNlBjfR3uVb+f|znq(T#EH)8UMIkD5V0?p;nibz2pC?wvDw?f
zV-|M`#4SUd2Cuuh75qI>s?+PbYJ##IsCG`aj^_LGyZHP2Bg~UTr=a26yleF!lsyE}
za+zQ>CycP<Hx`1to^}l{lk&l3&f-p;H+UNS-IrA@x%_r<%l%0Ak=<LE>^aud!EQAa
z)~Y1wllC)c4zLOH$dc9yI01-Kp`sSVO*rXVWj#y{Valj8G}~)`5C&sJXAB+A4l0%M
zVKD*n{wyvCG@;}~i$(^U_3Fk=zkUMY0puY<_~^GoFfSzbtX7DT!5{Z%!3-|8PLO^t
z%7Ij(ZhAX!hdtG<YkAm~N+%ju>)QTNl=z%iB*Zgj`h&q3)9Il{al$lu?ZTXObSmw~
zsN=hy-tf2E`)6dW0H^D2&siNDPfX(`c}A=WUJNUDY5eb4GzMtv^`T2V>|KppFm<qz
zoMDT2v-T7nPvd_p*D7J=2Ob(cF;TkdsW<L4m9EL%1pXLA{BHQGgxyqsFc@QOh#&Za
zs^D75V5Se-;6#z(0tdtZ5b5^VLD{aZlnLeSN(fH6N6*GBm;!vQNGXQ(4Oo&hE`<v;
z5Q-4z$$uZW_x@lo-Lb)UtYF9l{<R&3RA514NCg%&hE!ldV@L%SG=@}QL1Rb-7Bq%b
zU_oO@1r{`hRCNB9L!xfVtiF)-;99RY^I<Rp93IOz+IwQGUyQpw$EKoQu<`cpF&^R1
z`Htr~auEh&Z3twdi#56V^>=rT-e9vQ|Co-de`V+bguz%dN%ziD^fr|2+T1BVkqCpa
za;Ex@12NP1a*;odG%(f=1k3`t2(NNrNCnOEs_oi#MT=a~s%Y0}5xJn*(wWXoCYwd0
z_u(Ic8Gu;&`GJ}nL=t<Zz55_{x*gdbaG`C}z=;Y2bmO{XO<OgVh8*CVLCtIr7xJkY
zfI-2~99RzWW*Nd*GZqWFRRLehh}1Bg7)q%UVXPU8Lk^9Wl)kw;FhKH651useDhGyC
zU_oO@#bXe(R;#TRRug$qwP@j=<}2iK^hZfNd~DD5-3Ws*@E8Q0oS3xbz0E}4!NDPN
z;&>|UkF1onwYBZ|X#4gp+saGJ5e8$R-vnJHsQUcq@vNUNfCDBhDwQh#Rz75I<=#A<
zcA9X*#dnLV_*KnKP1i18YiewAbaDhi+u7L>yGUE5r%!%$>O?wZ2unvt2h`N-^`#}H
zpB*|{cCU=Ei)+P`#yoq!?EacJUo+JuolduJ=U&i#mj(K^f7d>+Bg}w=Ur|{v?)l(C
zuz(#|M*j#pCp%~6lo^G;6{e-8O`kLk)CNZJgW5M%uHEwf<}+!h&!l}7Ju#}Kx#eDQ
ziJ+1XQoeC57i8Vi)Eqlw4xz9bQO)#8F_{^e1-A<(M?9N*^*S<$5-NZS6ZRd1GXe4-
zVz8^#>h<rgPdss)X4bn4_=1<?Um`ROYF@c?MR{o%!VF02YQ=FcER21AZg)*X9xQRQ
z;|NjxF8v^A@TPCBTDx=qt^-Ft`64Z8#K;lvuYZpys;znO)TpO+C+t1_U51CJ=eEs%
zpBFcOa@3T-pdstudk50)?QDE&!*elF>6xdXsf{1LyL$PmuGjoDHZ&ee{B--?9gAL!
z|1$XmSa|-txTT9I6m$KjQmLODJ;>p>ytrT~d_TOjXt}MOT|(lgU`LpN2L(PD8Vv%-
zE=?0^1`E}IMU9|G1|kY@lP|>1CN`(fn(@oUoUYQ?h4Ub_v9X!IXnszX$yWx-W%8f@
z`SUBQR}h=ezc8~-Tvt?BL~Jfwv7E^Ga((M8J5veZxQC7(_VM)@8y>-CJ0DH{46Av-
z;_l)8UDo%Z!@~$o7Z(;0Y6c6~q12K_`a#g}UEt*WpC^ubd3&i<YKVG~K~G(F?jWw*
z^lC<(xKpN%jt?Ja>dbbA@LH`>5u2{AoQK_|P&9qN_5qz4K5_)Y40u4b-<<z;%-AuY
z<CtfoA%#3xEL1b<7eRwk`4#-G&FU&)(9j?v7=TDuseE`bxw4|tZ?GRSL;}W*z-a)x
z@GBp-BdM3jq_V&vkNRR1m{Y#7@^ueSk5lKq0!^=Z`Bgk49N>U2JM+U?7Y;|O(Ym_1
zLLMxZ@7@oBo;dj#Kc3%_gNKnJo<6iM;l)>$b(J1Hcmz^V=gE|lGiT3&{IIZLl}3|R
zCX2Or`4XrM5^Qg8-}&(lsO;h8i5>yaE~wed$NR&rn_%;`b+3<(7>zYO@L@8UIeEWC
zM2@|jf0cOWljZb-py_n_i8EiOrJS5Qea`TJuyGS2|GZ`;QDkp#9~cz4I5vJ{@CY|I
z*Hvp*gK^Bb2p1Q2%*3c37ervrr_pL*G34oxQB{1wo`k(-4w`iA3lD}H{O#JhGxN;X
zL_YQNl<svP;DHF9P%{B&ddc!7-2)-az{K0z`-h7^S{`Y1VH1)bb9qks@75C*3;aTP
z=Ig*3Gei!Yf5*G9b~tt16hVU!q7I=z7!n%Ny>ii=yZ%E07z{>_Mqu$y)7Iu6_;{Yw
zZ^<w*1C~kOEbh-AvxkO<_G$;!_E0krHlp{}Siw35!eIU=|HHd8Ab3qbcM4%J|3@s1
zp=q{sZJP%51qTO*@y|>^)&mR>hKVrNjHQBRIx`im3Pfs@QYFKQfiTvL#e!zD)CzU0
zq@}NZ+A4rS!O&E470bmDVXPTTV`v(k=EilGH_If|5>h_K0DLpP<(mZb;q!wJo9*EO
ze+YvasNh?$Fr<Rw&*JiBB80(MIRcr8$Kq0=d?w^PxPdSjE9X+p%_#5jl-NNrx9SU%
z?wu82KaH_YK)N8{y!t!y{HArjyk4Si`davNcI|ciN(ziM!ejYHc~1Z}yW4aA1pom5
m|N2oI<NyEw21!IgR09CVPJc5niy1Tk0000<MNUMnLSTYsAM;57

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-warning-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-string-warning-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf688ac68a55134e68a289ae92b7b577e2561c30
GIT binary patch
literal 3076
zcmV+f4EytmP)<h;3K|Lk000e1NJLTq008g+002M;0ssI2tNm@T000ZQNkl<Zc%1B=
z33O9c8pm&vm%V9|G~E(g+jJ3uf>4yQ$jG9gY?V=|;(#Ec<9I+h;~4}|M{z_P5oExX
zPN^cG#iNY43}S&wS!69OrKL?bnyyKjeR)~tOCHpkl8{Qz(7fK?$$96#@80*l`%eDv
z%Xja4d5<s{3<!gv3rvK;&<HGO46VR|#?T5ZXbi2ug2vDaub>^q8k_bEx(<SSXgc^%
z+sPMDP}<MD(zt&n>Lt~MNv2ER1ZhxSUS3pGgfIgJub}lcpR}J|jjn_1_t58*l$4mw
zW`ZENT&~06C@wDccsvM0cbJyeLrzPho79_Iib!L1SB2BkWYwHR9=G2HZqj7y_{CwU
z^tc_AC6I?exa=BeX>BWU+FE<of`5mhs;50rf3Cg@m&;<Y6ciMwRI0YNwr$(CnM@{-
zHNwyxLVJFL!*J2#G;7M%MJDBlMQI?o<|9jN9Vgf#rPJCX9lTtU@dVYnqjZh7;$4m?
z&1q|AAdh0g4xa4xo*shiPhV5ee)>fwM@;bLq^XV<JyJd{kHO+mwcuQ@`poUnK?B7f
zc5)(8knaQt)Sp1GSga{irVJS}q_D8i?RL+eJv%u$8DRzh#7z^wg#6W}Ihi>5Ka{EM
z#Pi7QO1-}lbmk_F^*>A^crl`+9EYhEw3{^bC!S=O$7O3d{w!>mIAw274}pN7-f?zK
z%*Z#Ql=F};=+=EV-qiFxIEPic?yMm0&Xnm#p<&aZdFlfXB}19P3e=w<I|32!-@jj@
z(PU?58;!;@XU<eqR7{>cnZw~A46X5><$&Rxv2l-V_{&t(WU@uVgvp)Nc~JI{CRm!A
zet;s>CX9I>)QoxqgULyqQ$?v6AOs4Y^frj@m%G9dM-P3TYADNG3FnWs{b-Q>1Uo7w
zGc`3eH#b)#5`l<wa&j^<GO(Hl0)*eXU0VvvhJAPcrjbAaORgkSoW4j~{<gMaBPTMA
zACoOfU(D{2U}($NJA9cmPdZYZvDmMcG}Y^>K5*zSK)yj*E<w=diic8FY+({enJRN7
zLqPqu&T_)q7N|eLQ7V;QKU}U*D1-v&8({_j{(|;+yd$U7IW;U!RL|D2S?grORvYSf
zTUv_r)dj}d&y#1KVsXUX+i=8#m_7?TBH3?qNEj{^<q*QesN`I(bU0T$xaq)y9&~x~
z!Q*yzYs+8~0)it6-k)odl9GZj0|~F7nec0VW%dAa09ZOY%lWZmDT}4G7%>=v*ztB<
znZ2_tG9_1>_85HZo#*SnpJ3CR5++RQ?jb^PU!a{?S`U)u#+#=VGuaWa>ULUS_L?0v
zh^i%xD&!TnH%OD_2A89g7d^t`aRurR!eDyf&7rx`S$171OeR2?6L|{=6b5-NyB2xJ
zZR(aIPeGmlWzy2va_kux7gAf2CY5(vpB%e;2m*^MgQcN%r`NN!S$*gc1|dLKriU3U
zuD1LgD7anLwiADgNSq1zOpyLyFg@``XhG~)x7%K~cMOBYQO+()7?<B%@<h#7gCOV<
z{DkPt71S^;LUC_&<_j=$r>lIA$&Ped)v{r$2!Xt(hd?`nv|F69r0vuSUF8-xX^75T
zY15s7Njj=FZuBNw$MMFWW<fj_#7~SJ^)_V>)E^9{Ck*NafB1ceYb7wj%;H8<72XRR
zCKb%k`EB5Kn(g`vAV;2bMEC5ur-wj5tR+pg-rR=4x=O7>4^!IIdGee62Ivn4(;Wu>
z#|nl{;JfWGv;qqnLo2YLF|+~;8bd3vpfR)p3mQW!u%I!t0t*^LE3lw3w8DEYhuhxb
zYT8D&e&se_L>NrC!4#&m<8oMv1x#){L*HI$Kevz<Gme)qgDpx&7)-c98ZX+Kzp=Id
z%*ouw(41YxW|E?eXAuSy&KRpUkS-R}+4?nKJ{@5&VGb{0I@!91aG9!z2%KqP!X8MN
zVGxLCIWV+>2)(I;baiMgI=$6qcOrVh;}Vi6zDz3MuvrKb&V(vxP_wE*8yUe>CQ0}_
zHli0+8wn>W9H25uiZvb9gequ=&7fv^TqL3+aEkiQQe%hKOxI%^AcUGjLjZ#xWkhQv
zQ9PaAhA`nws1X|SX8L6se!v0JZ+I}!z_T0}T7d<Pp%phk&?HIL*I%N_4Gm3q-#6D}
zGNa$iyPLPZ`uci=!T7iVf`0GAg1@eKl`0Da{0ZZ;3F7z6l-cd}7hisJ)k|wDF5sI4
zF_-BxLD$wc{A)|zx8LuF08Ck|R_oDYC!uh-<oGAs3#l-CuB<|(s@G_B2M(5KG}_3>
zh&#uP=5o2zCVIW0;L|Vi3wA+)vUofmXz6yl&sS7!*z{4CcGc>Zp(7?$R@FSWbV;Bt
zxm>O_Z)^bFcUhosudm$*c7*AdR9Dxww6ysd!2)&^8hs<^eLo(`o-pI|*|NO+op+3z
z4r&8qQ&Y?QMa!OF@!BV!?Jn5<MOOASovyR2ys}1B-_fBhK70&ht<`o;yypQ*VU3MV
zu<g#zzdmuQG&5_`q2i;+CrW4lDtz;wo8e5j>+U~RR(T&jZL`@|uY7jb_V?NBU=ua4
zulpZ-oYFL?`N4;m;Bek=X>M-4XU4<ub$8b^l)*A}<|CA-u1PO0eFp-f>4L?}HgEjL
z19N7;>f=u?U%GsC;m(hse5pyDH8L~zp&SUbpv9Fht$lCP+V&1j@z2LruY8W`ZkL~@
zm#&<4&s`hWzXs(|BZuYw>Cbgl$Cym-Dc9bv*|v2f6!?7J$9X&6TDw}Qycs^hJH}$M
z@;+QYf6>yJa~6ELYwO&3Penus!4KFGrvCxo3&A2TR91t6i~d^}A0JDp87%2(N`eSU
zt9=lm4<Gpjl3+^Bz^oZl_w7H_RSRl{C4<43mpkW&eFp+LF&a(Ze7o=IrxsAFIkTq0
z`FghWJhi%H@uO5B@g}*tIixd{0`^;w_wG#!dFriWB$BAl3N~Xk_gi9PWj_~vH7s*5
zrRmbr^OTyw0(Phk#YrCsTCHx4iv0C*u{<HpYPCVui+p<OvL_`fK(&FKG`DzP@fIl(
zQLADxxD<gOYE>33z1&?U)8QadFM-aC9Fd7I{T@*5!5?>LkIn)e-#+eMSV9>rA*vbm
ziJ(EL)irfpt9A8_gKkNqQU%C#Efy<fzgS(HlAHtu7V|1Ql_$i*CS88o+BysdV@A3X
zT_2F@K*|vx7xUeo?V#yL=Klqc2>Uq@%YOWBS9G)lB9}}ig)&$|-@Fe5J@KxwDancJ
zH-3P8`SiNCw>+`v*9VeQc2MWm{2lktz8A`wLvOv<W6%oO?ZO3fp)p9%>2$vM%A3#_
zvM6*NfObL63VHn6*H^*n@?}qszGDQ|bpJ;v6qKI)Y3!I$<);roxmVlvfuPxJ_MYAO
zTmQWShJ6V)-!^{i9nU<ykgDSGxDaLUoAqd7>Zq6)>9S|MFU1;@oh6luM~#{0cR^&+
zJ8R&i%*vjcoH1He+wj5WbwPHz<^6mHR}P<-{{9wBj8NqdKmN3P8%TH_o|{9dnF2Ju
zXhClGL<rMAfyDLjfjyyT8eK5dUvd(r*Il#S$#d$gOnLA&Fvkr2h`y5V!rbBT+ozay
zHIQ}G)-?<nd`tJnXG_ar=n5BB{G7n#o!#z8OS>^|uL|WbG5wb2y~%wrZPx|l5?8f@
zYW>s<3?DY+s*Mv9ul)`}3?>kLDQG_wig*}`Aq?jKNT@k9k4so>y_+xN^Z66*%tqk@
z93UJf!h|!S3R)7y*XgZ@*68#$NfZxZ!kJJ7Et3iiCcC=T*xNWA7QjKlp&3jznN)}{
z;Y_H%upBl^nI!GdnpF)tnm)#WhyU_T1A37%!j~<Ni^PA5#`I_KU$8K=g2{@=aGLNf
z!kDm!G+ty1)0ynJ*;e&lgu#S4w&uO;xLE{CKHq-sG30w1DSqHNCLHlS@O-bWz1aJ}
zbA!R)dnH9a+4?npB?TrN@x78_7E7^^$&LRX00030|F+aPKL7v#21!IgR09AiD|2WH
Sj!tR-0000<MNUMnLSTZv#^LDz

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-required-boolean-true-validationState-undefined-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a921db74232428d46248c9699db2000eeca2f47
GIT binary patch
literal 2796
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

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-large-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-large-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a55a480fa66ad3849762ecffba7c69063cecb2b
GIT binary patch
literal 2957
zcmZuzc{J2*8#dONVhoxWk!&wzi8N9n%@||JGJ_bh%-AM7@scIWWRUDxA~b{0rjaE}
z$daZkX^@bRNh!vj={5L%@A>}u&i8$PJkN8^ea`co>s-%uU-xwrYi%lW;P3$+9v%^M
zGqf#mt^&&p%nR(MwJXy+JO@$cXr%qMlBLo}%R}#E`h?J3ym<Qd=a{AT+hBerTmblr
zGOjljjwnZ8AR7|252RsW@EjuzbUO8r$pu(W)gch*Ag_g(SiGp-??86UHw8ID=GLyV
zTLdZcHF0Gk@?I1v*tDXdAx|s`k0tRdD4Go?)yN|y%E|mzsRzUn3Tl1=rTO{!ckVC_
zUzpZ?>{Q>^)s;AQv%Y>~{cHckQD(Kxz1dj;2DV@AFx=76AtWm2B|@Fkg`q2`a?;X8
zw{P3IxNtdZ^XcirMB}))xY*cOE31qFkhiyYU0vN%_s+e&U41Q_{SC#mv@|*?JbW`n
z^eF3j`JP_zXGWpApD5C-BJRiNgPNL}fq{Vv)2!s=WSyI{mR45P)}^g6+w7B`eH;!4
z9Mjg?`sGBhzkgf!B2!EWb7A6G-cuTs%jNcE$dEie=UFTSX-GCKY$JH419I8W(6CU$
z$%8=9_Uuc49z3(&eQweirgMd}v(wXwDh7c-FBn5Z?AKXGeSLk4i;LYm<6IlA<dl`k
z9TKJ>DZ^|=juH*U__;dQlbD#eu6v9ZxjRfV4hjlVcdYfwrRrb*dow#5W}i7mdRK;g
zJvTRJ6u;L%r{n89Owefbtv@smHKvFq$sX4E`Tes(D(Vte)M2X8UkDTx6JvY<CSgG}
z>h%dQA^60b^%rQ`+1e(Jv8UT?iV+Yt<!Qu^QQw_k%XqAv-Bdm4UEXm!4-b#lh~<Yh
zhUxOGZ1`q>q1M{jum#J-ZsZNYIf-+hTmMogpF}MIXy-sMQz2m~dAl2JZTfm$^RKh?
zPMx|vQGEAq%pUhQi^UR#q)q@dFWmimdqwp4##drbGP3Ps#?F#^Q;Iw*2abqr$S%#y
z%;bKi%WCr=k;v7zZf<U7LA|eDE&ljnv2x0b0dr$M4|Xr=5u4A*$iPASL3#$^--pK@
zIrb1%pRB^W%dinsO@TO@>1745w4XpmTT8Z~lzxQ9d7`k2P1(RjLa~BYuV-(6Wu>x&
z#BE)1TRS_Vl(@LK&$}{B*Pbu0Zozj+tG)DYB9RDFcTiVTBdEcaemmHMLpS703kx0b
z_|(2tzxW9`4D9OY0!`Jr1WZ&YdZ`>4W^8P1YHC_JM|Z|z3EtlMrKN+)L?)BDK2UUu
zYt|g7a`Uy0?kMtg=8?5GJDJ1k!jM=BjMmuDU|?WC$2vLr1_x&i2y!it0LY^N<g<=$
zZkb7Z;(mC_>t*Ks{+Ee-p@rk)<0(zoY<b&H;-QZftE}&y7Wonp8oK!5$=z6yv<qm{
zx9=t=4<Dqz!eB55B~P#{yu~+MU0pNQx^Wd4g(M{iqaWS~aE+T6<rL=SRaRFkDXz=E
zRpygT?P3hSk>#1|J{|jeT|fmtY1ltb1s{_#_m|DgE8#jc2<;1WT36ym<;dBXjJP^f
zDkOR`69!klg0j!1LU2g33R(bC{C^6KHdB`z9X(&bDkhkn$%?59<f^Kwrluy~qk)EV
z#^G>CWMXY?Pzv;j^YfrVaCr+*TKm26EjKqeXu8!`{<QI+Ve}?}|Gj~)W}<mnfL+Q6
zXL%!(pZ51lj|&5bR|lP)ozvxu&w`n-Q{HF6{|klIl~?}o;SWHN3?D}ahiCC{uas;x
z=E#Wu*h9FIJ)bwfh%U*?i%=Q*G6A%|KC5_?+Wp{Vl)Tj=@LTZVI%&VEE)!zH0oA0T
z<TPq}3I^Z(q(DqOL@fj*MLT><f;M+|@uUi<BrU#0iRM=mUQj`&Ya<YOorSG+U{TQ&
zV?vS{P7~SI(o$*|<A4`|K#KH&%T_U)f`Iz!L+AUP>V1ID)kam;6i|1$+}zu@DPxp_
zlILSNbevmoSy@>SfdG@1egnph*puVdS#K6cs&{vHy{lT&GBbw;2VZrMRNELD7;ut6
z@~Wyr?DEHtm!{hy@n%+5CbVSClUKnL&+dnuX?2I~-jq<qc5WVI)<1g&H1-|kxmh+l
z?)SR)V&slna|n^e$XT9j>_JTrVy0YNTv+`#$Yl0R=R0tIwK;z~U~j%7RZ-E=U;fC7
z{jfasoMLsXC3If!yk5Y^5a8<j3e$}i=UVqpXk<=7L7$|&lS+#kUBg8j`+M|(T`0A%
zQ1XZSGq0P&GB?P82gh!+UBTOL^VL6m_y8z@A+hm9%k4$T)vK-1TWa@e?gs&ej?G{F
z;1{y7FxconZsBf(mH@>#VX^Xdskwho4fRPPMi-WrxU*e19G|*<{q{{pM&_w=quTM~
z<{v>~;Q&#ogQ;&XHwDzy*Y`Yo@<bDXh~shsr<#Z$$s3l9;LqH#_rrR>QrhD-zl-Im
zE@c-Me*6AiN>Wl14u{Lg+`7)M57k|nY`o~YyB#0!)UAE^Do57ks>{gppy_9HI#^hE
zbbOqIw&QKoaC;%8VCg)9$3V!ELDO3gDsu!fGRKEX_4NWL5%GJmDn$)HKDC5tIyan&
zTCb#wdYq1!?FTbci`Uolg?8lQj_OCG+mPxAUA!?dG5FMh0m}})y;(r9+e;I-%@-8z
zoDK6qp?GITtE^-kg0XxCqMuG9GN>JKyU`qx<|qu}<S@k2$HF3w>RaoRw`%oo1Rai{
zp(h<rRbSuvHQ$$EJbTDO#j03Y!+6a&1xjh;1P-pPt@R{}{2YIJ58GYc7rn<l>pnI%
zMiCWjLiJi?MTRd=>S|~R(++PJBqSuXgniQ~UtDC~KbZRv7;SUK$vBoD2J*J9@q9kw
z88zpu&;D}X$v4-zfEv@FNVJBQ7O8W7cV}B?>=%3buK7aI*GH3+lR7Dg-mUI!5{VSa
z{xmT)b@$VTJKsZ-V@MmwIm~R2Y5~sHMz<a#iHNTRg*vyw{N&DrQ0dN>F8$dKe-2-4
zev}G~tDd}z@3sbCo3d0b0?v%rx&nG`4PO)=KrE%Sw6ugD&ADP5a?w=ifnBxr@J(Q}
z0*~(Z$T$saKLxnh+S-CwHJR=o+72SJPbUnOP<^E!&6jAM6rz`cu0l`A*|6-9ga>eo
zYtW$HRI$gnL{GQpK}VP>9P|)>F=pp|ly~n8@3b-}18790!k2B9Th(jzvO-YV3;x-I
zCI|{XFdzWt61ntIVTtF>iOWsGh6Z4Pc4L=Y1qB7MBY<3SjO(|ARa8_MYs=GZlBGr;
zg;};R<o3#pmQj1Q!RmLKcyqpK<+n%8C9LhF;Ero+<=XH6&^TZFQa_U2+}f)1B{=c2
zp<wvW6$F1??8{Cl)tciPy9<Rv&z(C5xGQ6+JN<yZym9(vh)y_t=#<X@7z)LVX9uJ9
zq!#l151AV-`Vn(zYF_MXa-Q8u5C%y`T6(P7+{ed<c>=sB){*duG7$2n_ol?kbemqx
zuYg6=rwF=?Vb+)iwueWi<CW1lL8s3%a^y^V4-dtX<N>^3^kX1+pni$?C3}hOdqL4$
z%mL{m=S^smQCF00Vf{sKvG*iUT!B>+L|oE>d?<cfxy0<zn@2_F0S)19Hf2NNQb_Ir
zZ-WMaq4L@(Be1nVd$h%0SQXU9%#~x`j=y*J`a+KDtgr>__WgZzO-+-gxuaPloQ=@`
z@Zrmiev~=kbbl`|uVH`T@2WFul-yEOEX7b+n~eSQ`=I%M<<EZtDRz8xv{G^(rpVL7
z3#)GhhSH|i9;Cd8tZ+FnFz_#~`tjp5qEY$p?vwxpPc%t4{S$MPfv(3y`?2;xJUsjR
j#dD9tflw{@PnzcAS&M1D&TMGV04hA@Cf4X$6oLFNWLTmm

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-medium-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-medium-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57b4de424a693e69b85453b1b1a8e9cd4da6f8a5
GIT binary patch
literal 2665
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
X<HrxDDPk}A00000NkvXXu0mjfv(^XH

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-small-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-base-visual-size-string-small-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbab4b11b3d25fd7148758c628b90f973bc50e6e
GIT binary patch
literal 2403
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
VzZqyor(gg8002ovPDHLkV1nIab=v>{

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-formLayout-visual-layout-string-horizontal-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..518a29ccfa415492cfddc29db31b17a9c26b98f4
GIT binary patch
literal 4562
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
SoUU_Zn_9PZZWXCo2LBhR@QPgk

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png b/src/components/MultiSelectField/__tests__/MultiSelectField.spec.tsx-snapshots/MultiSelectField-formLayout-visual-layout-string-vertical-1-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..37b1397bda9b2bdd1248b0e5b22cda425f181026
GIT binary patch
literal 4777
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
JQRU&&{{aiAHZ%YL

literal 0
HcmV?d00001

diff --git a/src/components/MultiSelectField/__tests__/MultiSelectField.story.tsx b/src/components/MultiSelectField/__tests__/MultiSelectField.story.tsx
new file mode 100644
index 00000000..516abbda
--- /dev/null
+++ b/src/components/MultiSelectField/__tests__/MultiSelectField.story.tsx
@@ -0,0 +1,138 @@
+import React, {
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import type { HTMLAttributes } from 'react';
+import { TranslationsProvider } from '../../../providers/translations';
+import { FormLayoutContext } from '../../FormLayout';
+import { MultiSelectField } from '..';
+
+type MultiSelectFieldValue = (string | number)[];
+type MultiSelectFieldForTestProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+  // eslint-disable-next-line react/require-default-props
+  initialValue?: MultiSelectFieldValue;
+  // eslint-disable-next-line react/require-default-props
+  onChange?: (value: MultiSelectFieldValue) => void;
+};
+type MultiSelectFieldForRefTestProps = MultiSelectFieldForTestProps & {
+  testRefAttrName: string;
+  testRefAttrValue: string;
+};
+export type MultiSelectFieldForFormLayoutTestsProps = MultiSelectFieldForTestProps & {
+  layout: 'vertical' | 'horizontal'
+};
+
+const defaultLabel = 'test-label';
+const defaultOptions = [
+  {
+    disabled: false,
+    key: 'key1',
+    label: 'option1',
+    value: 'value1',
+  },
+  {
+    disabled: false,
+    key: 'key2',
+    label: 'option2',
+    value: 'value2',
+  },
+];
+
+export const MultiSelectFieldForTest = ({
+  initialValue,
+  onChange,
+  ...props
+}: MultiSelectFieldForTestProps) => {
+  const [value, setValue] = useState<MultiSelectFieldValue>(initialValue ?? ['value1']);
+
+  return (
+    <MultiSelectField
+      label={defaultLabel}
+      options={defaultOptions}
+      {...props}
+      onChange={(newValue: MultiSelectFieldValue) => {
+        onChange?.(newValue);
+        setValue(newValue);
+      }}
+      value={value}
+    />
+  );
+};
+
+export const MultiSelectFieldForRefTest = ({
+  testRefAttrName,
+  testRefAttrValue,
+  ...props
+}: MultiSelectFieldForRefTestProps) => {
+  const ref = useRef<HTMLDivElement>(undefined);
+  const [value, setValue] = useState<MultiSelectFieldValue>(['value1']);
+
+  useEffect(() => {
+    ref.current?.setAttribute(testRefAttrName, testRefAttrValue);
+  }, [testRefAttrName, testRefAttrValue]);
+
+  return (
+    <MultiSelectField
+      label={defaultLabel}
+      options={defaultOptions}
+      {...props}
+      onChange={(newValue: MultiSelectFieldValue) => setValue(newValue)}
+      ref={ref}
+      value={value}
+    />
+  );
+};
+
+export const MultiSelectFieldForFocusTests = ({
+  ...props
+}: MultiSelectFieldForTestProps) => (
+  <>
+    <MultiSelectFieldForTest
+      {...props}
+    />
+    <MultiSelectFieldForTest
+      label="another-test-label"
+    />
+  </>
+);
+
+export const MultiSelectFieldForTranslationsTest = ({
+  ...props
+}: MultiSelectFieldForTestProps) => (
+  <TranslationsProvider
+    translations={{
+      MultiSelectField: {
+        noOptions: 'Nothing found',
+        removeTag: 'Remove this tag',
+        search: 'Search options',
+      },
+    }}
+  >
+    <MultiSelectFieldForTest
+      {...props}
+    />
+  </TranslationsProvider>
+);
+
+export const MultiSelectFieldForFormLayoutTests = ({
+  layout,
+  ...props
+} : MultiSelectFieldForFormLayoutTestsProps) => {
+  const values = useMemo(() => ({ layout }), [layout]);
+
+  return (
+    <FormLayoutContext.Provider
+      value={values}
+    >
+      <MultiSelectFieldForTest
+        {...props}
+      />
+      <MultiSelectFieldForTest
+        label="another-test-label"
+        {...props}
+      />
+    </FormLayoutContext.Provider>
+  );
+};
diff --git a/src/components/MultiSelectField/__tests__/_propTests/openMultiSelectFieldOptionsTest.ts b/src/components/MultiSelectField/__tests__/_propTests/openMultiSelectFieldOptionsTest.ts
new file mode 100644
index 00000000..28065ccf
--- /dev/null
+++ b/src/components/MultiSelectField/__tests__/_propTests/openMultiSelectFieldOptionsTest.ts
@@ -0,0 +1,142 @@
+import type { PropTests } from '../../../../../tests/playwright/types';
+
+const partiallyDisabledBaseOptions = [
+  {
+    disabled: false,
+    key: 'key1',
+    label: 'option1',
+    value: 'value1',
+  },
+  {
+    disabled: true,
+    key: 'key2',
+    label: 'option2',
+    value: 'value2',
+  },
+];
+
+const groupedOptions = [
+  {
+    key: 'optgroup_key1',
+    label: 'optgroup1',
+    options: [
+      {
+        disabled: false,
+        label: 'option1',
+        value: 'value1',
+      },
+      {
+        disabled: false,
+        label: 'option2',
+        value: 'value2',
+      },
+    ],
+  },
+];
+
+const partiallyDisabledGroupOptions = [
+  ...groupedOptions,
+  {
+    key: 'optgroup_key2',
+    label: 'optgroup2',
+    options: [
+      {
+        disabled: true,
+        label: 'option3',
+        value: 'value3',
+      },
+      {
+        disabled: false,
+        label: 'option4',
+        value: 'value4',
+      },
+    ],
+  },
+];
+
+export const openMultiSelectFieldOptionsTest: PropTests = [
+  {
+    name: 'options:shape[defaultOpened]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: {},
+  },
+  {
+    name: 'options:shape[defaultOpened] & size:string=small',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: { size: 'small' },
+  },
+  {
+    name: 'options:shape[defaultOpened] & size:string=large',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: { size: 'large' },
+  },
+  {
+    name: 'options:shape[defaultOpened] & searchAlgorithm:null',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: { searchAlgorithm: null },
+  },
+  {
+    name: 'options:shape[selectedOptionFocused]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      // Focus the first option which is selected by default
+      await page.keyboard.press('ArrowDown');
+      await page.waitForTimeout(500);
+    },
+    props: {},
+  },
+  {
+    name: 'options:shape[defaultPartiallyDisabled]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: { options: partiallyDisabledBaseOptions },
+  },
+  {
+    name: 'options:shape[grouped]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: { options: groupedOptions },
+  },
+  {
+    name: 'options:shape[partiallyDisabledGrouped]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.waitForTimeout(500);
+    },
+    props: { options: partiallyDisabledGroupOptions },
+  },
+  {
+    name: 'options:shape[searchFiltered]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.keyboard.type('option2');
+      await page.waitForTimeout(500);
+    },
+    props: {},
+  },
+  {
+    name: 'options:shape[searchWithoutResults]',
+    onBeforeSnapshot: async (page, component) => {
+      await component.getByRole('combobox').click();
+      await page.keyboard.type('nonexistent');
+      await page.waitForTimeout(500);
+    },
+    props: {},
+  },
+];
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.jsx b/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.jsx
new file mode 100644
index 00000000..57addf13
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.jsx
@@ -0,0 +1,175 @@
+import PropTypes from 'prop-types';
+import React, {
+  useContext,
+  useEffect,
+  useRef,
+} from 'react';
+import { TranslationsContext } from '../../../../providers/translations';
+import { MultiSelectFieldDropdownGroup } from '../MultiSelectFieldDropdownGroup';
+import { MultiSelectFieldDropdownItem } from '../MultiSelectFieldDropdownItem';
+import { MultiSelectFieldDropdownTextItem } from '../MultiSelectFieldDropdownTextItem';
+import styles from './MultiSelectFieldDropdown.module.scss';
+
+const MultiSelectFieldDropdown = ({
+  autoFocusFirstOptionOnOpen,
+  id,
+  onClose,
+  onItemSelected,
+  options,
+  optionsRef,
+  value,
+}) => {
+  const translations = useContext(TranslationsContext);
+  const focusedOptionIndexRef = useRef(-1);
+
+  // Number of options that can receive focus, i.e. all displayed options that are not disabled.
+  const focusableOptionsCount = options.reduce(
+    (count, option) => ('options' in option
+      ? count + option.options.filter((groupOption) => !option.disabled && !groupOption.disabled).length
+      : count + (option.disabled ? 0 : 1)),
+    0,
+  );
+
+  useEffect(() => {
+    // Drop refs of options that are no longer displayed, e.g. after the options were filtered.
+    optionsRef.current.length = focusableOptionsCount; // eslint-disable-line no-param-reassign
+  }, [focusableOptionsCount, optionsRef]);
+
+  useEffect(() => {
+    if (autoFocusFirstOptionOnOpen) {
+      optionsRef.current[0]?.focus();
+    }
+  }, [autoFocusFirstOptionOnOpen, optionsRef]);
+
+  // Index of an option among all focusable options, assigned in the order of rendering.
+  let optionIndex = 0;
+
+  const renderOption = (option, isWithinGroup, isGroupDisabled) => {
+    const isOptionDisabled = isGroupDisabled || option.disabled || false;
+
+    let currentOptionIndex = null;
+    if (!isOptionDisabled) {
+      currentOptionIndex = optionIndex;
+      optionIndex += 1;
+    }
+
+    return (
+      <MultiSelectFieldDropdownItem
+        disabled={isOptionDisabled}
+        id={id && `${id}__item__${option.key ?? option.value}`}
+        isSelected={value.includes(option.value)}
+        isWithinGroup={isWithinGroup}
+        key={option.key ?? option.value}
+        onCloseDropdown={onClose}
+        onFocus={() => {
+          if (currentOptionIndex != null) {
+            focusedOptionIndexRef.current = currentOptionIndex;
+          }
+        }}
+        onFocusNextDropdownItem={() => {
+          if (focusedOptionIndexRef.current < optionsRef.current.length - 1) {
+            focusedOptionIndexRef.current += 1;
+          }
+
+          optionsRef.current[focusedOptionIndexRef.current]?.focus();
+        }}
+        onFocusPreviousDropdownItem={() => {
+          if (focusedOptionIndexRef.current > 0) {
+            focusedOptionIndexRef.current -= 1;
+          }
+
+          optionsRef.current[focusedOptionIndexRef.current]?.focus();
+        }}
+        onSelectDropdownItem={() => {
+          onItemSelected(option.value);
+        }}
+        ref={(element) => {
+          if (element != null && currentOptionIndex != null) {
+            optionsRef.current[currentOptionIndex] = element; // eslint-disable-line no-param-reassign
+          }
+        }}
+      >
+        {option.label}
+      </MultiSelectFieldDropdownItem>
+    );
+  };
+
+  return (
+    <div
+      aria-multiselectable
+      className={styles.root}
+      id={id && `${id}__dropdown`}
+      role="listbox"
+      tabIndex={-1}
+    >
+      {options.map((option) => {
+        if ('options' in option) {
+          return option.options.length > 0 && (
+            <MultiSelectFieldDropdownGroup
+              key={option.key ?? option.label}
+              label={option.label}
+            >
+              {option.options.map(
+                (groupOption) => renderOption(groupOption, true, option.disabled || false),
+              )}
+            </MultiSelectFieldDropdownGroup>
+          );
+        }
+
+        return renderOption(option, false, false);
+      })}
+      {options.length === 0 && (
+        <MultiSelectFieldDropdownTextItem>
+          {translations.MultiSelectField.noOptions}
+        </MultiSelectFieldDropdownTextItem>
+      )}
+    </div>
+  );
+};
+
+MultiSelectFieldDropdown.defaultProps = {
+  id: undefined,
+};
+
+MultiSelectFieldDropdown.propTypes = {
+  autoFocusFirstOptionOnOpen: PropTypes.bool.isRequired,
+  id: PropTypes.string,
+  onClose: PropTypes.func.isRequired,
+  onItemSelected: PropTypes.func.isRequired,
+  options: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.shape({
+        key: PropTypes.string,
+        label: PropTypes.string.isRequired,
+        options: PropTypes.arrayOf(PropTypes.shape({
+          disabled: PropTypes.bool,
+          key: PropTypes.string,
+          label: PropTypes.string.isRequired,
+          value: PropTypes.oneOfType([
+            PropTypes.string,
+            PropTypes.number,
+          ]),
+        })),
+      }),
+    ),
+    PropTypes.arrayOf(PropTypes.shape({
+      disabled: PropTypes.bool,
+      key: PropTypes.string,
+      label: PropTypes.string.isRequired,
+      value: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number,
+      ]),
+    })),
+  ]).isRequired,
+  optionsRef: PropTypes.shape({
+    // eslint-disable-next-line react/forbid-prop-types
+    current: PropTypes.array.isRequired,
+  }).isRequired,
+  value: PropTypes.arrayOf(PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ])).isRequired,
+};
+
+export default MultiSelectFieldDropdown;
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.module.scss b/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.module.scss
new file mode 100644
index 00000000..67efb6c7
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/MultiSelectFieldDropdown.module.scss
@@ -0,0 +1,17 @@
+@use "../../theme";
+
+@layer components.multi-select-field {
+    .root {
+        position: absolute;
+        z-index: theme.$dropdown-z-index;
+        max-height: theme.$dropdown-max-height;
+        overflow: hidden auto;
+        border-width: var(--rui-dimension-border-width-1);
+        border-style: solid;
+        border-color: theme.$dropdown-border-color;
+        border-radius: var(--rui-dimension-radius-1);
+        background-color: theme.$dropdown-background-color;
+        box-shadow: theme.$dropdown-box-shadow;
+        transform: translateY(-1px);
+    }
+}
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/index.js b/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/index.js
new file mode 100644
index 00000000..6a272506
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdown/index.js
@@ -0,0 +1 @@
+export { default as MultiSelectFieldDropdown } from './MultiSelectFieldDropdown';
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.jsx b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.jsx
new file mode 100644
index 00000000..11697532
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.jsx
@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import styles from './MultiSelectFieldDropdownGroup.module.scss';
+
+const MultiSelectFieldDropdownGroup = ({
+  children,
+  label,
+}) => (
+  <div
+    aria-label={label}
+    role="group"
+  >
+    <div className={styles.label}>
+      {label}
+    </div>
+    {children}
+  </div>
+);
+
+MultiSelectFieldDropdownGroup.propTypes = {
+  children: PropTypes.node.isRequired,
+  label: PropTypes.string.isRequired,
+};
+
+export default MultiSelectFieldDropdownGroup;
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.module.scss b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.module.scss
new file mode 100644
index 00000000..f3bfd4b8
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/MultiSelectFieldDropdownGroup.module.scss
@@ -0,0 +1,17 @@
+@use "../../../../styles/theme/form-fields" as form-theme;
+@use "../../theme";
+
+@layer components.multi-select-field {
+    .label {
+        display: flex;
+        align-items: center;
+        min-width: form-theme.$box-input-min-width;
+        max-width: 100%;
+        height: var(--rui-local-height);
+        padding: 0 var(--rui-local-padding-x);
+        font-weight: theme.$dropdown-group-font-weight;
+        font-size: var(--rui-local-font-size);
+        color: theme.$dropdown-group-color;
+        cursor: default;
+    }
+}
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/index.js b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/index.js
new file mode 100644
index 00000000..a7771ad9
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownGroup/index.js
@@ -0,0 +1 @@
+export { default as MultiSelectFieldDropdownGroup } from './MultiSelectFieldDropdownGroup';
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.jsx b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.jsx
new file mode 100644
index 00000000..9e69a7a5
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.jsx
@@ -0,0 +1,85 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { classNames } from '../../../../helpers/classNames';
+import { keyDetected } from '../../_helpers/keyDetected';
+import keyBindings from '../../keyBindings';
+import styles from './MultiSelectFieldDropdownItem.module.scss';
+
+const MultiSelectFieldDropdownItem = React.forwardRef((
+  {
+    children,
+    disabled,
+    id,
+    isSelected,
+    isWithinGroup,
+    onCloseDropdown,
+    onFocus,
+    onFocusNextDropdownItem,
+    onFocusPreviousDropdownItem,
+    onSelectDropdownItem,
+  },
+  ref,
+) => (
+  <div
+    aria-disabled={disabled}
+    aria-selected={isSelected}
+    className={classNames(
+      styles.root,
+      disabled && styles.isRootDisabled,
+      isSelected && styles.isRootSelected,
+      isWithinGroup && styles.isRootInGroup,
+    )}
+    id={id}
+    onClick={() => {
+      if (disabled) {
+        return;
+      }
+
+      onSelectDropdownItem();
+    }}
+    onFocus={onFocus}
+    onKeyDown={(event) => {
+      if (disabled) {
+        return;
+      }
+
+      if (keyDetected(event, keyBindings.closeDropdown)) {
+        event.preventDefault();
+        onCloseDropdown();
+      } else if (keyDetected(event, keyBindings.focusNextDropdownItem)) {
+        event.preventDefault();
+        onFocusNextDropdownItem();
+      } else if (keyDetected(event, keyBindings.focusPreviousDropdownItem)) {
+        event.preventDefault();
+        onFocusPreviousDropdownItem();
+      } else if (keyDetected(event, keyBindings.selectDropdownItem)) {
+        event.preventDefault();
+        onSelectDropdownItem();
+      }
+    }}
+    ref={ref}
+    role="option"
+    tabIndex={-1}
+  >
+    {children}
+  </div>
+));
+
+MultiSelectFieldDropdownItem.defaultProps = {
+  id: undefined,
+};
+
+MultiSelectFieldDropdownItem.propTypes = {
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  id: PropTypes.string,
+  isSelected: PropTypes.bool.isRequired,
+  isWithinGroup: PropTypes.bool.isRequired,
+  onCloseDropdown: PropTypes.func.isRequired,
+  onFocus: PropTypes.func.isRequired,
+  onFocusNextDropdownItem: PropTypes.func.isRequired,
+  onFocusPreviousDropdownItem: PropTypes.func.isRequired,
+  onSelectDropdownItem: PropTypes.func.isRequired,
+};
+
+export default MultiSelectFieldDropdownItem;
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.module.scss b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.module.scss
new file mode 100644
index 00000000..1ebefd66
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/MultiSelectFieldDropdownItem.module.scss
@@ -0,0 +1,52 @@
+@use "../../../../styles/theme/form-fields" as form-theme;
+@use "../../theme";
+
+@layer components.multi-select-field {
+    .root {
+        display: flex;
+        align-items: center;
+        min-width: form-theme.$box-input-min-width;
+        max-width: 100%;
+        height: var(--rui-local-height);
+        padding: 0 var(--rui-local-padding-x);
+        font-size: var(--rui-local-font-size);
+        color: theme.$dropdown-item-color;
+        background-color: theme.$dropdown-item-background-color;
+        cursor: pointer;
+
+        &:active {
+            color: theme.$dropdown-item-focus-color;
+            background-color: theme.$dropdown-item-focus-background-color;
+        }
+
+        // `focus-visible` is used so the focus background only shows for keyboard navigation
+        // and does not stick to an option focused by clicking it.
+        &:hover,
+        &:focus-visible {
+            color: theme.$dropdown-item-focus-color;
+            background-color: theme.$dropdown-item-focus-background-color;
+        }
+    }
+
+    .isRootDisabled {
+        opacity: theme.$disabled-opacity;
+        cursor: theme.$disabled-cursor;
+    }
+
+    .isRootSelected {
+        font-weight: theme.$dropdown-item-selected-font-weight;
+        color: theme.$dropdown-item-selected-color;
+        background-color: theme.$dropdown-item-selected-background-color;
+
+        &:active,
+        &:hover,
+        &:focus-visible {
+            color: theme.$dropdown-item-selected-focus-color;
+            background-color: theme.$dropdown-item-selected-focus-background;
+        }
+    }
+
+    .isRootInGroup {
+        padding-inline-start: calc(var(--rui-local-padding-x) * 2);
+    }
+}
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/index.js b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/index.js
new file mode 100644
index 00000000..0e097c2e
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownItem/index.js
@@ -0,0 +1 @@
+export { default as MultiSelectFieldDropdownItem } from './MultiSelectFieldDropdownItem';
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.jsx b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.jsx
new file mode 100644
index 00000000..9b686194
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.jsx
@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import styles from './MultiSelectFieldDropdownTextItem.module.scss';
+
+const MultiSelectFieldDropdownTextItem = ({
+  children,
+}) => (
+  <div className={styles.root}>
+    {children}
+  </div>
+);
+
+MultiSelectFieldDropdownTextItem.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default MultiSelectFieldDropdownTextItem;
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.module.scss b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.module.scss
new file mode 100644
index 00000000..2fc7328c
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/MultiSelectFieldDropdownTextItem.module.scss
@@ -0,0 +1,16 @@
+@use "../../../../styles/theme/form-fields" as form-theme;
+@use "../../theme";
+
+@layer components.multi-select-field {
+    .root {
+        display: flex;
+        align-items: center;
+        min-width: form-theme.$box-input-min-width;
+        max-width: 100%;
+        height: var(--rui-local-height);
+        padding: 0 var(--rui-local-padding-x);
+        font-size: var(--rui-local-font-size);
+        color: theme.$dropdown-text-item-color;
+        cursor: default;
+    }
+}
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/index.js b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/index.js
new file mode 100644
index 00000000..5644952f
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldDropdownTextItem/index.js
@@ -0,0 +1 @@
+export { default as MultiSelectFieldDropdownTextItem } from './MultiSelectFieldDropdownTextItem';
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.jsx b/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.jsx
new file mode 100644
index 00000000..c5887814
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.jsx
@@ -0,0 +1,94 @@
+import PropTypes from 'prop-types';
+import React, { useContext } from 'react';
+import { TranslationsContext } from '../../../../providers/translations';
+import { keyDetected } from '../../_helpers/keyDetected';
+import keyBindings from '../../keyBindings';
+import styles from './MultiSelectFieldSearchInput.module.scss';
+
+const MultiSelectFieldSearchInput = React.forwardRef((
+  {
+    disabled,
+    id,
+    isFocusable,
+    onCloseDropdown,
+    onFocusFirstDropdownItem,
+    onFocusLastDropdownItem,
+    onFocusLastTag,
+    onSearchInput,
+    searchValue,
+  },
+  ref,
+) => {
+  const translations = useContext(TranslationsContext);
+
+  return (
+    <span
+      // `aria-labelledby` takes precedence when the `id` is set and the search input
+      // is labelled by the field label
+      aria-label={translations.MultiSelectField.search}
+      aria-labelledby={id && `${id}__labelText`}
+      className={styles.root}
+      // `plaintext-only` makes the browser insert pasted or dropped content as plain text
+      // to prevent inserting formatted HTML content into the editable element
+      contentEditable={disabled ? false : 'plaintext-only'}
+      onInput={(event) => {
+        onSearchInput(event.target.textContent);
+      }}
+      onKeyDown={(event) => {
+        if (keyDetected(event, keyBindings.closeDropdown)) {
+          event.preventDefault();
+          onCloseDropdown();
+          return;
+        }
+
+        if (keyDetected(event, keyBindings.focusNextDropdownItem)) {
+          event.preventDefault();
+          onFocusFirstDropdownItem();
+          return;
+        }
+
+        if (keyDetected(event, keyBindings.focusPreviousDropdownItem)) {
+          event.preventDefault();
+          onFocusLastDropdownItem();
+          return;
+        }
+
+        if (
+          keyDetected(event, keyBindings.focusLastTagOnEmptySearchInput)
+          && searchValue.length === 0
+        ) {
+          event.preventDefault();
+          onFocusLastTag();
+          return;
+        }
+
+        // Prevent the default behavior of the Enter key which inserts a line break
+        // into the editable element.
+        if (event.key === 'Enter') {
+          event.preventDefault();
+        }
+      }}
+      ref={ref}
+      role="textbox"
+      tabIndex={isFocusable ? 0 : -1}
+    />
+  );
+});
+
+MultiSelectFieldSearchInput.defaultProps = {
+  id: undefined,
+};
+
+MultiSelectFieldSearchInput.propTypes = {
+  disabled: PropTypes.bool.isRequired,
+  id: PropTypes.string,
+  isFocusable: PropTypes.bool.isRequired,
+  onCloseDropdown: PropTypes.func.isRequired,
+  onFocusFirstDropdownItem: PropTypes.func.isRequired,
+  onFocusLastDropdownItem: PropTypes.func.isRequired,
+  onFocusLastTag: PropTypes.func.isRequired,
+  onSearchInput: PropTypes.func.isRequired,
+  searchValue: PropTypes.string.isRequired,
+};
+
+export default MultiSelectFieldSearchInput;
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.module.scss b/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.module.scss
new file mode 100644
index 00000000..7c3c71d6
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/MultiSelectFieldSearchInput.module.scss
@@ -0,0 +1,34 @@
+@use "../../../../styles/settings/form-fields" as form-settings;
+
+@layer components.multi-select-field {
+    .root {
+        appearance: none;
+        display: block;
+        flex: 1 0 auto;
+        min-width: 2ch;
+        padding: 0;
+        margin: 0;
+        font-weight: form-settings.$box-input-font-weight;
+        font-size: var(--rui-local-font-size);
+        line-height: form-settings.$box-input-line-height;
+        font-family: form-settings.$box-input-font-family;
+        white-space: nowrap;
+        vertical-align: baseline;
+        color: inherit;
+        border: 0;
+        background-color: transparent;
+
+        &:focus {
+            // No focus ring
+            outline: none;
+        }
+    }
+
+    // Google Chrome inserts span for contenteditable elements
+    .root span {
+        font-weight: form-settings.$box-input-font-weight;
+        font-size: var(--rui-local-font-size);
+        line-height: form-settings.$box-input-line-height;
+        font-family: form-settings.$box-input-font-family;
+    }
+}
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/index.js b/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/index.js
new file mode 100644
index 00000000..9a7dbd35
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldSearchInput/index.js
@@ -0,0 +1 @@
+export { default as MultiSelectFieldSearchInput } from './MultiSelectFieldSearchInput';
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.jsx b/src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.jsx
new file mode 100644
index 00000000..87092aea
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.jsx
@@ -0,0 +1,87 @@
+import PropTypes from 'prop-types';
+import React, { useContext } from 'react';
+import { TranslationsContext } from '../../../../providers/translations';
+import { classNames } from '../../../../helpers/classNames';
+import { getRootPriorityClassName } from '../../../_helpers/getRootPriorityClassName';
+import { getRootSizeClassName } from '../../../_helpers/getRootSizeClassName';
+import { keyDetected } from '../../_helpers/keyDetected';
+import keyBindings from '../../keyBindings';
+import styles from './MultiSelectFieldTag.module.scss';
+
+const MultiSelectFieldTag = React.forwardRef((
+  {
+    children,
+    disabled,
+    isFocusable,
+    onCloseDropdown,
+    onRemoveTag,
+    priority,
+    size,
+  },
+  ref,
+) => {
+  const translations = useContext(TranslationsContext);
+
+  return (
+    <div
+      aria-disabled={disabled}
+      className={classNames(
+        styles.root,
+        disabled && styles.isRootDisabled,
+        getRootPriorityClassName(priority, styles),
+        getRootSizeClassName(size, styles),
+      )}
+      onClick={(event) => {
+        // Do not let the click toggle the dropdown.
+        event.stopPropagation();
+
+        if (disabled) {
+          return;
+        }
+
+        onRemoveTag();
+      }}
+      onKeyDown={(event) => {
+        if (disabled) {
+          return;
+        }
+
+        if (keyDetected(event, keyBindings.closeDropdown)) {
+          event.preventDefault();
+          onCloseDropdown();
+          return;
+        }
+
+        if (keyDetected(event, keyBindings.removeTag)) {
+          event.preventDefault();
+          onRemoveTag();
+        }
+      }}
+      ref={ref}
+      role="button"
+      tabIndex={(isFocusable && !disabled) ? 0 : -1}
+      title={disabled ? undefined : translations.MultiSelectField.removeTag}
+    >
+      <span>
+        {children}
+      </span>
+      {!disabled && (
+        <span aria-hidden>
+          ×
+        </span>
+      )}
+    </div>
+  );
+});
+
+MultiSelectFieldTag.propTypes = {
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  isFocusable: PropTypes.bool.isRequired,
+  onCloseDropdown: PropTypes.func.isRequired,
+  onRemoveTag: PropTypes.func.isRequired,
+  priority: PropTypes.oneOf(['filled', 'outline']).isRequired,
+  size: PropTypes.oneOf(['small', 'medium', 'large']).isRequired,
+};
+
+export default MultiSelectFieldTag;
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.module.scss b/src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.module.scss
new file mode 100644
index 00000000..502d008c
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldTag/MultiSelectFieldTag.module.scss
@@ -0,0 +1,67 @@
+@use "sass:map";
+@use "../../../../styles/settings/form-fields" as form-settings;
+@use "../../../../styles/theme/typography";
+@use "../../theme";
+
+@layer components.multi-select-field {
+    .root {
+        display: inline-flex;
+        gap: theme.$tag-gap;
+        align-items: center;
+        overflow: hidden;
+        font-weight: map.get(typography.$font-weight-values, default);
+
+        // Together with the border, the tag is exactly as tall as the line of the input text
+        // so adding a tag does not grow the height of the input.
+        line-height: calc(#{form-settings.$box-input-line-height} - 2 * #{theme.$tag-border-width});
+        font-family: typography.$font-family-base;
+        white-space: nowrap;
+        border-width: theme.$tag-border-width;
+        border-style: solid;
+        border-radius: theme.$tag-border-radius;
+        cursor: pointer;
+    }
+
+    .isRootDisabled {
+        cursor: theme.$disabled-cursor;
+    }
+
+    .isRootPriorityFilled {
+        color: map.get(theme.$tag-priorities, filled, default, color);
+        border-color: map.get(theme.$tag-priorities, filled, default, border-color);
+        background-color: map.get(theme.$tag-priorities, filled, default, background-color);
+
+        &:hover {
+            color: map.get(theme.$tag-priorities, filled, hover, color);
+            border-color: map.get(theme.$tag-priorities, filled, hover, border-color);
+            background-color: map.get(theme.$tag-priorities, filled, hover, background-color);
+        }
+    }
+
+    .isRootPriorityOutline {
+        color: map.get(theme.$tag-priorities, outline, default, color);
+        border-color: map.get(theme.$tag-priorities, outline, default, border-color);
+        background-color: map.get(theme.$tag-priorities, outline, default, background-color);
+
+        &:hover {
+            color: map.get(theme.$tag-priorities, outline, hover, color);
+            border-color: map.get(theme.$tag-priorities, outline, hover, border-color);
+            background-color: map.get(theme.$tag-priorities, outline, hover, background-color);
+        }
+    }
+
+    .isRootSizeSmall {
+        padding-inline: map.get(theme.$tag-sizes, small, padding-inline);
+        font-size: map.get(theme.$tag-sizes, small, font-size);
+    }
+
+    .isRootSizeMedium {
+        padding-inline: map.get(theme.$tag-sizes, medium, padding-inline);
+        font-size: map.get(theme.$tag-sizes, medium, font-size);
+    }
+
+    .isRootSizeLarge {
+        padding-inline: map.get(theme.$tag-sizes, large, padding-inline);
+        font-size: map.get(theme.$tag-sizes, large, font-size);
+    }
+}
diff --git a/src/components/MultiSelectField/_components/MultiSelectFieldTag/index.js b/src/components/MultiSelectField/_components/MultiSelectFieldTag/index.js
new file mode 100644
index 00000000..f846ad76
--- /dev/null
+++ b/src/components/MultiSelectField/_components/MultiSelectFieldTag/index.js
@@ -0,0 +1 @@
+export { default as MultiSelectFieldTag } from './MultiSelectFieldTag';
diff --git a/src/components/MultiSelectField/_helpers/__tests__/getOptionsLabelMap.test.js b/src/components/MultiSelectField/_helpers/__tests__/getOptionsLabelMap.test.js
new file mode 100644
index 00000000..1494f9a1
--- /dev/null
+++ b/src/components/MultiSelectField/_helpers/__tests__/getOptionsLabelMap.test.js
@@ -0,0 +1,44 @@
+import { getOptionsLabelMap } from '../getOptionsLabelMap';
+
+describe('getOptionsLabelMap', () => {
+  it('maps values to labels for individual options', () => {
+    const options = [
+      {
+        label: 'Apple',
+        value: 'apple',
+      },
+      {
+        label: 'Banana',
+        value: 'banana',
+      },
+    ];
+
+    expect(getOptionsLabelMap(options)).toEqual({
+      apple: 'Apple',
+      banana: 'Banana',
+    });
+  });
+
+  it('maps values to labels for grouped options', () => {
+    const options = [
+      {
+        label: 'Fruits',
+        options: [
+          {
+            label: 'Apple',
+            value: 'apple',
+          },
+        ],
+      },
+      {
+        label: 'Carrot',
+        value: 'carrot',
+      },
+    ];
+
+    expect(getOptionsLabelMap(options)).toEqual({
+      apple: 'Apple',
+      carrot: 'Carrot',
+    });
+  });
+});
diff --git a/src/components/MultiSelectField/_helpers/__tests__/isPrintableCharacterKey.test.js b/src/components/MultiSelectField/_helpers/__tests__/isPrintableCharacterKey.test.js
new file mode 100644
index 00000000..a8f7971d
--- /dev/null
+++ b/src/components/MultiSelectField/_helpers/__tests__/isPrintableCharacterKey.test.js
@@ -0,0 +1,30 @@
+import { isPrintableCharacterKey } from '../isPrintableCharacterKey';
+
+const keyEvent = (overrides) => ({
+  altKey: false,
+  ctrlKey: false,
+  key: 'A',
+  metaKey: false,
+  ...overrides,
+});
+
+describe('isPrintableCharacterKey', () => {
+  it('detects printable characters', () => {
+    expect(isPrintableCharacterKey(keyEvent({ key: 'A' }))).toBe(true);
+    expect(isPrintableCharacterKey(keyEvent({ key: '0' }))).toBe(true);
+    expect(isPrintableCharacterKey(keyEvent({ key: 'Ř' }))).toBe(true);
+    expect(isPrintableCharacterKey(keyEvent({ key: ' ' }))).toBe(true);
+  });
+
+  it('rejects non-printable keys', () => {
+    expect(isPrintableCharacterKey(keyEvent({ key: 'Enter' }))).toBe(false);
+    expect(isPrintableCharacterKey(keyEvent({ key: 'ArrowDown' }))).toBe(false);
+    expect(isPrintableCharacterKey(keyEvent({ key: 'F5' }))).toBe(false);
+  });
+
+  it('rejects characters typed with a modifier key', () => {
+    expect(isPrintableCharacterKey(keyEvent({ ctrlKey: true }))).toBe(false);
+    expect(isPrintableCharacterKey(keyEvent({ altKey: true }))).toBe(false);
+    expect(isPrintableCharacterKey(keyEvent({ metaKey: true }))).toBe(false);
+  });
+});
diff --git a/src/components/MultiSelectField/_helpers/__tests__/keyDetected.test.js b/src/components/MultiSelectField/_helpers/__tests__/keyDetected.test.js
new file mode 100644
index 00000000..d3bfb575
--- /dev/null
+++ b/src/components/MultiSelectField/_helpers/__tests__/keyDetected.test.js
@@ -0,0 +1,30 @@
+import { keyDetected } from '../keyDetected';
+
+describe('keyDetected', () => {
+  it('detects a key defined as a string', () => {
+    expect(keyDetected({ key: 'Escape' }, ['Escape'])).toBe(true);
+    expect(keyDetected({ key: 'Enter' }, ['Escape'])).toBe(false);
+  });
+
+  it('detects a key in a binding with multiple keys', () => {
+    expect(keyDetected({ key: ' ' }, ['Enter', ' '])).toBe(true);
+  });
+
+  it('detects a key defined as an object with modifiers', () => {
+    const binding = [
+      {
+        key: 'Tab',
+        shiftKey: true,
+      },
+    ];
+
+    expect(keyDetected({
+      key: 'Tab',
+      shiftKey: true,
+    }, binding)).toBe(true);
+    expect(keyDetected({
+      key: 'Tab',
+      shiftKey: false,
+    }, binding)).toBe(false);
+  });
+});
diff --git a/src/components/MultiSelectField/_helpers/getOptionsLabelMap.js b/src/components/MultiSelectField/_helpers/getOptionsLabelMap.js
new file mode 100644
index 00000000..207735e9
--- /dev/null
+++ b/src/components/MultiSelectField/_helpers/getOptionsLabelMap.js
@@ -0,0 +1,26 @@
+/** @import { Option } from '../_searchAlgorithms/genericSearch' */
+
+/**
+ * Creates a map of option values to option labels.
+ *
+ * Grouped options are flattened, so the map contains the values and labels of all
+ * individual options regardless of grouping.
+ *
+ * @param {Option[]} options
+ * @returns {Object<string, string>}
+ */
+export const getOptionsLabelMap = (options) => {
+  const optionsMap = {};
+
+  options.forEach((option) => {
+    if (option.options) {
+      option.options.forEach((subOption) => {
+        optionsMap[subOption.value] = subOption.label;
+      });
+    } else {
+      optionsMap[option.value] = option.label;
+    }
+  });
+
+  return optionsMap;
+};
diff --git a/src/components/MultiSelectField/_helpers/isPrintableCharacterKey.js b/src/components/MultiSelectField/_helpers/isPrintableCharacterKey.js
new file mode 100644
index 00000000..6ceac3b8
--- /dev/null
+++ b/src/components/MultiSelectField/_helpers/isPrintableCharacterKey.js
@@ -0,0 +1,12 @@
+/**
+ * Check if the key press event represents typing of a single printable character
+ *
+ * @param event
+ * @returns {boolean}
+ */
+export const isPrintableCharacterKey = (event) => (
+  event.key.length === 1
+  && !event.altKey
+  && !event.ctrlKey
+  && !event.metaKey
+);
diff --git a/src/components/MultiSelectField/_helpers/keyDetected.js b/src/components/MultiSelectField/_helpers/keyDetected.js
new file mode 100644
index 00000000..6a325239
--- /dev/null
+++ b/src/components/MultiSelectField/_helpers/keyDetected.js
@@ -0,0 +1,13 @@
+/**
+ * Check if the key press event matches the key binding
+ *
+ * @param event
+ * @param keyBinding
+ */
+export const keyDetected = (event, keyBinding) => keyBinding.some((binding) => {
+  if (typeof binding === 'string') {
+    return event.key === binding;
+  }
+
+  return Object.keys(binding).every((key) => event[key] === binding[key]);
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitivePrefixSearch.test.js b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitivePrefixSearch.test.js
new file mode 100644
index 00000000..b932966c
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitivePrefixSearch.test.js
@@ -0,0 +1,31 @@
+import {
+  caseInsensitiveAccentInsensitivePrefixSearch,
+} from '../caseInsensitiveAccentInsensitivePrefixSearch';
+
+const options = [
+  {
+    label: 'Řepa',
+    value: 'beetroot',
+  },
+  {
+    label: 'Rajče',
+    value: 'tomato',
+  },
+  {
+    label: 'Mrkev',
+    value: 'carrot',
+  },
+];
+
+const labelsOf = (results) => results.map((option) => option.label);
+
+describe('caseInsensitiveAccentInsensitivePrefixSearch', () => {
+  it('matches prefix ignoring case and accents', () => {
+    expect(labelsOf(caseInsensitiveAccentInsensitivePrefixSearch(options, 'ř'))).toEqual(['Řepa', 'Rajče']);
+    expect(labelsOf(caseInsensitiveAccentInsensitivePrefixSearch(options, 'RE'))).toEqual(['Řepa']);
+  });
+
+  it('does not match substring', () => {
+    expect(labelsOf(caseInsensitiveAccentInsensitivePrefixSearch(options, 'epa'))).toEqual([]);
+  });
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitiveSubstringSearch.test.js b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitiveSubstringSearch.test.js
new file mode 100644
index 00000000..ee11dec8
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentInsensitiveSubstringSearch.test.js
@@ -0,0 +1,31 @@
+import {
+  caseInsensitiveAccentInsensitiveSubstringSearch,
+} from '../caseInsensitiveAccentInsensitiveSubstringSearch';
+
+const options = [
+  {
+    label: 'Řepa',
+    value: 'beetroot',
+  },
+  {
+    label: 'Rajče',
+    value: 'tomato',
+  },
+  {
+    label: 'Mrkev',
+    value: 'carrot',
+  },
+];
+
+const labelsOf = (results) => results.map((option) => option.label);
+
+describe('caseInsensitiveAccentInsensitiveSubstringSearch', () => {
+  it('matches substring ignoring case and accents', () => {
+    expect(labelsOf(caseInsensitiveAccentInsensitiveSubstringSearch(options, 'AJC'))).toEqual(['Rajče']);
+    expect(labelsOf(caseInsensitiveAccentInsensitiveSubstringSearch(options, 'e'))).toEqual(['Řepa', 'Rajče', 'Mrkev']);
+  });
+
+  it('returns empty array when nothing matches', () => {
+    expect(labelsOf(caseInsensitiveAccentInsensitiveSubstringSearch(options, 'zzz'))).toEqual([]);
+  });
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitivePrefixSearch.test.js b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitivePrefixSearch.test.js
new file mode 100644
index 00000000..0619d689
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitivePrefixSearch.test.js
@@ -0,0 +1,32 @@
+import {
+  caseInsensitiveAccentSensitivePrefixSearch,
+} from '../caseInsensitiveAccentSensitivePrefixSearch';
+
+const options = [
+  {
+    label: 'Řepa',
+    value: 'beetroot',
+  },
+  {
+    label: 'Rajče',
+    value: 'tomato',
+  },
+  {
+    label: 'Mrkev',
+    value: 'carrot',
+  },
+];
+
+const labelsOf = (results) => results.map((option) => option.label);
+
+describe('caseInsensitiveAccentSensitivePrefixSearch', () => {
+  it('matches prefix ignoring case but considering accents', () => {
+    expect(labelsOf(caseInsensitiveAccentSensitivePrefixSearch(options, 'ř'))).toEqual(['Řepa']);
+    expect(labelsOf(caseInsensitiveAccentSensitivePrefixSearch(options, 'r'))).toEqual(['Rajče']);
+    expect(labelsOf(caseInsensitiveAccentSensitivePrefixSearch(options, 'RAJ'))).toEqual(['Rajče']);
+  });
+
+  it('does not match substring', () => {
+    expect(labelsOf(caseInsensitiveAccentSensitivePrefixSearch(options, 'epa'))).toEqual([]);
+  });
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitiveSubstringSearch.test.js b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitiveSubstringSearch.test.js
new file mode 100644
index 00000000..f03bcabc
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/__tests__/caseInsensitiveAccentSensitiveSubstringSearch.test.js
@@ -0,0 +1,31 @@
+import {
+  caseInsensitiveAccentSensitiveSubstringSearch,
+} from '../caseInsensitiveAccentSensitiveSubstringSearch';
+
+const options = [
+  {
+    label: 'Řepa',
+    value: 'beetroot',
+  },
+  {
+    label: 'Rajče',
+    value: 'tomato',
+  },
+  {
+    label: 'Mrkev',
+    value: 'carrot',
+  },
+];
+
+const labelsOf = (results) => results.map((option) => option.label);
+
+describe('caseInsensitiveAccentSensitiveSubstringSearch', () => {
+  it('matches substring ignoring case but considering accents', () => {
+    expect(labelsOf(caseInsensitiveAccentSensitiveSubstringSearch(options, 'epa'))).toEqual(['Řepa']);
+    expect(labelsOf(caseInsensitiveAccentSensitiveSubstringSearch(options, 'AJČ'))).toEqual(['Rajče']);
+  });
+
+  it('does not match when accents are not preserved', () => {
+    expect(labelsOf(caseInsensitiveAccentSensitiveSubstringSearch(options, 'ajc'))).toEqual([]);
+  });
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/__tests__/genericSearch.test.js b/src/components/MultiSelectField/_searchAlgorithms/__tests__/genericSearch.test.js
new file mode 100644
index 00000000..68fe56ce
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/__tests__/genericSearch.test.js
@@ -0,0 +1,138 @@
+import { genericSearch } from '../genericSearch';
+
+const substringComparator = (optionLabel, searchString) => optionLabel.includes(searchString);
+
+describe('genericSearch', () => {
+  it('filters individual options by their labels', () => {
+    const options = [
+      {
+        label: 'Apple',
+        value: 'apple',
+      },
+      {
+        label: 'Banana',
+        value: 'banana',
+      },
+      {
+        label: 'Grapefruit',
+        value: 'grapefruit',
+      },
+    ];
+
+    expect(genericSearch(options, 'an', substringComparator)).toEqual([
+      {
+        label: 'Banana',
+        value: 'banana',
+      },
+    ]);
+  });
+
+  it('filters grouped options by the labels of the options inside the groups', () => {
+    const options = [
+      {
+        label: 'Fruits',
+        options: [
+          {
+            label: 'Apple',
+            value: 'apple',
+          },
+          {
+            label: 'Banana',
+            value: 'banana',
+          },
+        ],
+      },
+      {
+        label: 'Vegetables',
+        options: [
+          {
+            label: 'Beetroot',
+            value: 'beetroot',
+          },
+          {
+            label: 'Carrot',
+            value: 'carrot',
+          },
+        ],
+      },
+    ];
+
+    expect(genericSearch(options, 'rro', substringComparator)).toEqual([
+      {
+        label: 'Vegetables',
+        options: [
+          {
+            label: 'Carrot',
+            value: 'carrot',
+          },
+        ],
+      },
+    ]);
+  });
+
+  it('omits groups with no matching options even if the group label matches', () => {
+    const options = [
+      {
+        label: 'Fruits',
+        options: [
+          {
+            label: 'Apple',
+            value: 'apple',
+          },
+        ],
+      },
+    ];
+
+    expect(genericSearch(options, 'Fruits', substringComparator)).toEqual([]);
+  });
+
+  it('does not duplicate a group whose label matches the search string', () => {
+    const options = [
+      {
+        label: 'Apples',
+        options: [
+          {
+            label: 'Apple Golden',
+            value: 'apple-golden',
+          },
+          {
+            label: 'Pear',
+            value: 'pear',
+          },
+        ],
+      },
+    ];
+
+    expect(genericSearch(options, 'Apple', substringComparator)).toEqual([
+      {
+        label: 'Apples',
+        options: [
+          {
+            label: 'Apple Golden',
+            value: 'apple-golden',
+          },
+        ],
+      },
+    ]);
+  });
+
+  it('returns empty array when nothing matches', () => {
+    const options = [
+      {
+        label: 'Apple',
+        value: 'apple',
+      },
+      {
+        label: 'Vegetables',
+        options: [
+          {
+            label: 'Carrot',
+            value: 'carrot',
+          },
+        ],
+      },
+    ];
+
+    expect(genericSearch(options, 'zzz', substringComparator)).toEqual([]);
+  });
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitivePrefixComparator.js b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitivePrefixComparator.js
new file mode 100644
index 00000000..1229806d
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitivePrefixComparator.js
@@ -0,0 +1,15 @@
+import { removeAccent } from '../_helpers/removeAccent';
+
+/**
+ * Compares if the option label starts with the search value, ignoring case and accents.
+ *
+ * @param {string} optionLabel
+ * @param {string} searchValue
+ * @returns {boolean}
+ */
+export const caseInsensitiveAccentInsensitivePrefixComparator = (optionLabel, searchValue) => {
+  const optionLabelTransformed = removeAccent(optionLabel.toLowerCase());
+  const searchValueTransformed = removeAccent(searchValue.toLowerCase());
+
+  return optionLabelTransformed.startsWith(searchValueTransformed);
+};
diff --git a/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitiveSubstringComparator.js b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitiveSubstringComparator.js
new file mode 100644
index 00000000..4a82ab19
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentInsensitiveSubstringComparator.js
@@ -0,0 +1,15 @@
+import { removeAccent } from '../_helpers/removeAccent';
+
+/**
+ * Compares if the option label contains the search value, ignoring case and accents.
+ *
+ * @param {string} optionLabel
+ * @param {string} searchValue
+ * @returns {boolean}
+ */
+export const caseInsensitiveAccentInsensitiveSubstringComparator = (optionLabel, searchValue) => {
+  const optionLabelTransformed = removeAccent(optionLabel.toLowerCase());
+  const searchValueTransformed = removeAccent(searchValue.toLowerCase());
+
+  return optionLabelTransformed.includes(searchValueTransformed);
+};
diff --git a/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitivePrefixComparator.js b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitivePrefixComparator.js
new file mode 100644
index 00000000..f04f6a4f
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitivePrefixComparator.js
@@ -0,0 +1,13 @@
+/**
+ * Compares if the option label starts with the search value, ignoring case and considering accents.
+ *
+ * @param {string} optionLabel
+ * @param {string} searchValue
+ * @returns {boolean}
+ */
+export const caseInsensitiveAccentSensitivePrefixComparator = (optionLabel, searchValue) => {
+  const optionLabelTransformed = optionLabel.toLowerCase();
+  const searchValueTransformed = searchValue.toLowerCase();
+
+  return optionLabelTransformed.startsWith(searchValueTransformed);
+};
diff --git a/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitiveSubstringComparator.js b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitiveSubstringComparator.js
new file mode 100644
index 00000000..5e16a3c0
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/_comparators/caseInsensitiveAccentSensitiveSubstringComparator.js
@@ -0,0 +1,13 @@
+/**
+ * Compares if the option label contains the search value, ignoring case and considering accents.
+ *
+ * @param {string} optionLabel
+ * @param {string} searchValue
+ * @returns {boolean}
+ */
+export const caseInsensitiveAccentSensitiveSubstringComparator = (optionLabel, searchValue) => {
+  const optionLabelTransformed = optionLabel.toLowerCase();
+  const searchValueTransformed = searchValue.toLowerCase();
+
+  return optionLabelTransformed.includes(searchValueTransformed);
+};
diff --git a/src/components/MultiSelectField/_searchAlgorithms/_helpers/__tests__/removeAccent.test.js b/src/components/MultiSelectField/_searchAlgorithms/_helpers/__tests__/removeAccent.test.js
new file mode 100644
index 00000000..2c21741a
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/_helpers/__tests__/removeAccent.test.js
@@ -0,0 +1,13 @@
+import { removeAccent } from '../removeAccent';
+
+describe('removeAccent', () => {
+  it.each([
+    ['řepa', 'repa'],
+    ['Škoda', 'Skoda'],
+    ['àéîõü', 'aeiou'],
+    ['no accents', 'no accents'],
+    ['', ''],
+  ])('removes accents from "%s"', (value, expected) => {
+    expect(removeAccent(value)).toBe(expected);
+  });
+});
diff --git a/src/components/MultiSelectField/_searchAlgorithms/_helpers/removeAccent.js b/src/components/MultiSelectField/_searchAlgorithms/_helpers/removeAccent.js
new file mode 100644
index 00000000..749e6366
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/_helpers/removeAccent.js
@@ -0,0 +1,10 @@
+/**
+ * Removes accents from a string.
+ *
+ * It uses the normalize method to convert the string to its Unicode Normalization Form D (NFD)
+ * and then uses a regular expression to remove all the accents.
+ *
+ * @param {string} value
+ * @returns {string}
+ */
+export const removeAccent = (value) => value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
diff --git a/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitivePrefixSearch.js b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitivePrefixSearch.js
new file mode 100644
index 00000000..4a2b7b64
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitivePrefixSearch.js
@@ -0,0 +1,17 @@
+import { caseInsensitiveAccentInsensitivePrefixComparator } from './_comparators/caseInsensitiveAccentInsensitivePrefixComparator';
+import { genericSearch } from './genericSearch';
+
+/** @import { Option } from './genericSearch' */
+
+/**
+ * Searches for options where the option label starts with the search string, ignoring case and accents.
+ *
+ * @param {Option[]} options
+ * @param {string} searchString
+ * @returns {Option[]}
+ */
+export const caseInsensitiveAccentInsensitivePrefixSearch = (options, searchString) => genericSearch(
+  options,
+  searchString,
+  caseInsensitiveAccentInsensitivePrefixComparator,
+);
diff --git a/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitiveSubstringSearch.js b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitiveSubstringSearch.js
new file mode 100644
index 00000000..7eedfc61
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentInsensitiveSubstringSearch.js
@@ -0,0 +1,17 @@
+import { caseInsensitiveAccentInsensitiveSubstringComparator } from './_comparators/caseInsensitiveAccentInsensitiveSubstringComparator';
+import { genericSearch } from './genericSearch';
+
+/** @import { Option } from './genericSearch' */
+
+/**
+ * Searches for options where the option label contains the search string, ignoring case and accents.
+ *
+ * @param {Option[]} options
+ * @param {string} searchString
+ * @returns {Option[]}
+ */
+export const caseInsensitiveAccentInsensitiveSubstringSearch = (options, searchString) => genericSearch(
+  options,
+  searchString,
+  caseInsensitiveAccentInsensitiveSubstringComparator,
+);
diff --git a/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitivePrefixSearch.js b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitivePrefixSearch.js
new file mode 100644
index 00000000..b0213df7
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitivePrefixSearch.js
@@ -0,0 +1,17 @@
+import { caseInsensitiveAccentSensitivePrefixComparator } from './_comparators/caseInsensitiveAccentSensitivePrefixComparator';
+import { genericSearch } from './genericSearch';
+
+/** @import { Option } from './genericSearch' */
+
+/**
+ * Searches for options where the option label starts with the search string, ignoring case but considering accents.
+ *
+ * @param {Option[]} options
+ * @param {string} searchString
+ * @returns {Option[]}
+ */
+export const caseInsensitiveAccentSensitivePrefixSearch = (options, searchString) => genericSearch(
+  options,
+  searchString,
+  caseInsensitiveAccentSensitivePrefixComparator,
+);
diff --git a/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitiveSubstringSearch.js b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitiveSubstringSearch.js
new file mode 100644
index 00000000..25ef5c4f
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/caseInsensitiveAccentSensitiveSubstringSearch.js
@@ -0,0 +1,17 @@
+import { caseInsensitiveAccentSensitiveSubstringComparator } from './_comparators/caseInsensitiveAccentSensitiveSubstringComparator';
+import { genericSearch } from './genericSearch';
+
+/** @import { Option } from './genericSearch' */
+
+/**
+ * Searches for options where the option label contains the search string, ignoring case but considering accents.
+ *
+ * @param {Option[]} options
+ * @param {string} searchString
+ * @returns {Option[]}
+ */
+export const caseInsensitiveAccentSensitiveSubstringSearch = (options, searchString) => genericSearch(
+  options,
+  searchString,
+  caseInsensitiveAccentSensitiveSubstringComparator,
+);
diff --git a/src/components/MultiSelectField/_searchAlgorithms/genericSearch.js b/src/components/MultiSelectField/_searchAlgorithms/genericSearch.js
new file mode 100644
index 00000000..d1f85b60
--- /dev/null
+++ b/src/components/MultiSelectField/_searchAlgorithms/genericSearch.js
@@ -0,0 +1,51 @@
+/**
+ * @typedef {Object} Option
+ * @property {string} label - The label of the option.
+ * @property {string} value - The value associated with the option.
+ * @property {Option[]} [options] - Optional nested sub-options.
+ */
+
+/**
+ * Generic search algorithm that filters options based on a search string and a comparator function.
+ *
+ * Grouped options are filtered by the labels of the options inside the groups. Groups with
+ * no matching options are omitted.
+ *
+ * @param {Option[]} options
+ * @param {string} searchString
+ * @param {function(string, string): boolean} comparator
+ * @returns {Option[]}
+ */
+export const genericSearch = (options, searchString, comparator) => {
+  const result = [];
+
+  options
+    .forEach((option) => {
+      // Grouped options are filtered by the labels of the options inside the group
+      if (option.options) {
+        const matchingOptions = option.options
+          .filter((groupOption) => comparator(groupOption.label, searchString));
+
+        // If no options match the search string, skip the whole group
+        if (matchingOptions.length === 0) {
+          return;
+        }
+
+        result.push({
+          ...option,
+          options: matchingOptions,
+        });
+
+        return;
+      }
+
+      // Individual options are filtered by their own labels
+      if (!comparator(option.label, searchString)) {
+        return;
+      }
+
+      result.push(option);
+    });
+
+  return result;
+};
diff --git a/src/components/MultiSelectField/_theme.scss b/src/components/MultiSelectField/_theme.scss
new file mode 100644
index 00000000..17ec8221
--- /dev/null
+++ b/src/components/MultiSelectField/_theme.scss
@@ -0,0 +1,68 @@
+$disabled-cursor: var(--rui-FormField--disabled__cursor);
+$disabled-opacity: var(--rui-FormField--disabled__opacity);
+
+$dropdown-background-color: var(--rui-MultiSelectField__dropdown__background-color);
+$dropdown-border-color: var(--rui-MultiSelectField__dropdown__border-color);
+$dropdown-box-shadow: var(--rui-MultiSelectField__dropdown__box-shadow);
+$dropdown-max-height: var(--rui-MultiSelectField__dropdown__max-height);
+$dropdown-z-index: var(--rui-MultiSelectField__dropdown__z-index);
+
+$dropdown-group-color: var(--rui-MultiSelectField__dropdown-group__color);
+$dropdown-group-font-weight: var(--rui-MultiSelectField__dropdown-group__font-weight);
+
+$dropdown-item-background-color: var(--rui-MultiSelectField__dropdown-item__background-color);
+$dropdown-item-color: var(--rui-MultiSelectField__dropdown-item__color);
+$dropdown-item-selected-background-color: var(--rui-MultiSelectField__dropdown-item--selected__background-color);
+$dropdown-item-selected-color: var(--rui-MultiSelectField__dropdown-item--selected__color);
+$dropdown-item-selected-font-weight: var(--rui-MultiSelectField__dropdown-item--selected__font-weight);
+$dropdown-item-selected-focus-background: var(--rui-MultiSelectField__dropdown-item--selected--focus__background-color);
+$dropdown-item-selected-focus-color: var(--rui-MultiSelectField__dropdown-item--selected--focus__color);
+$dropdown-item-focus-background-color: var(--rui-MultiSelectField__dropdown-item--focus__background-color);
+$dropdown-item-focus-color: var(--rui-MultiSelectField__dropdown-item--focus__color);
+$dropdown-text-item-color: var(--rui-MultiSelectField__dropdown-text-item__color);
+
+$tag-border-width: var(--rui-MultiSelectField__tag__border-width);
+$tag-border-radius: var(--rui-MultiSelectField__tag__border-radius);
+$tag-gap: var(--rui-MultiSelectField__tag__gap);
+
+$tag-priorities: (
+    filled: (
+        default: (
+            background-color: var(--rui-MultiSelectField--filled__tag--default__background-color),
+            border-color: var(--rui-MultiSelectField--filled__tag--default__border-color),
+            color: var(--rui-MultiSelectField--filled__tag--default__color),
+        ),
+        hover: (
+            background-color: var(--rui-MultiSelectField--filled__tag--hover__background-color),
+            border-color: var(--rui-MultiSelectField--filled__tag--hover__border-color),
+            color: var(--rui-MultiSelectField--filled__tag--hover__color),
+        )
+    ),
+    outline: (
+        default: (
+            background-color: var(--rui-MultiSelectField--outline__tag--default__background-color),
+            border-color: var(--rui-MultiSelectField--outline__tag--default__border-color),
+            color: var(--rui-MultiSelectField--outline__tag--default__color),
+        ),
+        hover: (
+            background-color: var(--rui-MultiSelectField--outline__tag--hover__background-color),
+            border-color: var(--rui-MultiSelectField--outline__tag--hover__border-color),
+            color: var(--rui-MultiSelectField--outline__tag--hover__color),
+        )
+    ),
+);
+
+$tag-sizes: (
+    small: (
+        font-size: var(--rui-MultiSelectField--small__tag__font-size),
+        padding-inline: var(--rui-MultiSelectField--small__tag__padding-inline),
+    ),
+    medium: (
+        font-size: var(--rui-MultiSelectField--medium__tag__font-size),
+        padding-inline: var(--rui-MultiSelectField--medium__tag__padding-inline),
+    ),
+    large: (
+        font-size: var(--rui-MultiSelectField--large__tag__font-size),
+        padding-inline: var(--rui-MultiSelectField--large__tag__padding-inline),
+    ),
+);
diff --git a/src/components/MultiSelectField/index.js b/src/components/MultiSelectField/index.js
new file mode 100644
index 00000000..cdce39d9
--- /dev/null
+++ b/src/components/MultiSelectField/index.js
@@ -0,0 +1,6 @@
+export { default as MultiSelectField } from './MultiSelectField';
+export { caseInsensitiveAccentInsensitivePrefixSearch } from './_searchAlgorithms/caseInsensitiveAccentInsensitivePrefixSearch';
+export { caseInsensitiveAccentInsensitiveSubstringSearch } from './_searchAlgorithms/caseInsensitiveAccentInsensitiveSubstringSearch';
+export { caseInsensitiveAccentSensitivePrefixSearch } from './_searchAlgorithms/caseInsensitiveAccentSensitivePrefixSearch';
+export { caseInsensitiveAccentSensitiveSubstringSearch } from './_searchAlgorithms/caseInsensitiveAccentSensitiveSubstringSearch';
+export { genericSearch } from './_searchAlgorithms/genericSearch';
diff --git a/src/components/MultiSelectField/keyBindings.js b/src/components/MultiSelectField/keyBindings.js
new file mode 100644
index 00000000..a9fb3d4c
--- /dev/null
+++ b/src/components/MultiSelectField/keyBindings.js
@@ -0,0 +1,9 @@
+export default {
+  closeDropdown: ['Escape'],
+  focusLastTagOnEmptySearchInput: ['Backspace'],
+  focusNextDropdownItem: ['ArrowDown'],
+  focusPreviousDropdownItem: ['ArrowUp'],
+  openDropdown: ['Enter', ' '],
+  removeTag: ['Delete', 'Backspace'],
+  selectDropdownItem: ['Enter', ' '],
+};
diff --git a/src/hooks/__tests__/useClickOutside.test.jsx b/src/hooks/__tests__/useClickOutside.test.jsx
new file mode 100644
index 00000000..6c02c168
--- /dev/null
+++ b/src/hooks/__tests__/useClickOutside.test.jsx
@@ -0,0 +1,70 @@
+import PropTypes from 'prop-types';
+import React, { useRef } from 'react';
+import {
+  fireEvent,
+  render,
+} from '@testing-library/react';
+import { useClickOutside } from '../useClickOutside';
+
+const ComponentWithClickOutside = ({ callback }) => {
+  const ref = useRef(null);
+
+  useClickOutside(ref, callback);
+
+  return (
+    <div>
+      <div
+        id="inside"
+        ref={ref}
+      >
+        <button
+          id="inside-child"
+          type="button"
+        >
+          Inside
+        </button>
+      </div>
+      <button
+        id="outside"
+        type="button"
+      >
+        Outside
+      </button>
+    </div>
+  );
+};
+
+ComponentWithClickOutside.propTypes = {
+  callback: PropTypes.func.isRequired,
+};
+
+describe('useClickOutside', () => {
+  it('calls callback when clicking outside the referenced element', () => {
+    const callback = jest.fn();
+    const { getByTestId } = render(<ComponentWithClickOutside callback={callback} />);
+
+    fireEvent.click(getByTestId('outside'));
+
+    expect(callback).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not call callback when clicking inside the referenced element', () => {
+    const callback = jest.fn();
+    const { getByTestId } = render(<ComponentWithClickOutside callback={callback} />);
+
+    fireEvent.click(getByTestId('inside'));
+    fireEvent.click(getByTestId('inside-child'));
+
+    expect(callback).not.toHaveBeenCalled();
+  });
+
+  it('does not call callback after unmount', () => {
+    const callback = jest.fn();
+    const { unmount } = render(<ComponentWithClickOutside callback={callback} />);
+
+    unmount();
+    fireEvent.click(document.body);
+
+    expect(callback).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/hooks/useClickOutside.js b/src/hooks/useClickOutside.js
new file mode 100644
index 00000000..93fa20e2
--- /dev/null
+++ b/src/hooks/useClickOutside.js
@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+
+export const useClickOutside = (
+  ref,
+  callback,
+) => {
+  useEffect(() => {
+    const handleClick = (event) => {
+      // `composedPath()` is used to get the real event target even when the element
+      // is rendered inside a shadow DOM, where `event.target` on the document level
+      // is retargeted to the shadow DOM host element.
+      const target = event.composedPath()[0];
+
+      if (ref.current && !ref.current.contains(target)) {
+        callback();
+      }
+    };
+
+    document.addEventListener('click', handleClick);
+
+    return () => {
+      document.removeEventListener('click', handleClick);
+    };
+  }, [ref, callback]);
+};
diff --git a/src/index.js b/src/index.js
index bde6b831..e1ddbbf1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -33,6 +33,14 @@ export {
   ModalHeader,
   ModalTitle,
 } from './components/Modal';
+export {
+  caseInsensitiveAccentInsensitivePrefixSearch,
+  caseInsensitiveAccentInsensitiveSubstringSearch,
+  caseInsensitiveAccentSensitivePrefixSearch,
+  caseInsensitiveAccentSensitiveSubstringSearch,
+  genericSearch,
+  MultiSelectField,
+} from './components/MultiSelectField';
 export { Paper } from './components/Paper';
 export {
   Popover,
diff --git a/src/theme.scss b/src/theme.scss
index a112ff57..f213d57d 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -1065,6 +1065,52 @@
         --rui-Modal--note__border-color: var(--rui-color-feedback-note);
         --rui-Modal--note__background-color: var(--rui-color-background-note);
 
+        //
+        // MultiSelectField
+        // ================
+
+        // MultiSelectField: Dropdown
+        --rui-MultiSelectField__dropdown__background-color: var(--rui-color-background-basic);
+        --rui-MultiSelectField__dropdown__border-color: var(--rui-color-border-primary-hover);
+        --rui-MultiSelectField__dropdown__box-shadow: var(--rui-shadow-layer-2);
+        --rui-MultiSelectField__dropdown__max-height: 200px;
+        --rui-MultiSelectField__dropdown__z-index: 1000;
+        --rui-MultiSelectField__dropdown-group__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField__dropdown-group__font-weight: var(--rui-font-weight-base);
+        --rui-MultiSelectField__dropdown-item__background-color: var(--rui-color-background-interactive);
+        --rui-MultiSelectField__dropdown-item__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField__dropdown-item--selected__background-color: var(--rui-color-background-selected);
+        --rui-MultiSelectField__dropdown-item--selected__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField__dropdown-item--selected__font-weight: var(--rui-font-weight-bold);
+        --rui-MultiSelectField__dropdown-item--selected--focus__background-color: var(--rui-color-action-selected);
+        --rui-MultiSelectField__dropdown-item--selected--focus__color: var(--rui-color-action-on-selected);
+        --rui-MultiSelectField__dropdown-item--focus__background-color: var(--rui-color-neutral-light-hover);
+        --rui-MultiSelectField__dropdown-item--focus__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField__dropdown-text-item__color: var(--rui-color-text-secondary);
+
+        // MultiSelectField: Tag
+        --rui-MultiSelectField__tag__border-width: var(--rui-dimension-border-width-1);
+        --rui-MultiSelectField__tag__border-radius: var(--rui-dimension-radius-2);
+        --rui-MultiSelectField__tag__gap: var(--rui-dimension-space-1);
+        --rui-MultiSelectField--filled__tag--default__background-color: var(--rui-color-background-base);
+        --rui-MultiSelectField--filled__tag--default__border-color: var(--rui-color-border-primary);
+        --rui-MultiSelectField--filled__tag--default__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField--filled__tag--hover__background-color: var(--rui-color-background-light);
+        --rui-MultiSelectField--filled__tag--hover__border-color: var(--rui-color-border-primary-hover);
+        --rui-MultiSelectField--filled__tag--hover__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField--outline__tag--default__background-color: var(--rui-color-background-interactive);
+        --rui-MultiSelectField--outline__tag--default__border-color: var(--rui-color-border-primary);
+        --rui-MultiSelectField--outline__tag--default__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField--outline__tag--hover__background-color: var(--rui-color-neutral-light-hover);
+        --rui-MultiSelectField--outline__tag--hover__border-color: var(--rui-color-border-primary-hover);
+        --rui-MultiSelectField--outline__tag--hover__color: var(--rui-color-text-primary);
+        --rui-MultiSelectField--small__tag__font-size: var(--rui-font-size-smaller);
+        --rui-MultiSelectField--small__tag__padding-inline: var(--rui-dimension-space-1);
+        --rui-MultiSelectField--medium__tag__font-size: var(--rui-font-size-small);
+        --rui-MultiSelectField--medium__tag__padding-inline: var(--rui-dimension-space-2);
+        --rui-MultiSelectField--large__tag__font-size: var(--rui-font-size-base);
+        --rui-MultiSelectField--large__tag__padding-inline: var(--rui-dimension-space-2);
+
         //
         // Paper
         // =====
diff --git a/src/translations/en.js b/src/translations/en.js
index 425cb58d..b615d2f2 100644
--- a/src/translations/en.js
+++ b/src/translations/en.js
@@ -11,6 +11,11 @@ export default {
   ModalCloseButton: {
     close: 'Close',
   },
+  MultiSelectField: {
+    noOptions: 'No options',
+    removeTag: 'Remove',
+    search: 'Search',
+  },
   ScrollView: {
     next: 'Next',
     previous: 'Previous',
diff --git a/webpack.config.babel.js b/webpack.config.babel.js
index 89aefac3..b522fad2 100644
--- a/webpack.config.babel.js
+++ b/webpack.config.babel.js
@@ -5,7 +5,7 @@ const TerserPlugin = require('terser-webpack-plugin');
 const VisualizerPlugin = require('webpack-visualizer-plugin2');
 
 const MAX_DEVELOPMENT_OUTPUT_SIZE = 3400000;
-const MAX_PRODUCTION_OUTPUT_SIZE = 460000;
+const MAX_PRODUCTION_OUTPUT_SIZE = 520000;
 
 module.exports = (env, argv) => ({
   devtool: argv.mode === 'production'