Remove old Select

Author: acelaya

src/components/input/Select.tsx

@@ -5,7 +5,6 @@ export { default as IconButton } from './IconButton';
 export { default as Input } from './Input';
 export { default as InputGroup } from './InputGroup';
 export { default as OptionButton } from './OptionButton';
-export { default as Select } from './Select';
 export { default as SelectNext } from './SelectNext';
 export { default as Textarea } from './Textarea';
 
@@ -16,6 +15,5 @@ export type { IconButtonProps } from './IconButton';
 export type { InputProps } from './Input';
 export type { InputGroupProps } from './InputGroup';
 export type { OptionButtonProps } from './OptionButton';
-export type { SelectProps } from './Select';
 export type { SelectProps as SelectNextProps } from './SelectNext';
 export type { TextareaProps } from './Textarea';

src/components/input/index.ts

@@ -49,7 +49,6 @@ export {
   Input,
   InputGroup,
   OptionButton,
-  Select,
   SelectNext,
   Textarea,
 } from './components/input';
@@ -116,7 +115,6 @@ export type {
   InputProps,
   InputGroupProps,
   OptionButtonProps,
-  SelectProps,
   SelectNextProps,
   TextareaProps,
 } from './components/input';

src/components/input/test/Select-test.js

@@ -3,9 +3,9 @@ import {
   Input,
   IconButton,
   CopyIcon,
-  Select,
   ArrowLeftIcon,
   ArrowRightIcon,
+  SelectNext,
 } from '../../../../';
 import Library from '../../Library';
 
@@ -52,7 +52,7 @@ export default function InputGroupPage() {
                 <code>IconButton</code>
               </li>
               <li>
-                <code>Select</code>
+                <code>SelectNext</code>
               </li>
             </ul>
             <Library.Demo
@@ -66,12 +66,15 @@ export default function InputGroupPage() {
                     title="Previous"
                     variant="dark"
                   />
-                  <Select>
-                    <option value="0">Select a fruit</option>
-                    <option value="1">Apple</option>
-                    <option value="2">Banana</option>
-                    <option value="3">Cherries</option>
-                  </Select>
+                  <SelectNext
+                    value="1"
+                    buttonContent="Apple"
+                    onChange={() => {}}
+                  >
+                    <SelectNext.Option value="1">Apple</SelectNext.Option>
+                    <SelectNext.Option value="2">Banana</SelectNext.Option>
+                    <SelectNext.Option value="3">Cherries</SelectNext.Option>
+                  </SelectNext>
                   <IconButton
                     icon={ArrowRightIcon}
                     title="Next"

src/index.ts

@@ -21,7 +21,6 @@ import CloseButtonPage from './components/patterns/input/CloseButtonPage';
 import InputGroupPage from './components/patterns/input/InputGroupPage';
 import InputPage from './components/patterns/input/InputPage';
 import OptionButtonPage from './components/patterns/input/OptionButtonPage';
-import SelectPage from './components/patterns/input/SelectPage';
 import TextareaPage from './components/patterns/input/TextareaPage';
 import CardPage from './components/patterns/layout/CardPage';
 import OverlayPage from './components/patterns/layout/OverlayPage';
@@ -202,12 +201,6 @@ const routes: PlaygroundRoute[] = [
     component: SelectNextPage,
     route: '/input-select-next',
   },
-  {
-    title: 'Select',
-    group: 'input',
-    component: SelectPage,
-    route: '/input-select',
-  },
   {
     title: 'Textarea',
     group: 'input',