Move Focusable to main entry point

cultureamp · Feb 25, 2025 · ded0491 · ded0491
1 parent 2df370e
commit ded0491
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 8 deletions.
diff --git a/...omponents/Focusable/Focusable.module.scss → ...nents/src/Focusable/Focusable.module.scss b/...omponents/Focusable/Focusable.module.scss → ...nents/src/Focusable/Focusable.module.scss
diff --git a/...tip/subcomponents/Focusable/Focusable.tsx → ...es/components/src/Focusable/Focusable.tsx b/...tip/subcomponents/Focusable/Focusable.tsx → ...es/components/src/Focusable/Focusable.tsx
diff --git a/...ents/Focusable/_docs/ApiSpecification.mdx → .../src/Focusable/_docs/ApiSpecification.mdx b/...ents/Focusable/_docs/ApiSpecification.mdx → .../src/Focusable/_docs/ApiSpecification.mdx
@@ -2,18 +2,18 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'
 import { KAIOInstallation, ResourceLinks } from '~storybook/components'
 import * as exampleStories from './Focusable.stories'
 
-<Meta title="Components/Tooltip/Tooltip (next)/Focusable/API Specification" />
+<Meta title="Components/Focusable/API Specification" />
 
 # Focusable API Specification
 
 Updated June 25, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tooltip/subcomponents/Focusable"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Focusable"
   className="mt-16 !mb-8"
 />
 
-<KAIOInstallation exportNames={['Focusable']} isNext />
+<KAIOInstallation exportNames={['Focusable']} />
 
 ## Overview
 

diff --git a/...nts/Focusable/_docs/Focusable.stories.tsx → ...src/Focusable/_docs/Focusable.stories.tsx b/...nts/Focusable/_docs/Focusable.stories.tsx → ...src/Focusable/_docs/Focusable.stories.tsx
@@ -4,7 +4,7 @@ import { Tag } from '~components/__next__/Tag'
 import { Focusable } from '../index'
 
 const meta = {
-  title: 'Components/Tooltip/Tooltip (next)/Focusable',
+  title: 'Components/Focusable',
   component: Focusable,
   parameters: {
     layout: 'centered',

diff --git a/.../Tooltip/subcomponents/Focusable/index.ts → packages/components/src/Focusable/index.ts b/.../Tooltip/subcomponents/Focusable/index.ts → packages/components/src/Focusable/index.ts
diff --git a/packages/components/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx b/packages/components/src/__next__/Tooltip/_docs/Tooltip.docs.stories.tsx
@@ -3,11 +3,12 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import isChromatic from 'chromatic'
 import { Button, IconButton } from '~components/Button'
 import { FieldMessage } from '~components/FieldMessage'
+import { Focusable } from '~components/Focusable'
 import { Input } from '~components/Input'
 import { Label } from '~components/Label'
 import { Text } from '~components/Text'
 import { Icon } from '~components/__next__/Icon'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
 import * as TestStories from './Tooltip.spec.stories'
 
 const meta = {

diff --git a/packages/components/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx b/packages/components/src/__next__/Tooltip/_docs/Tooltip.spec.stories.tsx
@@ -3,11 +3,12 @@ import { type Meta, type StoryObj } from '@storybook/react'
 import { expect, userEvent, waitFor, within } from '@storybook/test'
 import isChromatic from 'chromatic'
 import { Button, IconButton } from '~components/Button'
+import { Focusable } from '~components/Focusable'
 import { Tab, TabList, TabPanel, TabPanels, Tabs } from '~components/Tabs'
 import { Text } from '~components/Text'
 import { Icon } from '~components/__next__/Icon'
 import { Tag } from '~components/__next__/Tag'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
 
 const meta = {
   title: 'Components/Tooltip/Tooltip (next)/Tests',

diff --git a/packages/components/src/__next__/Tooltip/_docs/Tooltip.stories.tsx b/packages/components/src/__next__/Tooltip/_docs/Tooltip.stories.tsx
@@ -2,8 +2,9 @@ import React, { type FunctionComponent } from 'react'
 import { type Meta, type StoryObj } from '@storybook/react'
 import isChromatic from 'chromatic'
 import { Button } from '~components/Button'
+import { Focusable } from '~components/Focusable'
 import { Tag } from '~components/__next__'
-import { Focusable, Tooltip, TooltipTrigger } from '../index'
+import { Tooltip, TooltipTrigger } from '../index'
 import * as testStories from './Tooltip.spec.stories'
 
 const meta = {

diff --git a/packages/components/src/__next__/Tooltip/index.ts b/packages/components/src/__next__/Tooltip/index.ts
@@ -1,3 +1,2 @@
 export * from './Tooltip'
 export * from './TooltipTrigger'
-export * from './subcomponents/Focusable'
diff --git a/packages/components/src/__next__/index.ts b/packages/components/src/__next__/index.ts
@@ -5,3 +5,7 @@ export * from './Select'
 export * from './Tag'
 export * from './Tabs'
 export * from './Tooltip'
+
+// This Focusable component was originally exported from here, but since moved to the main entry point because there's no name clash.
+// This is just here to keep backwards compatibility until the 2.0 release
+export * from '../Focusable'