From 0e6b1fb6229532a626ccdea701af55a5ee6dd42c Mon Sep 17 00:00:00 2001
From: Cassandra <cassandra.tam@cultureamp.com>
Date: Tue, 17 Dec 2024 16:33:57 +1100
Subject: [PATCH] docs: move all components in Storybook to sit under
 Components (#5398)

* docs: move all components in Storybook to sit under Components

* docs(KaizenProvider): rename docs dir to match component name

* docs: rename docs dir to match component name

* docs: remove usages of SbContent in Tooltip
---
 .../Focusable/v3/_docs/ApiSpecification.mdx   | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 packages/components/src/__overlays__/Focusable/v3/_docs/ApiSpecification.mdx

diff --git a/packages/components/src/__overlays__/Focusable/v3/_docs/ApiSpecification.mdx b/packages/components/src/__overlays__/Focusable/v3/_docs/ApiSpecification.mdx
new file mode 100644
index 00000000000..14fc945a2af
--- /dev/null
+++ b/packages/components/src/__overlays__/Focusable/v3/_docs/ApiSpecification.mdx
@@ -0,0 +1,31 @@
+import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { KAIOInstallation, ResourceLinks } from '~storybook/components'
+import * as exampleStories from './Focusable.stories'
+
+<Meta title="Components/Tooltip/Tooltip (v3)/Focusable/API Specification" />
+
+# Focusable API Specification (v3)
+
+Updated June 25, 2024
+
+<ResourceLinks
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__overlays__/Focusable"
+  className="mt-16 !mb-8"
+/>
+
+<KAIOInstallation exportNames={['Focusable']} family="overlays" version="3" />
+
+## Overview
+
+Focusable is a utility wrapper to allow users to add focus to a non-focusable element.
+
+The main use case is for non semantic components like `Tag` that need a [Tooltip](/docs/overlays-tooltip-v3-usage-guidelines--docs).
+
+<Canvas className="mb-24" of={exampleStories.Playground} />
+
+Be aware that this does not negate the need to meet A11Y standards and best practices. Use this
+utility wrapper with caution.
+
+## API
+
+<Controls of={exampleStories.Playground} />