Merge pull request #214 from CrowdStrike/rename-combobox-to-autocomplete

Rename combobox to autocomplete

Author: ynotdraw

.changeset/twelve-gifts-camp.md

@@ -3,27 +3,27 @@
 '@crowdstrike/ember-toucan-form': patch
 ---
 
-Added a `Combobox` component to both core and form packages.
+Added an `Autocomplete` component to both core and form packages.
 
 If you're using `toucan-core`, the control and field components are exposed:
 
 ```hbs
-<Form::Controls::Combobox
+<Form::Controls::Autocomplete
   @onChange={{this.onChange}}
   @options={{this.options}}
   @contentClass='z-10'
   @selected={{this.selected}}
   @optionKey='label'
   @noResultsText='No results'
   placeholder='Colors'
-  as |combobox|
+  as |autocomplete|
 >
-  <combobox.Option>
-    {{combobox.option.label}}
-  </combobox.Option>
-</Form::Controls::Combobox>
+  <autocomplete.Option>
+    {{autocomplete.option.label}}
+  </autocomplete.Option>
+</Form::Controls::Autocomplete>
 
-<Form::Fields::Combobox
+<Form::Fields::Autocomplete
   @contentClass='z-10'
   @error={{this.errorMessage}}
   @hint='Type "blue" into the field'
@@ -34,28 +34,30 @@ If you're using `toucan-core`, the control and field components are exposed:
   @options={{this.options}}
   @selected={{this.selected}}
   placeholder='Colors'
-  as |combobox|
+  as |autocomplete|
 >
-  <combobox.Option>
-    {{combobox.option.label}}
-  </combobox.Option>
-</Form::Fields::Combobox>
+  <autocomplete.Option>
+    {{autocomplete.option.label}}
+  </autocomplete.Option>
+</Form::Fields::Autocomplete>
 ```
 
 If you're using `toucan-form`, the component is exposed via:
 
 ```hbs
 <ToucanForm as |form|>
-  <form.Combobox
-    @label='Combobox'
-    @name='combobox'
+  <form.Autocomplete
+    @label='Autocomplete'
+    @name='autocomplete'
     @options={{options}}
-    data-combobox
-    as |combobox|
+    data-autocomplete
+    as |autocomplete|
   >
-    <combobox.Option data-option>{{combobox.option}}</combobox.Option>
-  </form.Combobox>
+    <autocomplete.Option data-option>
+      {{autocomplete.option}}
+    </autocomplete.Option>
+  </form.Autocomplete>
 </ToucanForm>
 ```
 
-For more information on using these components, view [the docs](https://ember-toucan-core.pages.dev/docs/components/combobox).
+For more information on using these components, view [the docs](https://ember-toucan-core.pages.dev/docs/components/autocomplete).

docs/components/combobox-field/demo/base-demo.md docs/components/autocomplete-field/demo/base-demo.md

@@ -1,5 +1,5 @@
 ```hbs template
-<Form::Fields::Combobox
+<Form::Fields::Autocomplete
   @contentClass='z-10'
   @error={{this.errorMessage}}
   @hint='Type "blue" into the field'
@@ -10,12 +10,12 @@
   @options={{this.options}}
   @selected={{this.selected}}
   placeholder='Colors'
-  as |combobox|
+  as |autocomplete|
 >
-  <combobox.Option>
-    {{combobox.option.label}}
-  </combobox.Option>
-</Form::Fields::Combobox>
+  <autocomplete.Option>
+    {{autocomplete.option.label}}
+  </autocomplete.Option>
+</Form::Fields::Autocomplete>
 ```
 
 ```js component