@kaizen/components 0.0.0-canary-introduce-next-entrypoint-20250225031042 → 0.0.0-canary-introduce-next-entrypoint-20250225045407

package/dist/cjs/Focusable/Focusable.module.scss.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "focusableWrapper": "Focusable-module_focusableWrapper__zd-5E"
+};
+module.exports = styles;

package/dist/cjs/future.cjs

@@ -17,7 +17,7 @@ var TabList = require('./__next__/Tabs/subcomponents/TabList/TabList.cjs');
 var TabPanel = require('./__next__/Tabs/subcomponents/TabPanel/TabPanel.cjs');
 var Tooltip = require('./__next__/Tooltip/Tooltip.cjs');
 var TooltipTrigger = require('./__next__/Tooltip/TooltipTrigger.cjs');
-var Focusable = require('./__next__/Tooltip/subcomponents/Focusable/Focusable.cjs');
+var Focusable = require('./Focusable/Focusable.cjs');
 var reactAriaComponents = require('react-aria-components');
 exports.Button = Button.Button;
 exports.Icon = Icon.Icon;

package/dist/cjs/next.cjs

@@ -17,7 +17,7 @@ var TabList = require('./__next__/Tabs/subcomponents/TabList/TabList.cjs');
 var TabPanel = require('./__next__/Tabs/subcomponents/TabPanel/TabPanel.cjs');
 var Tooltip = require('./__next__/Tooltip/Tooltip.cjs');
 var TooltipTrigger = require('./__next__/Tooltip/TooltipTrigger.cjs');
-var Focusable = require('./__next__/Tooltip/subcomponents/Focusable/Focusable.cjs');
+var Focusable = require('./Focusable/Focusable.cjs');
 var reactAriaComponents = require('react-aria-components');
 exports.Button = Button.Button;
 exports.Icon = Icon.Icon;

package/dist/cjs/overlaysV3.cjs

@@ -2,11 +2,9 @@
 
 var Tooltip = require('./__next__/Tooltip/Tooltip.cjs');
 var TooltipTrigger = require('./__next__/Tooltip/TooltipTrigger.cjs');
-var Focusable = require('./__next__/Tooltip/subcomponents/Focusable/Focusable.cjs');
 var reactAriaComponents = require('react-aria-components');
 exports.Tooltip = Tooltip.Tooltip;
 exports.TooltipTrigger = TooltipTrigger.TooltipTrigger;
-exports.Focusable = Focusable.Focusable;
 Object.defineProperty(exports, "TooltipContext", {
   enumerable: true,
   get: function () {

package/dist/esm/Focusable/Focusable.module.scss.mjs

@@ -0,0 +1,4 @@
+var styles = {
+  "focusableWrapper": "Focusable-module_focusableWrapper__zd-5E"
+};
+export { styles as default };

package/dist/esm/future.mjs

@@ -15,5 +15,5 @@ export { TabList } from './__next__/Tabs/subcomponents/TabList/TabList.mjs';
 export { TabPanel } from './__next__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
 export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
 export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__next__/Tooltip/subcomponents/Focusable/Focusable.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/esm/next.mjs

@@ -15,5 +15,5 @@ export { TabList } from './__next__/Tabs/subcomponents/TabList/TabList.mjs';
 export { TabPanel } from './__next__/Tabs/subcomponents/TabPanel/TabPanel.mjs';
 export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
 export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__next__/Tooltip/subcomponents/Focusable/Focusable.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/esm/overlaysV3.mjs

@@ -1,4 +1,3 @@
 export { Tooltip } from './__next__/Tooltip/Tooltip.mjs';
 export { TooltipTrigger } from './__next__/Tooltip/TooltipTrigger.mjs';
-export { Focusable } from './__next__/Tooltip/subcomponents/Focusable/Focusable.mjs';
 export { TooltipContext } from 'react-aria-components';

package/dist/styles.css

@@ -5809,7 +5809,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
     opacity: 1;
   }
 }
-.Focusable-module_focusableWrapper__G7IVs {
+.Focusable-module_focusableWrapper__zd-5E {
   display: inline-flex;
 }
 .NotificationIcon-module_notificationIcon__4xH0m {

package/dist/types/__next__/Tooltip/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Tooltip';
 export * from './TooltipTrigger';
-export * from './subcomponents/Focusable';

package/dist/types/__next__/index.d.ts

@@ -5,3 +5,4 @@ export * from './Select';
 export * from './Tag';
 export * from './Tabs';
 export * from './Tooltip';
+export * from '../Focusable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-introduce-next-entrypoint-20250225031042",
+  "version": "0.0.0-canary-introduce-next-entrypoint-20250225045407",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -185,8 +185,8 @@
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
     "tsx": "^4.19.2",
-    "@kaizen/design-tokens": "10.8.7",
-    "@kaizen/package-bundler": "2.0.4"
+    "@kaizen/package-bundler": "2.0.4",
+    "@kaizen/design-tokens": "10.8.7"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/{__next__/Tooltip/subcomponents/Focusable → 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
 

package/src/{__next__/Tooltip/subcomponents/Focusable → 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',

package/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 = {

package/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',

package/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 = {

package/src/__next__/Tooltip/index.ts

@@ -1,3 +1,2 @@
 export * from './Tooltip'
 export * from './TooltipTrigger'
-export * from './subcomponents/Focusable'

package/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'

package/dist/cjs/__next__/Tooltip/subcomponents/Focusable/Focusable.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "focusableWrapper": "Focusable-module_focusableWrapper__G7IVs"
-};
-module.exports = styles;

package/dist/esm/__next__/Tooltip/subcomponents/Focusable/Focusable.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "focusableWrapper": "Focusable-module_focusableWrapper__G7IVs"
-};
-export { styles as default };