Merge pull request #7181 from Sage/FE-6884

docs(drawer): fix expanded uncontrolled error with controls

docs/using-draft-js.mdx

@@ -14,8 +14,8 @@ import { Meta } from "@storybook/blocks";
 
 ## Installation
 
-The [TextEditor](https://carbon.sage.com/?path=/docs/text-editor--default) and
-[Note](https://carbon.sage.com/?path=/docs/note--default) components utilise the `Draft.js` framework to
+The [TextEditor](../?path=/docs/text-editor--docs) and
+[Note](../?path=/docs/note--docs) components utilise the `Draft.js` framework to
 support creating and rendering rich-text content. As such, the framework has been added as a peer-dependency and
 consuming projects are required to install it if they wish to use either component, this can be done as an
 [npm package](https://www.npmjs.com/package/draft-js).
@@ -56,7 +56,7 @@ The framework surfaces a range of static methods for initialising the state:
   the component with some existing `ContentState` and any `Decorators` and return a new `EditorState` object.
 - `EditorState.create(config: EditorStateCreationConfig)` - offers the same as `createWithContent` but enables
   initialising the `EditorState` from a config, affording you more fine grain control. For example, it is possible to
-  define an intitial `SelectionState` using this static method.
+  define an initial `SelectionState` using this static method.
 
 #### Other useful methods
 

docs/validations.mdx

@@ -24,7 +24,7 @@ These states can indicate whether the input is valid or not, and can also preven
 ### Validation redesign
 
 Carbon is in the process of implementing a new validation pattern to our input components. To opt into this new pattern, you can set the 
-`validationRedesignOptIn` flag to true in the [CarbonProvider](https://carbon.sage.com/?path=/docs/carbon-provider--docs).
+`validationRedesignOptIn` flag to true in the [CarbonProvider](../?path=/docs/carbon-provider--docs).
 
 Component props that are not supported if the opt-in flag is set to true are labelled as [Legacy] in their corresponding prop tables. 
 These props should not be used if the new validation pattern is being used.
@@ -98,7 +98,7 @@ Carbon provides a Form component which augments an HTML `<form>` element with:
 - footer - a container for rendering "Save", "Cancel" and other custom buttons; it can also be made sticky if wanted
 - validation summary - graphical indicator of errors and warnings
 
-For more information check [Form in Storybook](https://carbon.sage.com/?path=/docs/form)
+For more information check [Form in Storybook](../?path=/docs/form--docs)
 
 ## Formik overview
 

src/components/box/box.component.tsx

@@ -58,7 +58,7 @@ export interface BoxProps
   rowGap?: Gap;
   /** Design Token for Box Shadow. Note: please check that the box shadow design token you are using is compatible with the Box component. */
   boxShadow?: BoxShadowsType;
-  /** Design Token for Border Radius. Note: please check that the border radius design token you are using is compatible with the Box component. **This prop will not do anything if you have the roundedCornerOptOut flag set in the CarbonProvider** */
+  /** Design Token for Border Radius. Note: please check that the border radius design token you are using is compatible with the Box component. */
   borderRadius?: BorderRadiusType;
   /**
    * @private

src/components/checkbox/checkbox.mdx

@@ -41,9 +41,9 @@ import { Checkbox, CheckboxGroup } from "carbon-react/lib/components/checkbox";
 
 ## Related Components
 
-- Choosing one option from a longer list? [Try Radio Button](https://carbon.sage.com/?path=/docs/radiobutton--default "Radio Button").
-- Choosing one option from a very long list? [Try Select](https://carbon.sage.com/?path=/docs/select--default "Select").
-- Choosing one option from a highly visible range? [Try Button Toggle](https://carbon.sage.com/?path=/docs/button-toggle--default "Button Toggle").
+- Choosing one option from a longer list? [Try Radio Button](../?path=/docs/radio-button--docs).
+- Choosing one option from a very long list? [Try Select](../?path=/docs/select--docs).
+- Choosing one option from a highly visible range? [Try Button Toggle](../?path=/docs/button-toggle--docs).
 
 ## Examples
 

src/components/confirm/confirm.mdx

@@ -26,10 +26,10 @@ import Confirm from "carbon-react/lib/components/confirm";
 
 ## Related Components
 
-- Longer message which stays on-screen? [Try Message](https://carbon.sage.com/?path=/docs/message--default "Message").
-- Longer, time sensitive message that must be dismissed? [Try Toast](https://carbon.sage.com/?path=/docs/toast--default "Toast").
-- Error or warning message that interrupts activity? [Try Alert](https://carbon.sage.com/?path=/docs/alert--default-alert "Alert").
-- Simple task in context? [Try Dialog](https://carbon.sage.com/?path=/docs/dialog--default-story "Dialog").
+- Longer message which stays on-screen? [Try Message](../?path=/docs/message--docs).
+- Longer, time sensitive message that must be dismissed? [Try Toast](../?path=/docs/toast--docs).
+- Error or warning message that interrupts activity? [Try Alert](../?path=/docs/alert--docs).
+- Simple task in context? [Try Dialog](../?path=/docs/dialog--docs).
 
 ## Examples
 

src/components/date-range/date-range.mdx

@@ -33,6 +33,8 @@ Used to filter a Table of data according to a start and end date, or to set two
 import DateRange from "carbon-react/lib/components/date-range";
 ```
 
+## Examples
+
 ### Default
 
 <Canvas of={DateRangeStories.DefaultStory} />

src/components/definition-list/definition-list.mdx

@@ -11,7 +11,6 @@ import * as DefinitionListStories from "./definition-list.stories";
 ## Contents
 
 - [Quick Start](#quick-start)
-- [Related Components](#related-components)
 - [Examples](#examples)
 - [Props](#props)
 
@@ -21,13 +20,6 @@ import * as DefinitionListStories from "./definition-list.stories";
 import { Dl, Dt, Dd } from "carbon-react/lib/components/definition-list";
 ```
 
-## Related Components
-
-Definition List most of the time is in use with other components. Look at the examples below
-
-- [Tile component with Definition List](/?path=/docs/tile--with-definition-list-default "Tile component with Definition List").
-- [Accordion component with Definition List](/?path=/docs/accordion--with-a-definition-list "Accordion component with Definition List").
-
 ## Examples
 
 ### Default

src/components/dialog-full-screen/dialog-full-screen.mdx

@@ -25,8 +25,8 @@ import DialogFullScreen from "carbon-react/lib/components/dialog-full-screen";
 
 ## Related Components
 
-- Simple task in context? [Try Dialog](https://carbon.sage.com/?path=/docs/dialog--default-story "Dialog").
-- Need to refer back to the underlying page? [Try Sidebar](https://carbon.sage.com/?path=/docs/sidebar--default-story "Sidebar").
+- Simple task in context? [Try Dialog](../?path=/docs/dialog--docs).
+- Need to refer back to the underlying page? [Try Sidebar](../?path=/docs/sidebar--docs).
 
 ## Examples