@kaizen/components 1.73.1 → 1.73.3

package/codemods/upgradeV1Buttons/transformV1ButtonAttributes.spec.ts

@@ -60,6 +60,14 @@ describe('transformV1ButtonAttributes()', () => {
     expect(transformInput(inputAst)).toEqual(printAst(outputAst))
   })
 
+  it('will remove usage of `disableTabFocusAndIUnderstandTheAccessibilityImplications`', () => {
+    const inputAst = parseJsx(
+      '<Button label="Pancakes" disableTabFocusAndIUnderstandTheAccessibilityImplications  />',
+    )
+    const outputAst = parseJsx('<Button variant="secondary" size="large">Pancakes</Button>')
+    expect(transformInput(inputAst)).toEqual(printAst(outputAst))
+  })
+
   describe('transform existing props', () => {
     it('changes onClick to onPress', () => {
       const inputAst = parseJsx('<Button label="Pancakes" onClick={handleClick} />')
@@ -119,10 +127,10 @@ describe('transformV1ButtonAttributes()', () => {
 
     it('changes newTabAndIUnderstandTheAccessibilityImplications to target="_blank" and rel="noopener noreferrer"', () => {
       const inputAst = parseJsx(
-        '<Button label="Pancakes" newTabAndIUnderstandTheAccessibilityImplications />',
+        '<Button href="#" label="Pancakes" newTabAndIUnderstandTheAccessibilityImplications />',
       )
       const outputAst = parseJsx(
-        '<Button target="_blank" rel="noopener noreferrer" variant="secondary" size="large">Pancakes</Button>',
+        '<LinkButton href="#" target="_blank" rel="noopener noreferrer" variant="secondary" size="large">Pancakes</LinkButton>',
       )
       expect(transformInput(inputAst)).toEqual(printAst(outputAst))
     })

package/codemods/upgradeV1Buttons/transformV1ButtonAttributes.ts

@@ -44,7 +44,7 @@ const transformProp = (
     case 'onMouseDown':
       return createProp('onPressStart', propValue)
     case 'disableTabFocusAndIUnderstandTheAccessibilityImplications':
-      return createProp('onPressEnd', propValue)
+      return null
     case 'newTabAndIUnderstandTheAccessibilityImplications':
       return null
     case 'disabled':

package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs

@@ -86,7 +86,8 @@ var ConfirmationModal = function (_a) {
     confirmWorking = _a.confirmWorking,
     propsOnDismiss = _a.onDismiss,
     children = _a.children,
-    props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
+    className = _a.className,
+    props = tslib.__rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children", "className"]);
   var variantName = variant !== null && variant !== undefined ? variant : mood;
   var onDismiss = confirmWorking ? undefined : propsOnDismiss;
   var footerActions = [];
@@ -112,7 +113,8 @@ var ConfirmationModal = function (_a) {
     onEscapeKeyup: onDismiss,
     onOutsideModalClick: onDismiss,
     onAfterLeave: onAfterLeave,
-    onAfterEnter: onAfterEnter
+    onAfterEnter: onAfterEnter,
+    className: className
   }, React__default.default.createElement("div", tslib.__assign({
     className: ConfirmationModal_module.modal,
     "data-modal": true

package/dist/cjs/Modal/ContextModal/ContextModal.cjs

@@ -44,7 +44,8 @@ var ContextModal = function (_a) {
     image = _a.image,
     secondaryLabel = _a.secondaryLabel,
     onSecondaryAction = _a.onSecondaryAction,
-    props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
+    className = _a.className,
+    props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction", "className"]);
   var onDismiss = confirmWorking ? undefined : propsOnDismiss;
   var footerActions = [];
   var workingProps = confirmWorking ? {
@@ -71,7 +72,8 @@ var ContextModal = function (_a) {
     onEscapeKeyup: onDismiss,
     onOutsideModalClick: onDismiss,
     onAfterLeave: onAfterLeave,
-    onAfterEnter: onAfterEnter
+    onAfterEnter: onAfterEnter,
+    className: className
   }, React__default.default.createElement("div", tslib.__assign({
     className: ContextModal_module.modal,
     "data-modal": true

package/dist/cjs/Modal/GenericModal/GenericModal.cjs

@@ -23,7 +23,8 @@ var GenericModal = function (_a) {
     onEscapeKeyup = _a.onEscapeKeyup,
     onOutsideModalClick = _a.onOutsideModalClick,
     onAfterEnter = _a.onAfterEnter,
-    propsOnAfterLeave = _a.onAfterLeave;
+    propsOnAfterLeave = _a.onAfterLeave,
+    className = _a.className;
   var reactId = React.useId();
   var id = propsId !== null && propsId !== undefined ? propsId : reactId;
   var labelledByID = React.useId();
@@ -119,7 +120,8 @@ var GenericModal = function (_a) {
     "data-generic-modal-transition-wrapper": true,
     onClick: function (e) {
       return e.stopPropagation();
-    }
+    },
+    className: className
   }, React__default.default.createElement(FocusLock__default.default, {
     disabled: focusLockDisabled,
     returnFocus: true,

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs

@@ -44,7 +44,8 @@ var InputEditModal = function (_a) {
     unpadded = _e === undefined ? false : _e,
     propsOnDismiss = _a.onDismiss,
     onAfterEnter = _a.onAfterEnter,
-    props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);
+    className = _a.className,
+    props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter", "className"]);
   var onDismiss = submitWorking ? undefined : propsOnDismiss;
   var submitAction = {
     label: submitLabel,
@@ -65,7 +66,8 @@ var InputEditModal = function (_a) {
     isOpen: isOpen,
     onEscapeKeyup: onDismiss,
     onAfterLeave: onAfterLeave,
-    onAfterEnter: onAfterEnter
+    onAfterEnter: onAfterEnter,
+    className: className
   }, React__default.default.createElement("div", tslib.__assign({
     className: InputEditModal_module.modal,
     dir: localeDirection,

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -78,7 +78,8 @@ const ConfirmationModal = /*#__PURE__*/function () {
       confirmWorking = _a.confirmWorking,
       propsOnDismiss = _a.onDismiss,
       children = _a.children,
-      props = __rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
+      className = _a.className,
+      props = __rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children", "className"]);
     var variantName = variant !== null && variant !== undefined ? variant : mood;
     var onDismiss = confirmWorking ? undefined : propsOnDismiss;
     var footerActions = [];
@@ -104,7 +105,8 @@ const ConfirmationModal = /*#__PURE__*/function () {
       onEscapeKeyup: onDismiss,
       onOutsideModalClick: onDismiss,
       onAfterLeave: onAfterLeave,
-      onAfterEnter: onAfterEnter
+      onAfterEnter: onAfterEnter,
+      className: className
     }, /*#__PURE__*/React.createElement("div", __assign({
       className: styles.modal,
       "data-modal": true

package/dist/esm/Modal/ContextModal/ContextModal.mjs

@@ -36,7 +36,8 @@ const ContextModal = /*#__PURE__*/function () {
       image = _a.image,
       secondaryLabel = _a.secondaryLabel,
       onSecondaryAction = _a.onSecondaryAction,
-      props = __rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
+      className = _a.className,
+      props = __rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "onAfterEnter", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction", "className"]);
     var onDismiss = confirmWorking ? undefined : propsOnDismiss;
     var footerActions = [];
     var workingProps = confirmWorking ? {
@@ -63,7 +64,8 @@ const ContextModal = /*#__PURE__*/function () {
       onEscapeKeyup: onDismiss,
       onOutsideModalClick: onDismiss,
       onAfterLeave: onAfterLeave,
-      onAfterEnter: onAfterEnter
+      onAfterEnter: onAfterEnter,
+      className: className
     }, /*#__PURE__*/React.createElement("div", __assign({
       className: styles.modal,
       "data-modal": true

package/dist/esm/Modal/GenericModal/GenericModal.mjs

@@ -15,7 +15,8 @@ const GenericModal = /*#__PURE__*/function () {
       onEscapeKeyup = _a.onEscapeKeyup,
       onOutsideModalClick = _a.onOutsideModalClick,
       onAfterEnter = _a.onAfterEnter,
-      propsOnAfterLeave = _a.onAfterLeave;
+      propsOnAfterLeave = _a.onAfterLeave,
+      className = _a.className;
     var reactId = useId();
     var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var labelledByID = useId();
@@ -111,7 +112,8 @@ const GenericModal = /*#__PURE__*/function () {
       "data-generic-modal-transition-wrapper": true,
       onClick: function (e) {
         return e.stopPropagation();
-      }
+      },
+      className: className
     }, /*#__PURE__*/React.createElement(FocusLock, {
       disabled: focusLockDisabled,
       returnFocus: true,

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs

@@ -36,7 +36,8 @@ const InputEditModal = /*#__PURE__*/function () {
       unpadded = _e === undefined ? false : _e,
       propsOnDismiss = _a.onDismiss,
       onAfterEnter = _a.onAfterEnter,
-      props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);
+      className = _a.className,
+      props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter", "className"]);
     var onDismiss = submitWorking ? undefined : propsOnDismiss;
     var submitAction = {
       label: submitLabel,
@@ -57,7 +58,8 @@ const InputEditModal = /*#__PURE__*/function () {
       isOpen: isOpen,
       onEscapeKeyup: onDismiss,
       onAfterLeave: onAfterLeave,
-      onAfterEnter: onAfterEnter
+      onAfterEnter: onAfterEnter,
+      className: className
     }, /*#__PURE__*/React.createElement("div", __assign({
       className: styles.modal,
       dir: localeDirection,

package/dist/types/Modal/ConfirmationModal/ConfirmationModal.d.ts

@@ -53,7 +53,7 @@ export type ConfirmationModalProps = BaseConfirmationModalProps & (ConfirmationM
  * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
  */
 export declare const ConfirmationModal: {
-    ({ isOpen, isProminent, unpadded, mood, variant, title, onConfirm, onAfterLeave, onAfterEnter, confirmLabel, dismissLabel, confirmWorking, onDismiss: propsOnDismiss, children, ...props }: ConfirmationModalProps): JSX.Element;
+    ({ isOpen, isProminent, unpadded, mood, variant, title, onConfirm, onAfterLeave, onAfterEnter, confirmLabel, dismissLabel, confirmWorking, onDismiss: propsOnDismiss, children, className, ...props }: ConfirmationModalProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/Modal/ContextModal/ContextModal.d.ts

@@ -39,6 +39,6 @@ export type ContextModalProps = Readonly<{
  * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
  */
 export declare const ContextModal: {
-    ({ isOpen, unpadded, layout, title, onConfirm, onDismiss: propsOnDismiss, onAfterLeave, onAfterEnter, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, secondaryLabel, onSecondaryAction, ...props }: ContextModalProps): JSX.Element;
+    ({ isOpen, unpadded, layout, title, onConfirm, onDismiss: propsOnDismiss, onAfterLeave, onAfterEnter, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, secondaryLabel, onSecondaryAction, className, ...props }: ContextModalProps): JSX.Element;
     displayName: string;
 };

package/dist/types/Modal/GenericModal/GenericModal.d.ts

@@ -10,8 +10,9 @@ export type GenericModalProps = {
     onAfterEnter?: () => void;
     /** A callback that is triggered after the modal is closed. */
     onAfterLeave?: () => void;
+    className?: string;
 };
 export declare const GenericModal: {
-    ({ id: propsId, children, isOpen, focusLockDisabled, onEscapeKeyup, onOutsideModalClick, onAfterEnter, onAfterLeave: propsOnAfterLeave, }: GenericModalProps): JSX.Element;
+    ({ id: propsId, children, isOpen, focusLockDisabled, onEscapeKeyup, onOutsideModalClick, onAfterEnter, onAfterLeave: propsOnAfterLeave, className, }: GenericModalProps): JSX.Element;
     displayName: string;
 };

package/dist/types/Modal/InputEditModal/InputEditModal.d.ts

@@ -33,6 +33,6 @@ export type InputEditModalProps = {
  * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
  */
 export declare const InputEditModal: {
-    ({ isOpen, mood, title, onSubmit, onSecondaryAction, onAfterLeave, localeDirection, submitLabel, dismissLabel, secondaryLabel, submitWorking, children, unpadded, onDismiss: propsOnDismiss, onAfterEnter, ...props }: InputEditModalProps): JSX.Element;
+    ({ isOpen, mood, title, onSubmit, onSecondaryAction, onAfterLeave, localeDirection, submitLabel, dismissLabel, secondaryLabel, submitWorking, children, unpadded, onDismiss: propsOnDismiss, onAfterEnter, className, ...props }: InputEditModalProps): JSX.Element;
     displayName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.73.1",
+  "version": "1.73.3",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/Icon/_docs/Icon.mdx

@@ -6,7 +6,7 @@ import * as IconStories from './Icon.docs.stories'
 
 # Icon (deprecated)
 
-<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Icons" />
+<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Icon" />
 
 <ReplacementNotice />
 

package/src/Modal/ConfirmationModal/ConfirmationModal.tsx

@@ -124,6 +124,7 @@ export const ConfirmationModal = ({
   confirmWorking,
   onDismiss: propsOnDismiss,
   children,
+  className,
   ...props
 }: ConfirmationModalProps): JSX.Element => {
   const variantName = variant ?? mood
@@ -158,6 +159,7 @@ export const ConfirmationModal = ({
       onOutsideModalClick={onDismiss}
       onAfterLeave={onAfterLeave}
       onAfterEnter={onAfterEnter}
+      className={className}
     >
       <div className={styles.modal} data-modal {...props}>
         <ModalHeader onDismiss={onDismiss}>

package/src/Modal/ContextModal/ContextModal.tsx

@@ -71,6 +71,7 @@ export const ContextModal = ({
   image,
   secondaryLabel,
   onSecondaryAction,
+  className,
   ...props
 }: ContextModalProps): JSX.Element => {
   const onDismiss = confirmWorking ? undefined : propsOnDismiss
@@ -105,6 +106,7 @@ export const ContextModal = ({
       onOutsideModalClick={onDismiss}
       onAfterLeave={onAfterLeave}
       onAfterEnter={onAfterEnter}
+      className={className}
     >
       <div className={styles.modal} data-modal {...props}>
         {renderBackground?.()}

package/src/Modal/GenericModal/GenericModal.tsx

@@ -17,6 +17,7 @@ export type GenericModalProps = {
   onAfterEnter?: () => void
   /** A callback that is triggered after the modal is closed. */
   onAfterLeave?: () => void
+  className?: string
 }
 
 export const GenericModal = ({
@@ -28,6 +29,7 @@ export const GenericModal = ({
   onOutsideModalClick,
   onAfterEnter,
   onAfterLeave: propsOnAfterLeave,
+  className,
 }: GenericModalProps): JSX.Element => {
   const reactId = useId()
   const id = propsId ?? reactId
@@ -137,6 +139,7 @@ export const GenericModal = ({
       afterLeave={onAfterLeaveHandler}
       data-generic-modal-transition-wrapper
       onClick={(e: React.MouseEvent): void => e.stopPropagation()}
+      className={className}
     >
       <FocusLock
         disabled={focusLockDisabled}

package/src/Modal/InputEditModal/InputEditModal.tsx

@@ -58,6 +58,7 @@ export const InputEditModal = ({
   unpadded = false,
   onDismiss: propsOnDismiss,
   onAfterEnter,
+  className,
   ...props
 }: InputEditModalProps): JSX.Element => {
   const onDismiss = submitWorking ? undefined : propsOnDismiss
@@ -87,6 +88,7 @@ export const InputEditModal = ({
       onEscapeKeyup={onDismiss}
       onAfterLeave={onAfterLeave}
       onAfterEnter={onAfterEnter}
+      className={className}
     >
       <div className={styles.modal} dir={localeDirection} data-modal {...props}>
         <ModalHeader onDismiss={onDismiss}>

package/src/__next__/Icon/_docs/Icon--api-specification.mdx

@@ -9,7 +9,7 @@ import * as IconStories from './Icon.docs.stories'
 Updated September 4, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__v2__/Icon"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Icon"
   designGuidelines="/?path=/docs/illustrations-icon-v2-usage-guidelines--docs"
 />
 

package/src/__next__/Icon/_docs/Icon--usage-guidelines.mdx

@@ -9,7 +9,7 @@ import * as IconStories from './Icon.docs.stories'
 Updated September 13, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__illustrations__/Icon/next"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Icon"
   apiSpecification="/?path=/docs/illustrations-icon-v3-api-specification--docs"
   figma="https://www.figma.com/design/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-Heart-UI-Kit?node-id=1929-3974"
 />

package/src/__next__/Menu/_docs/Menu--api-specification.mdx

@@ -10,7 +10,7 @@ import * as exampleStories from './Menu.stories'
 Updated December 16, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__actions__/Menu"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Menu"
   figma="https://www.figma.com/design/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-Heart-UI-Kit?m=auto&node-id=6262-0&t=I4H23jCrCJz4O2nf-1"
   designGuidelines="/?path=/docs/components-menu-menu-next-usage-guidelines--docs"
   ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Menu.html"

package/src/__next__/Menu/_docs/Menu--usage-guidelines.mdx

@@ -10,7 +10,7 @@ import * as MenuStories from './Menu.stories'
 Updated July 6, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__actions__/Menu"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Menu"
   figma="https://www.figma.com/design/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-Heart-UI-Kit?m=auto&node-id=6262-0&t=I4H23jCrCJz4O2nf-1"
   ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Menu.html"
   apiSpecification="/?path=/docs/actions-menu-v3-api-specification--docs"

package/src/__next__/Select/_docs/Select.mdx

@@ -4,10 +4,10 @@ import * as SelectStories from './Select.stories'
 
 <Meta of={SelectStories} />
 
-# Select (future)
+# Select (next)
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Select"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Select"
   figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A37837&mode=dev"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select"
 

package/src/__next__/Select/_docs/Select.stickersheet.stories.tsx

@@ -14,7 +14,7 @@ import {
 const IS_CHROMATIC = isChromatic()
 
 export default {
-  title: 'Components/Select/Select (future)',
+  title: 'Components/Select/Select (next)',
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

package/src/__next__/Select/_docs/Select.stories.tsx

@@ -7,7 +7,7 @@ import { type SelectOption } from '../types'
 import { groupedMockItems, mixedMockItemsDisabled, singleMockItems } from './mockData'
 
 const meta = {
-  title: 'Components/Select/Select (future)',
+  title: 'Components/Select/Select (next)',
   component: Select,
   argTypes: {
     items: {

package/src/__next__/Tabs/_docs/Tabs--api-specification.mdx

@@ -7,7 +7,7 @@ import * as TabsStories from './Tabs.stories'
 # Tabs (next)
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tabs"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tabs"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A28886&mode=design&t=AGMmnoJia9RscurE-1"
   designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs"
 

package/src/__next__/Tag/RemovableTag/_docs/RemovableTag.mdx

@@ -6,7 +6,7 @@ import * as RemovableTagStories from './RemovableTag.stories'
 
 # RemovableTag (next)
 
-<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tag/RemovableTag.tsx" />
+<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tag/RemovableTag" />
 
 <KAIOInstallation exportNames="RemovableTag" isNext />
 

package/src/__next__/Tooltip/_docs/ApiSpecification.mdx

@@ -10,7 +10,7 @@ import * as exampleStories from './Tooltip.stories'
 Updated June 25, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tooltip"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tooltip"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A32006&mode=design&t=LwTCBZ5E1uRvOA1l-1"
   designGuidelines="/?path=/docs/overlays-tooltip-next-usage-guidelines--docs"
   ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Tooltip.html"

package/src/__next__/Tooltip/_docs/Tooltip.mdx

@@ -13,7 +13,7 @@ import WhenToUsePng from './assets/tooltip_variant.png'
 Updated June 25, 2024
 
 <ResourceLinks
-  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tooltip"
+  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tooltip"
   figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A32006&mode=design&t=LwTCBZ5E1uRvOA1l-1"
   designGuidelines="/?path=/docs/overlays-tooltip-next-usage-guidelines--docs"
   ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Tooltip.html"