Show all input variants under Form section (#2691)

Co-authored-by: Connor Bär <[email protected]>

Author: matoous

packages/circuit-ui/components/Calendar/Calendar.mdx

@@ -7,7 +7,7 @@ import * as Stories from './Calendar.stories';
 
 <Status variant="experimental" />
 
-The Calendar component displays a monthly date grid. This is a low-level component for advanced use cases; you likely want to use the [DateInput](Forms/Input/DateInput/Base) component instead.
+The Calendar component displays a monthly date grid. This is a low-level component for advanced use cases; you likely want to use the [DateInput](Forms/DateInput/Base) component instead.
 
 <Story of={Stories.Base} />
 <Props />
@@ -85,7 +85,7 @@ function App() {
 
 ## Related components
 
-- [DateInput](Forms/Input/DateInput/Base): The DateInput component allows user to select a specific date.
+- [DateInput](Forms/DateInput/Base): The DateInput component allows user to select a specific date.
 
 ## Accessibility
 

packages/circuit-ui/components/ColorInput/ColorInput.stories.tsx

@@ -16,7 +16,7 @@
 import { ColorInput, type ColorInputProps } from './ColorInput.js';
 
 export default {
-  title: 'Forms/Input/ColorInput',
+  title: 'Forms/ColorInput',
   component: ColorInput,
 };
 

packages/circuit-ui/components/CurrencyInput/CurrencyInput.stories.tsx

@@ -18,7 +18,7 @@ import { Stack } from '../../../../.storybook/components/index.js';
 import { CurrencyInput, type CurrencyInputProps } from './CurrencyInput.js';
 
 export default {
-  title: 'Forms/Input/CurrencyInput',
+  title: 'Forms/CurrencyInput',
   component: CurrencyInput,
 };
 

packages/circuit-ui/components/DateInput/DateInput.stories.tsx

@@ -16,7 +16,7 @@
 import { DateInput, type DateInputProps } from './DateInput.js';
 
 export default {
-  title: 'Forms/Input/DateInput',
+  title: 'Forms/DateInput',
   component: DateInput,
   argTypes: {
     disabled: { control: 'boolean' },

packages/circuit-ui/components/PercentageInput/PercentageInput.stories.tsx

@@ -21,7 +21,7 @@ import {
 } from './PercentageInput.js';
 
 export default {
-  title: 'Forms/Input/PercentageInput',
+  title: 'Forms/PercentageInput',
   component: PercentageInput,
 };
 

packages/circuit-ui/components/SearchInput/SearchInput.stories.tsx

@@ -20,7 +20,7 @@ import type { InputElement } from '../Input/index.js';
 import { SearchInput, type SearchInputProps } from './SearchInput.js';
 
 export default {
-  title: 'Forms/Input/SearchInput',
+  title: 'Forms/SearchInput',
   component: SearchInput,
   argTypes: {
     placeholder: { control: 'text' },