From 18a5fe67f2ef88490d6f2fa4e1323cbf3ed1973b Mon Sep 17 00:00:00 2001
From: KV106606Viswanath <Kadali.Viswanath@cerner.com>
Date: Thu, 14 Dec 2023 12:08:17 +0530
Subject: [PATCH] Removed field component on first example

---
 .../form-select/example/combobox/Combobox.jsx | 20 +++++++------------
 .../doc/form-select/example/search/Search.jsx | 17 +++++++---------
 2 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/combobox/Combobox.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/combobox/Combobox.jsx
index a60659846a0..aee532b02c5 100644
--- a/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/combobox/Combobox.jsx
+++ b/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/combobox/Combobox.jsx
@@ -1,24 +1,18 @@
 import React from 'react';
 import Combobox from 'terra-form-select/lib/Combobox';
-import Field from 'terra-form-field';
 import classNames from 'classnames/bind';
 import styles from '../FormSelectDocCommon.module.scss';
 
 const cx = classNames.bind(styles);
 
 const ComboboxExample = () => (
-  <Field
-    label="Colors"
-    htmlFor="color-field-1"
-  >
-    <Combobox placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')} inputId="color-field-1">
-      <Combobox.Option value="blue" display="Blue" />
-      <Combobox.Option value="green" display="Green" />
-      <Combobox.Option value="purple" display="Purple" />
-      <Combobox.Option value="red" display="Red" />
-      <Combobox.Option value="violet" display="Violet" />
-    </Combobox>
-  </Field>
+  <Combobox placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')}>
+    <Combobox.Option value="blue" display="Blue" />
+    <Combobox.Option value="green" display="Green" />
+    <Combobox.Option value="purple" display="Purple" />
+    <Combobox.Option value="red" display="Red" />
+    <Combobox.Option value="violet" display="Violet" />
+  </Combobox>
 );
 
 export default ComboboxExample;
diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/search/Search.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/search/Search.jsx
index c0797e5404e..a23d0f20402 100644
--- a/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/search/Search.jsx
+++ b/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/search/Search.jsx
@@ -6,16 +6,13 @@ import styles from '../FormSelectDocCommon.module.scss';
 const cx = classNames.bind(styles);
 
 const SearchSelectExample = () => (
-  <>
-    <label htmlFor="color-field-1"><strong>Colors</strong></label>
-    <SearchSelect placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')} inputId="color-field-1">
-      <SearchSelect.Option value="blue" display="Blue" />
-      <SearchSelect.Option value="green" display="Green" />
-      <SearchSelect.Option value="purple" display="Purple" />
-      <SearchSelect.Option value="red" display="Red" />
-      <SearchSelect.Option value="violet" display="Violet" />
-    </SearchSelect>
-  </>
+  <SearchSelect placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')}>
+    <SearchSelect.Option value="blue" display="Blue" />
+    <SearchSelect.Option value="green" display="Green" />
+    <SearchSelect.Option value="purple" display="Purple" />
+    <SearchSelect.Option value="red" display="Red" />
+    <SearchSelect.Option value="violet" display="Violet" />
+  </SearchSelect>
 );
 
 export default SearchSelectExample;