[terra-form-select] Update focus indicators for Fusion theme (#4069)

cerner · Mar 25, 2024 · e7481a3 · e7481a3
1 parent 788f90c
commit e7481a3
Show file tree

Hide file tree

Showing 176 changed files with 11 additions and 3 deletions.
diff --git a/packages/terra-form-select/CHANGELOG.md b/packages/terra-form-select/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Fixed
+  * Fixed focus indicators for orion-fusion-theme.
+
 ## 6.59.0 - (March 15, 2024)
 
 * Fixed

diff --git a/packages/terra-form-select/src/orion-fusion-theme/Frame.module.scss b/packages/terra-form-select/src/orion-fusion-theme/Frame.module.scss
@@ -22,7 +22,8 @@
     --terra-form-select-above-border-bottom-left-radius: 3px;
     --terra-form-select-above-border-bottom-right-radius: 3px;
     --terra-form-select-hover-border-color: #dedfe0;
-    --terra-form-select-outline: 2px dashed #000;
+    --terra-form-select-outline: none;
+    --terra-form-select-box-shadow: 0 0 1px 3px rgba(76,178,233,0.5),0 0 7px 4px rgba(76,178,233,0.35);
     --terra-form-select-hover-color: #1c1f21;
     --terra-form-select-incomplete-background-color: #fefd9a;
     --terra-form-select-incomplete-focus-background-color: #fefd9a;
@@ -34,7 +35,7 @@
     --terra-form-select-invalid-box-shadow: none;
     --terra-form-select-invalid-focus-background-size: 0 0;
     --terra-form-select-invalid-focus-border-color: #4cb2e9;
-    --terra-form-select-invalid-focus-box-shadow: 0 0 4px #a6d9f4;
+    --terra-form-select-invalid-focus-box-shadow: 0 0 1px 3px rgba(76,178,233,0.5),0 0 7px 4px rgba(76,178,233,0.35);
     --terra-form-select-invalid-hover-border-color: #4cb2e9;
     --terra-form-select-arrow-height: 0.66667rem;
     --terra-form-select-arrow-width: 0.66667rem;

diff --git a/packages/terra-form-select/src/orion-fusion-theme/Option.module.scss b/packages/terra-form-select/src/orion-fusion-theme/Option.module.scss
@@ -22,7 +22,9 @@
     --terra-form-select-option-icon-width: 1rem;
     --terra-form-select-option-active-background-color: #ebf6fd;
     --terra-form-select-option-disabled-color: rgba(28, 31, 33, 0.25);
-    --terra-form-select-option-active-color-outline: 2px dashed #000;
+    --terra-form-select-option-active-color-outline: none;
+    --terra-form-select-option-active-box-shadow: rgba(76, 178, 233, 0.5) 0 0 1px 3px inset;
+
 
 
     @include terra-inline-svg-var('--terra-form-select-option-icon-active-background', '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><rect width="48" height="48" rx="6" ry="6" fill="#a3dcfd" opacity="0.5"/><path d="M20,36.4,6.7,23.1l3.6-3.6L20,29.4,37.7,11.5l3.6,3.6Z" fill="#0079be"/></svg>');

diff --git a/packages/terra-form-select/src/shared/_Frame.module.scss b/packages/terra-form-select/src/shared/_Frame.module.scss
@@ -393,6 +393,7 @@
   .single,
   .select {
     &.is-focused {
+      box-shadow: var(--terra-form-select-box-shadow, none);
       outline: var(--terra-form-select-outline, 2px dashed #000);
     }
 

diff --git a/packages/terra-form-select/src/shared/_Option.module.scss b/packages/terra-form-select/src/shared/_Option.module.scss
@@ -24,6 +24,7 @@
 
     &.is-active {
       background-color: var(--terra-form-select-option-active-background-color, #ebf6fd);
+      box-shadow: var(--terra-form-select-option-active-box-shadow, none);
       outline: var(--terra-form-select-option-active-color-outline, 2px dashed #000);
       outline-offset: -2px;
       z-index: 2;

diff --git a/...rence/orion-fusion-theme/en/chrome_tiny/_frame-spec/themeable_disabled_icon.png b/...rence/orion-fusion-theme/en/chrome_tiny/_frame-spec/themeable_disabled_icon.png
diff --git a/...n-theme/en/chrome_tiny/select-field-spec/combobox-field-dropdown-max-height.png b/...n-theme/en/chrome_tiny/select-field-spec/combobox-field-dropdown-max-height.png
diff --git a/...ference/orion-fusion-theme/en/chrome_tiny/select-field-spec/free_text_entry.png b/...ference/orion-fusion-theme/en/chrome_tiny/select-field-spec/free_text_entry.png
diff --git a/...on-theme/en/chrome_tiny/select-field-spec/max-selection-count-reached-again.png b/...on-theme/en/chrome_tiny/select-field-spec/max-selection-count-reached-again.png
diff --git a/...n-fusion-theme/en/chrome_tiny/select-field-spec/max-selection-count-reached.png b/...n-fusion-theme/en/chrome_tiny/select-field-spec/max-selection-count-reached.png
diff --git a/...rion-fusion-theme/en/chrome_tiny/select-field-spec/max-selection-count-text.png b/...rion-fusion-theme/en/chrome_tiny/select-field-spec/max-selection-count-text.png
diff --git a/...ce/orion-fusion-theme/en/chrome_tiny/select-field-spec/max-selection-option.png b/...ce/orion-fusion-theme/en/chrome_tiny/select-field-spec/max-selection-option.png
diff --git a/...heme/en/chrome_tiny/select-field-spec/max_selection_count_reached_on_search.png b/...heme/en/chrome_tiny/select-field-spec/max_selection_count_reached_on_search.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-field-spec/max_selection_on_search.png b/...orion-fusion-theme/en/chrome_tiny/select-field-spec/max_selection_on_search.png
diff --git a/...usion-theme/en/chrome_tiny/select-field-spec/max_selection_option_on_search.png b/...usion-theme/en/chrome_tiny/select-field-spec/max_selection_option_on_search.png
diff --git a/...ion-theme/en/chrome_tiny/select-field-spec/multi-select-dropdown-max-height.png b/...ion-theme/en/chrome_tiny/select-field-spec/multi-select-dropdown-max-height.png
diff --git a/...reference/orion-fusion-theme/en/chrome_tiny/select-field-spec/open-dropdown.png b/...reference/orion-fusion-theme/en/chrome_tiny/select-field-spec/open-dropdown.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-field-spec/open_dropdown_after_enter.png b/...ion-fusion-theme/en/chrome_tiny/select-field-spec/open_dropdown_after_enter.png
diff --git a/...sion-theme/en/chrome_tiny/select-field-spec/open_dropdown_for_max_selection.png b/...sion-theme/en/chrome_tiny/select-field-spec/open_dropdown_for_max_selection.png
diff --git a/...erence/orion-fusion-theme/en/chrome_tiny/select-field-spec/options-disabled.png b/...erence/orion-fusion-theme/en/chrome_tiny/select-field-spec/options-disabled.png
diff --git a/...on-theme/en/chrome_tiny/select-field-spec/search-select-dropdown-max-height.png b/...on-theme/en/chrome_tiny/select-field-spec/search-select-dropdown-max-height.png
diff --git a/...ion-theme/en/chrome_tiny/select-field-spec/select-field-dropdown-max-height.png b/...ion-theme/en/chrome_tiny/select-field-spec/select-field-dropdown-max-height.png
diff --git a/...sion-theme/en/chrome_tiny/select-field-spec/select_with_max_item_selections.png b/...sion-theme/en/chrome_tiny/select-field-spec/select_with_max_item_selections.png
diff --git a/...e/orion-fusion-theme/en/chrome_tiny/select-field-spec/selected-first-option.png b/...e/orion-fusion-theme/en/chrome_tiny/select-field-spec/selected-first-option.png
diff --git a/...ference/orion-fusion-theme/en/chrome_tiny/select-field-spec/selected-option.png b/...ference/orion-fusion-theme/en/chrome_tiny/select-field-spec/selected-option.png
diff --git a/...on-fusion-theme/en/chrome_tiny/select-field-spec/selected_option_with_enter.png b/...on-fusion-theme/en/chrome_tiny/select-field-spec/selected_option_with_enter.png
diff --git a/...on-theme/en/chrome_tiny/select-field-spec/single-select-dropdown-max-height.png b/...on-theme/en/chrome_tiny/select-field-spec/single-select-dropdown-max-height.png
diff --git a/...usion-theme/en/chrome_tiny/select-field-spec/tag-select-dropdown-max-height.png b/...usion-theme/en/chrome_tiny/select-field-spec/tag-select-dropdown-max-height.png
diff --git a/.../orion-fusion-theme/en/chrome_tiny/select-field-spec/unselect-second-option.png b/.../orion-fusion-theme/en/chrome_tiny/select-field-spec/unselect-second-option.png
diff --git a/...e/orion-fusion-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png b/...e/orion-fusion-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png
diff --git a/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/Dropdown_should_not_detach.png b/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/Dropdown_should_not_detach.png
diff --git a/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/OptGroup_open_dropdown.png b/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/OptGroup_open_dropdown.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/Search_controlled_open_dropdown.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/Search_controlled_open_dropdown.png
diff --git a/...apshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/arrow-key.png b/...apshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/arrow-key.png
diff --git a/...__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/click.png b/...__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/click.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/close-and-open-dropdown-after-selection.png b/...on-theme/en/chrome_tiny/select-spec/close-and-open-dropdown-after-selection.png
diff --git a/...-fusion-theme/en/chrome_tiny/select-spec/closed_dropdown_after_clicking_off.png b/...-fusion-theme/en/chrome_tiny/select-spec/closed_dropdown_after_clicking_off.png
diff --git a/...ny/select-spec/closed_dropdown_after_clicking_off_select_opened_with_toggle.png b/...ny/select-spec/closed_dropdown_after_clicking_off_select_opened_with_toggle.png
diff --git a/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-arrow-key.png b/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-arrow-key.png
diff --git a/...ts__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-click.png b/...ts__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-click.png
diff --git a/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-clicking-off.png b/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-clicking-off.png
diff --git a/...reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-controlled.png b/...reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-controlled.png
diff --git a/...ts__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-enter.png b/...ts__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-enter.png
diff --git a/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-free-text.png b/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-free-text.png
diff --git a/..._/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-spacebar.png b/..._/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox-spacebar.png
diff --git a/...napshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox.png b/...napshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/combobox_clear_option_open_dropdown.png b/...fusion-theme/en/chrome_tiny/select-spec/combobox_clear_option_open_dropdown.png
diff --git a/...sion-theme/en/chrome_tiny/select-spec/combobox_clear_option_selected_option.png b/...sion-theme/en/chrome_tiny/select-spec/combobox_clear_option_selected_option.png
diff --git a/...e/en/chrome_tiny/select-spec/combobox_cleared_entered_text_by_second_escape.png b/...e/en/chrome_tiny/select-spec/combobox_cleared_entered_text_by_second_escape.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/combobox_controlled_selected_option.png b/...fusion-theme/en/chrome_tiny/select-spec/combobox_controlled_selected_option.png
diff --git a/.../chrome_tiny/select-spec/combobox_displayed_Add_button_with_typed_free_text.png b/.../chrome_tiny/select-spec/combobox_displayed_Add_button_with_typed_free_text.png
diff --git a/...eme/en/chrome_tiny/select-spec/combobox_dropdown_list_close_by_first_escape.png b/...eme/en/chrome_tiny/select-spec/combobox_dropdown_list_close_by_first_escape.png
diff --git a/...sion-theme/en/chrome_tiny/select-spec/combobox_dropdown_not_opened_by_enter.png b/...sion-theme/en/chrome_tiny/select-spec/combobox_dropdown_not_opened_by_enter.png
diff --git a/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox_focus_on_tab.png b/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/combobox_focus_on_tab.png
diff --git a/.../orion-fusion-theme/en/chrome_tiny/select-spec/combobox_hover_open_dropdown.png b/.../orion-fusion-theme/en/chrome_tiny/select-spec/combobox_hover_open_dropdown.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/combobox_no_results_displayed_on_search.png b/...on-theme/en/chrome_tiny/select-spec/combobox_no_results_displayed_on_search.png
diff --git a/...ence/orion-fusion-theme/en/chrome_tiny/select-spec/combobox_option_selected.png b/...ence/orion-fusion-theme/en/chrome_tiny/select-spec/combobox_option_selected.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/combobox_option_selected_with_click.png b/...fusion-theme/en/chrome_tiny/select-spec/combobox_option_selected_with_click.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/combobox_option_selected_with_enter.png b/...fusion-theme/en/chrome_tiny/select-spec/combobox_option_selected_with_enter.png
diff --git a/...-fusion-theme/en/chrome_tiny/select-spec/combobox_second-option-highlighted.png b/...-fusion-theme/en/chrome_tiny/select-spec/combobox_second-option-highlighted.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/combobox_select_free_text_entry.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/combobox_select_free_text_entry.png
diff --git a/...ion-theme/en/chrome_tiny/select-spec/combobox_selected_option_with_keyboard.png b/...ion-theme/en/chrome_tiny/select-spec/combobox_selected_option_with_keyboard.png
diff --git a/...me/en/chrome_tiny/select-spec/combobox_selected_second_option_with_keyboard.png b/...me/en/chrome_tiny/select-spec/combobox_selected_second_option_with_keyboard.png
diff --git a/...usion-theme/en/chrome_tiny/select-spec/combobox_toggle_icon_closes_dropdown.png b/...usion-theme/en/chrome_tiny/select-spec/combobox_toggle_icon_closes_dropdown.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/combobox_toggle_option_selected.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/combobox_toggle_option_selected.png
diff --git a/...pshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/controlled.png b/...pshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/controlled.png
diff --git a/...sion-theme/en/chrome_tiny/select-spec/controlled_multi_select_open_by_click.png b/...sion-theme/en/chrome_tiny/select-spec/controlled_multi_select_open_by_click.png
diff --git a/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/controlled_option_selected.png b/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/controlled_option_selected.png
diff --git a/...n-theme/en/chrome_tiny/select-spec/controlled_option_selected_with_keyboard.png b/...n-theme/en/chrome_tiny/select-spec/controlled_option_selected_with_keyboard.png
diff --git a/.../en/chrome_tiny/select-spec/controlled_second_option_selected_with_keyboard.png b/.../en/chrome_tiny/select-spec/controlled_second_option_selected_with_keyboard.png
diff --git a/.../orion-fusion-theme/en/chrome_tiny/select-spec/default-selected-and-hovered.png b/.../orion-fusion-theme/en/chrome_tiny/select-spec/default-selected-and-hovered.png
diff --git a/...ts__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/default_closed.png b/...ts__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/default_closed.png
diff --git a/...e/orion-fusion-theme/en/chrome_tiny/select-spec/default_hover_open_dropdown.png b/...e/orion-fusion-theme/en/chrome_tiny/select-spec/default_hover_open_dropdown.png
diff --git a/...rence/orion-fusion-theme/en/chrome_tiny/select-spec/default_opened-dropdown.png b/...rence/orion-fusion-theme/en/chrome_tiny/select-spec/default_opened-dropdown.png
diff --git a/...on-fusion-theme/en/chrome_tiny/select-spec/default_option_selected_by_click.png b/...on-fusion-theme/en/chrome_tiny/select-spec/default_option_selected_by_click.png
diff --git a/...n-fusion-theme/en/chrome_tiny/select-spec/default_second-option-highlighted.png b/...n-fusion-theme/en/chrome_tiny/select-spec/default_second-option-highlighted.png
diff --git a/..._/reference/orion-fusion-theme/en/chrome_tiny/select-spec/default_tab-focus.png b/..._/reference/orion-fusion-theme/en/chrome_tiny/select-spec/default_tab-focus.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/default_toggle-icon-opened-dropdown.png b/...fusion-theme/en/chrome_tiny/select-spec/default_toggle-icon-opened-dropdown.png
diff --git a/...rion-fusion-theme/en/chrome_tiny/select-spec/default_toggle-opened-dropdown.png b/...rion-fusion-theme/en/chrome_tiny/select-spec/default_toggle-opened-dropdown.png
diff --git a/...__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/enter.png b/...__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/enter.png
diff --git a/...e/orion-fusion-theme/en/chrome_tiny/select-spec/free_text_tag_open_dropdown.png b/...e/orion-fusion-theme/en/chrome_tiny/select-spec/free_text_tag_open_dropdown.png
diff --git a/...rence/orion-fusion-theme/en/chrome_tiny/select-spec/invalid_default_focused.png b/...rence/orion-fusion-theme/en/chrome_tiny/select-spec/invalid_default_focused.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/is-touch-accessible-tab-focus.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/is-touch-accessible-tab-focus.png
diff --git a/...apshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/long-text.png b/...apshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/long-text.png
diff --git a/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/multi-select-arrow-key.png b/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/multi-select-arrow-key.png
diff --git a/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/multi-select-click.png b/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/multi-select-click.png
diff --git a/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/multi-select-spacebar.png b/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/multi-select-spacebar.png
diff --git a/...-theme/en/chrome_tiny/select-spec/multi_select_clicking_off_closes_dropdown.png b/...-theme/en/chrome_tiny/select-spec/multi_select_clicking_off_closes_dropdown.png
diff --git a/...ion-theme/en/chrome_tiny/select-spec/multi_select_closes_after_clicking_off.png b/...ion-theme/en/chrome_tiny/select-spec/multi_select_closes_after_clicking_off.png
diff --git a/.../en/chrome_tiny/select-spec/multi_select_closes_dropdown_after_tabbing_away.png b/.../en/chrome_tiny/select-spec/multi_select_closes_dropdown_after_tabbing_away.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/multi_select_closes_on_toggle_click.png b/...fusion-theme/en/chrome_tiny/select-spec/multi_select_closes_on_toggle_click.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/multi_select_controlled_option_selected.png b/...on-theme/en/chrome_tiny/select-spec/multi_select_controlled_option_selected.png
diff --git a/...-theme/en/chrome_tiny/select-spec/multi_select_does_not_open_on_enter_press.png b/...-theme/en/chrome_tiny/select-spec/multi_select_does_not_open_on_enter_press.png
diff --git a/...on-fusion-theme/en/chrome_tiny/select-spec/multi_select_hover_open_dropdown.png b/...on-fusion-theme/en/chrome_tiny/select-spec/multi_select_hover_open_dropdown.png
diff --git a/.../orion-fusion-theme/en/chrome_tiny/select-spec/multi_select_opened-dropdown.png b/.../orion-fusion-theme/en/chrome_tiny/select-spec/multi_select_opened-dropdown.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/multi_select_option_selected_with_click.png b/...on-theme/en/chrome_tiny/select-spec/multi_select_option_selected_with_click.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/multi_select_option_selected_with_enter.png b/...on-theme/en/chrome_tiny/select-spec/multi_select_option_selected_with_enter.png
diff --git a/...ion-theme/en/chrome_tiny/select-spec/multi_select_second-option-highlighted.png b/...ion-theme/en/chrome_tiny/select-spec/multi_select_second-option-highlighted.png
diff --git a/...n/chrome_tiny/select-spec/multi_select_second_option_selected_with_keyboard.png b/...n/chrome_tiny/select-spec/multi_select_second_option_selected_with_keyboard.png
diff --git a/...ome_tiny/select-spec/multi_select_selected_option_with_alternative_keyboard.png b/...ome_tiny/select-spec/multi_select_selected_option_with_alternative_keyboard.png
diff --git a/...theme/en/chrome_tiny/select-spec/multi_select_selected_option_with_keyboard.png b/...theme/en/chrome_tiny/select-spec/multi_select_selected_option_with_keyboard.png
diff --git a/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/multi_select_tab-focus.png b/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/multi_select_tab-focus.png
diff --git a/...n-theme/en/chrome_tiny/select-spec/multi_select_toggle-icon-opened-dropdown.png b/...n-theme/en/chrome_tiny/select-spec/multi_select_toggle-icon-opened-dropdown.png
diff --git a/...fusion-theme/en/chrome_tiny/select-spec/multi_select_toggle-opened-dropdown.png b/...fusion-theme/en/chrome_tiny/select-spec/multi_select_toggle-opened-dropdown.png
diff --git a/...n-theme/en/chrome_tiny/select-spec/multi_select_toggle_icon_closes_dropdown.png b/...n-theme/en/chrome_tiny/select-spec/multi_select_toggle_icon_closes_dropdown.png
diff --git a/...me_tiny/select-spec/navigated_to_previous_option_using_key-board_navigation.png b/...me_tiny/select-spec/navigated_to_previous_option_using_key-board_navigation.png
diff --git a/...me_tiny/select-spec/navigated_to_the_next_option_using_key-board_navigation.png b/...me_tiny/select-spec/navigated_to_the_next_option_using_key-board_navigation.png
diff --git a/...reference/orion-fusion-theme/en/chrome_tiny/select-spec/no-matching-results.png b/...reference/orion-fusion-theme/en/chrome_tiny/select-spec/no-matching-results.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/open-dropdown-after-selection.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/open-dropdown-after-selection.png
diff --git a/...ence/orion-fusion-theme/en/chrome_tiny/select-spec/open-dropdown-max-height.png b/...ence/orion-fusion-theme/en/chrome_tiny/select-spec/open-dropdown-max-height.png
diff --git a/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/open-dropdown.png b/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/open-dropdown.png
diff --git a/..._snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/opened.png b/..._snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/opened.png
diff --git a/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/opened_form-select.png b/.../reference/orion-fusion-theme/en/chrome_tiny/select-spec/opened_form-select.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/opened_form-select_with_selected-option.png b/...on-theme/en/chrome_tiny/select-spec/opened_form-select_with_selected-option.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/search_closes_on_toggle_click.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/search_closes_on_toggle_click.png
diff --git a/...n-fusion-theme/en/chrome_tiny/select-spec/search_controlled_option_selected.png b/...n-fusion-theme/en/chrome_tiny/select-spec/search_controlled_option_selected.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/search_does_not_open_on_enter.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/search_does_not_open_on_enter.png
diff --git a/...hrome_tiny/select-spec/search_dropdown_open_before_option_selected_by_click.png b/...hrome_tiny/select-spec/search_dropdown_open_before_option_selected_by_click.png
diff --git a/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/search_hover_open_dropdown.png b/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/search_hover_open_dropdown.png
diff --git a/...heme/en/chrome_tiny/select-spec/search_open_dropdown_before_select_by_enter.png b/...heme/en/chrome_tiny/select-spec/search_open_dropdown_before_select_by_enter.png
diff --git a/...-fusion-theme/en/chrome_tiny/select-spec/search_open_dropdown_by_down_arrow.png b/...-fusion-theme/en/chrome_tiny/select-spec/search_open_dropdown_by_down_arrow.png
diff --git a/...on-fusion-theme/en/chrome_tiny/select-spec/search_open_dropdown_by_spacebar.png b/...on-fusion-theme/en/chrome_tiny/select-spec/search_open_dropdown_by_spacebar.png
diff --git a/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/search_opened-dropdown.png b/...erence/orion-fusion-theme/en/chrome_tiny/select-spec/search_opened-dropdown.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/search_option_selected_by_click.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/search_option_selected_by_click.png
diff --git a/...en/chrome_tiny/select-spec/search_option_selected_with_alternative_keyboard.png b/...en/chrome_tiny/select-spec/search_option_selected_with_alternative_keyboard.png
diff --git a/...n-fusion-theme/en/chrome_tiny/select-spec/search_option_selected_with_enter.png b/...n-fusion-theme/en/chrome_tiny/select-spec/search_option_selected_with_enter.png
diff --git a/...usion-theme/en/chrome_tiny/select-spec/search_option_selected_with_keyboard.png b/...usion-theme/en/chrome_tiny/select-spec/search_option_selected_with_keyboard.png
diff --git a/...on-fusion-theme/en/chrome_tiny/select-spec/search_second-option-highlighted.png b/...on-fusion-theme/en/chrome_tiny/select-spec/search_second-option-highlighted.png
diff --git a/...heme/en/chrome_tiny/select-spec/search_second_option_selected_with_keyboard.png b/...heme/en/chrome_tiny/select-spec/search_second_option_selected_with_keyboard.png
diff --git a/...chrome_tiny/select-spec/search_select_cleared_entered_text_by_second_escape.png b/...chrome_tiny/select-spec/search_select_cleared_entered_text_by_second_escape.png
diff --git a/...eme/en/chrome_tiny/select-spec/search_select_displayed_displayed_typed_text.png b/...eme/en/chrome_tiny/select-spec/search_select_displayed_displayed_typed_text.png
diff --git a/...n/chrome_tiny/select-spec/search_select_dropdown_list_close_by_first_escape.png b/...n/chrome_tiny/select-spec/search_select_dropdown_list_close_by_first_escape.png
diff --git a/...__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/search_tab-focus.png b/...__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/search_tab-focus.png
diff --git a/...-fusion-theme/en/chrome_tiny/select-spec/search_toggle-icon-opened-dropdown.png b/...-fusion-theme/en/chrome_tiny/select-spec/search_toggle-icon-opened-dropdown.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/search_toggle-opened-dropdown.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/search_toggle-opened-dropdown.png
diff --git a/...-fusion-theme/en/chrome_tiny/select-spec/search_toggle_icon_closes_dropdown.png b/...-fusion-theme/en/chrome_tiny/select-spec/search_toggle_icon_closes_dropdown.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/search_toggle_selected_option.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/search_toggle_selected_option.png
diff --git a/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/select-closed.png b/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/select-closed.png
diff --git a/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/selected-clear-option.png b/...ference/orion-fusion-theme/en/chrome_tiny/select-spec/selected-clear-option.png
diff --git a/...s__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/selected-option.png b/...s__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/selected-option.png
diff --git a/...usion-theme/en/chrome_tiny/select-spec/selected_option_after_pressing_enter.png b/...usion-theme/en/chrome_tiny/select-spec/selected_option_after_pressing_enter.png
diff --git a/...usion-theme/en/chrome_tiny/select-spec/selected_option_after_pressing_space.png b/...usion-theme/en/chrome_tiny/select-spec/selected_option_after_pressing_space.png
diff --git a/...napshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/spacebar.png b/...napshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/spacebar.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_closes_after_clicking_off.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_closes_after_clicking_off.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_closes_after_tabbing_away.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_closes_after_tabbing_away.png
diff --git a/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/tag_closes_on_toggle_click.png b/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/tag_closes_on_toggle_click.png
diff --git a/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_controlled_selected_option.png b/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_controlled_selected_option.png
diff --git a/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/tag_does_not_open_on_enter.png b/...ce/orion-fusion-theme/en/chrome_tiny/select-spec/tag_does_not_open_on_enter.png
diff --git a/...me/en/chrome_tiny/select-spec/tag_dropdown_open_before_selecting_with_enter.png b/...me/en/chrome_tiny/select-spec/tag_dropdown_open_before_selecting_with_enter.png
diff --git a/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_dropdown_open_by_arrow_key.png b/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_dropdown_open_by_arrow_key.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_dropdown_open_by_spacebar.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_dropdown_open_by_spacebar.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_free_text_selected_option.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_free_text_selected_option.png
diff --git a/...rence/orion-fusion-theme/en/chrome_tiny/select-spec/tag_hover_open_dropdown.png b/...rence/orion-fusion-theme/en/chrome_tiny/select-spec/tag_hover_open_dropdown.png
diff --git a/..._/reference/orion-fusion-theme/en/chrome_tiny/select-spec/tag_open_dropdown.png b/..._/reference/orion-fusion-theme/en/chrome_tiny/select-spec/tag_open_dropdown.png
diff --git a/.../chrome_tiny/select-spec/tag_open_dropdown_before_selecting_option_by_click.png b/.../chrome_tiny/select-spec/tag_open_dropdown_before_selecting_option_by_click.png
diff --git a/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_open_dropdown_not_detached.png b/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_open_dropdown_not_detached.png
diff --git a/.../orion-fusion-theme/en/chrome_tiny/select-spec/tag_option_selected_by_click.png b/.../orion-fusion-theme/en/chrome_tiny/select-spec/tag_option_selected_by_click.png
diff --git a/...me/en/chrome_tiny/select-spec/tag_option_selected_with_alternative_keyboard.png b/...me/en/chrome_tiny/select-spec/tag_option_selected_with_alternative_keyboard.png
diff --git a/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_option_selected_with_enter.png b/...rion-fusion-theme/en/chrome_tiny/select-spec/tag_option_selected_with_enter.png
diff --git a/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_second-option-highlighted.png b/...orion-fusion-theme/en/chrome_tiny/select-spec/tag_second-option-highlighted.png
diff --git a/...ion-theme/en/chrome_tiny/select-spec/tag_second_option_selected_by_keyboard.png b/...ion-theme/en/chrome_tiny/select-spec/tag_second_option_selected_by_keyboard.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/tag_selected_option_by_keyboard.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/tag_selected_option_by_keyboard.png
diff --git a/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/tag_tab-focus.png b/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/tag_tab-focus.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/tag_toggle-icon-opened-dropdown.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/tag_toggle-icon-opened-dropdown.png
diff --git a/...ion-fusion-theme/en/chrome_tiny/select-spec/tag_toggle_icon_closes_dropdown.png b/...ion-fusion-theme/en/chrome_tiny/select-spec/tag_toggle_icon_closes_dropdown.png
diff --git a/...nce/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-icon-open-dropdown.png b/...nce/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-icon-open-dropdown.png
diff --git a/...e/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-icon-selected-option.png b/...e/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-icon-selected-option.png
diff --git a/...eference/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-open-dropdown.png b/...eference/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-open-dropdown.png
diff --git a/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-opened.png b/...ots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/toggle-opened.png
diff --git a/...reference/orion-fusion-theme/en/chrome_tiny/select-spec/toggle_click_closes.png b/...reference/orion-fusion-theme/en/chrome_tiny/select-spec/toggle_click_closes.png
diff --git a/...e/orion-fusion-theme/en/chrome_tiny/select-spec/toggle_icon_closes_dropdown.png b/...e/orion-fusion-theme/en/chrome_tiny/select-spec/toggle_icon_closes_dropdown.png
diff --git a/...on-theme/en/chrome_tiny/select-spec/touch_accessible_combobox_open_on_click.png b/...on-theme/en/chrome_tiny/select-spec/touch_accessible_combobox_open_on_click.png
diff --git a/...heme/en/chrome_tiny/select-spec/touch_accessible_multi_select_open_by_click.png b/...heme/en/chrome_tiny/select-spec/touch_accessible_multi_select_open_by_click.png
diff --git a/...sion-theme/en/chrome_tiny/select-spec/touch_accessible_search_open_by_click.png b/...sion-theme/en/chrome_tiny/select-spec/touch_accessible_search_open_by_click.png
diff --git a/...-fusion-theme/en/chrome_tiny/select-spec/touch_accessible_tag_open_dropdown.png b/...-fusion-theme/en/chrome_tiny/select-spec/touch_accessible_tag_open_dropdown.png
diff --git a/...rence/terra-default-theme/en/chrome_tiny/select-field-spec/options-disabled.png b/...rence/terra-default-theme/en/chrome_tiny/select-field-spec/options-disabled.png