@kaizen/components 1.70.24 → 1.72.0

package/codemods/README.md

@@ -115,9 +115,9 @@ Migrates `*Icon` components to a new equivalent.
   - `aria-label` will be replaced with `accessibilityLabel` (with a fallback value of `"Loading"`)
   - `role` will be removed
   - `viewBox` will be removed
-- All other Icons become future `Icon`
-  - **Note:** See [Icon API Specification (Future)](https://cultureamp.design/?path=/docs/illustrations-icon-icon-future-api-specification--docs) for setup instructions
-  - Icons previously filled may become unfilled. This is intentional as filled icons should only be for active states or selection (see [Icon Usage Guidelines (Future)](https://cultureamp.design/?path=/docs/illustrations-icon-icon-future-usage-guidelines--docs#do-use-the-appropriate-fill-for-the-icon-context-and-state))
+- All other Icons become next `Icon`
+  - **Note:** See [Icon API Specification (next)](https://cultureamp.design/?path=/docs/illustrations-icon-icon-next-api-specification--docs) for setup instructions
+  - Icons previously filled may become unfilled. This is intentional as filled icons should only be for active states or selection (see [Icon Usage Guidelines (next)](https://cultureamp.design/?path=/docs/illustrations-icon-icon-next-usage-guidelines--docs#do-use-the-appropriate-fill-for-the-icon-context-and-state))
   - `role="presentational"` becomes `isPresentational`
   - `role="img"` will be removed (as `aria-label` should exist)
   - `aria-label` becomes `alt`

package/codemods/upgradeIconV1/getNewIconPropsFromOldIconName.ts

@@ -1,5 +1,5 @@
 import type * as OLD_ICONS from '~components/Icon'
-import { type IconNames } from '~components/__rc__/Icon/types'
+import { type IconNames } from '~components/__next__/Icon/types'
 import { type StringSuggestions } from '~components/types/StringSuggestions'
 
 // `undefined` means the icon has no usage, thus is not available in the new icon set

package/codemods/upgradeIconV1/index.ts

@@ -2,7 +2,7 @@ import { transformComponentsInDirByPattern } from '../utils'
 import { upgradeIconV1 } from './upgradeIconV1'
 
 const run = (): void => {
-  console.log('~(-_- ~) Running Icon v1 to Future upgrade (~ -_-)~')
+  console.log('~(-_- ~) Running Icon v1 to Next upgrade (~ -_-)~')
 
   const targetDir = process.argv[2]
   if (!targetDir) {

package/codemods/upgradeIconV1/upgradeIconV1.spec.ts

@@ -126,7 +126,7 @@ describe('upgradeIconV1()', () => {
       export const TestComponent = () => <FlagOnIcon />
     `)
     const outputAst = parseJsx(`
-      import { Icon } from "@kaizen/components/future"
+      import { Icon } from "@kaizen/components/next"
       export const TestComponent = () => <Icon name="flag" isFilled />
     `)
     expect(transformIcons(inputAst)).toEqual(printAst(outputAst))
@@ -138,7 +138,7 @@ describe('upgradeIconV1()', () => {
       export const TestComponent = () => <IconAlias />
     `)
     const outputAst = parseJsx(`
-      import { Icon } from "@kaizen/components/future"
+      import { Icon } from "@kaizen/components/next"
       export const TestComponent = () => <Icon name="menu" />
     `)
     expect(transformIcons(inputAst)).toEqual(printAst(outputAst))
@@ -152,7 +152,7 @@ describe('upgradeIconV1()', () => {
       `)
       const outputAst = parseJsx(`
         import { Card } from "@kaizen/components"
-        import { Icon } from "@kaizen/components/future"
+        import { Icon } from "@kaizen/components/next"
         export const TestComponent = () => <Card><Icon name="add" /></Card>
       `)
       expect(transformIcons(inputAst)).toEqual(printAst(outputAst))
@@ -171,7 +171,7 @@ describe('upgradeIconV1()', () => {
         )
       `)
       const outputAst = parseJsx(`
-        import { Icon } from "@kaizen/components/future"
+        import { Icon } from "@kaizen/components/next"
         import { HamburgerIcon as HamHam } from "somewhere-else"
         export const TestComponent = () => (
           <>

package/codemods/upgradeIconV1/upgradeIconV1.ts

@@ -67,7 +67,7 @@ export const upgradeIconV1 =
           }
 
           setImportToRemove(importsToRemove, oldImportSource, kaioComponentName)
-          setImportToAdd(importsToAdd, '@kaizen/components/future', {
+          setImportToAdd(importsToAdd, '@kaizen/components/next', {
             componentName: 'Icon',
           })
 

package/codemods/utils/getKaioTagName.spec.ts

@@ -63,7 +63,7 @@ describe('getKaioTagNamesMapByComponentName()', () => {
   it('returns import attributes from different KAIO imports', () => {
     const input = parseJsx(`
       import { Button as KzButton } from "@kaizen/components"
-      import { Button as FutureButton } from "@kaizen/components/future"
+      import { Button as FutureButton } from "@kaizen/components/next"
     `)
     const tagNames = getKaioTagNamesMapByComponentName(input, ['Button'])
     expect(tagNames).toEqual(
@@ -79,7 +79,7 @@ describe('getKaioTagNamesMapByComponentName()', () => {
         [
           'FutureButton',
           {
-            importModuleName: '@kaizen/components/future',
+            importModuleName: '@kaizen/components/next',
             tagName: 'FutureButton',
             originalName: 'Button',
           },
@@ -189,7 +189,7 @@ describe('getKaioTagNamesMapByPattern()', () => {
   it('returns import attributes from different KAIO imports', () => {
     const input = parseJsx(`
       import { AddIcon, Well } from "@kaizen/components"
-      import { Icon } from "@kaizen/components/future"
+      import { Icon } from "@kaizen/components/next"
     `)
     const tagNames = getKaioTagNamesMapByPattern(input, 'Icon$')
     expect(tagNames).toEqual(
@@ -205,7 +205,7 @@ describe('getKaioTagNamesMapByPattern()', () => {
         [
           'Icon',
           {
-            importModuleName: '@kaizen/components/future',
+            importModuleName: '@kaizen/components/next',
             tagName: 'Icon',
             originalName: 'Icon',
           },

package/codemods/utils/getKaioTagName.ts

@@ -71,7 +71,7 @@ export const getKaioTagName = (
 }
 
 type TagImportAttributes = {
-  // Import module name (eg. `@kaizen/components/future`)
+  // Import module name (eg. `@kaizen/components/next`)
   importModuleName: string
   // Component name or alias
   tagName: string

package/codemods/utils/updateKaioImports.spec.ts

@@ -44,10 +44,10 @@ describe('updateKaioImports()', () => {
     it('removes import statement when all named imports are removed', () => {
       const inputAst = parseJsx(`
         import { Card } from "@kaizen/components"
-        import { Select } from "@kaizen/components/future"
+        import { Select } from "@kaizen/components/next"
       `)
       const outputAst = parseJsx(`
-        import { Select } from "@kaizen/components/future"
+        import { Select } from "@kaizen/components/next"
       `)
       expect(
         transformInput(inputAst)({
@@ -58,10 +58,10 @@ describe('updateKaioImports()', () => {
 
     it('does nothing if the import does not exist', () => {
       const inputAst = parseJsx(`
-        import { Select } from "@kaizen/components/future"
+        import { Select } from "@kaizen/components/next"
       `)
       const outputAst = parseJsx(`
-        import { Select } from "@kaizen/components/future"
+        import { Select } from "@kaizen/components/next"
       `)
       expect(
         transformInput(inputAst)({
@@ -78,12 +78,12 @@ describe('updateKaioImports()', () => {
       `)
       const outputAst = parseJsx(`
         import { Well } from "@kaizen/components"
-        import { Card } from "@kaizen/components/future"
+        import { Card } from "@kaizen/components/next"
       `)
       expect(
         transformInput(inputAst)({
           importsToAdd: new Map([
-            ['@kaizen/components/future', new Map([['Card', { componentName: 'Card' }]])],
+            ['@kaizen/components/next', new Map([['Card', { componentName: 'Card' }]])],
           ]),
         }),
       ).toEqual(printAst(outputAst))
@@ -95,13 +95,13 @@ describe('updateKaioImports()', () => {
       `)
       const outputAst = parseJsx(`
         import { Well } from "@kaizen/components"
-        import { Card as KzCard } from "@kaizen/components/future"
+        import { Card as KzCard } from "@kaizen/components/next"
       `)
       expect(
         transformInput(inputAst)({
           importsToAdd: new Map([
             [
-              '@kaizen/components/future',
+              '@kaizen/components/next',
               new Map([['Card', { componentName: 'Card', alias: 'KzCard' }]]),
             ],
           ]),
@@ -111,15 +111,15 @@ describe('updateKaioImports()', () => {
 
     it('does not add a new named import if it already exists', () => {
       const inputAst = parseJsx(`
-        import { Icon } from "@kaizen/components/future"
+        import { Icon } from "@kaizen/components/next"
       `)
       const outputAst = parseJsx(`
-        import { Icon } from "@kaizen/components/future"
+        import { Icon } from "@kaizen/components/next"
       `)
       expect(
         transformInput(inputAst)({
           importsToAdd: new Map([
-            ['@kaizen/components/future', new Map([['Icon', { componentName: 'Icon' }]])],
+            ['@kaizen/components/next', new Map([['Icon', { componentName: 'Icon' }]])],
           ]),
         }),
       ).toEqual(printAst(outputAst))
@@ -127,15 +127,15 @@ describe('updateKaioImports()', () => {
 
     it('updates existing import declaration with new imports', () => {
       const inputAst = parseJsx(`
-        import { Select } from "@kaizen/components/future"
+        import { Select } from "@kaizen/components/next"
       `)
       const outputAst = parseJsx(`
-        import { Select, Card } from "@kaizen/components/future"
+        import { Select, Card } from "@kaizen/components/next"
       `)
       expect(
         transformInput(inputAst)({
           importsToAdd: new Map([
-            ['@kaizen/components/future', new Map([['Card', { componentName: 'Card' }]])],
+            ['@kaizen/components/next', new Map([['Card', { componentName: 'Card' }]])],
           ]),
         }),
       ).toEqual(printAst(outputAst))
@@ -151,13 +151,13 @@ describe('updateKaioImports()', () => {
         const outputAst = parseJsx(`
           import React from "react"
           import { Well } from "@kaizen/components"
-          import { Card } from "@kaizen/components/future"
+          import { Card } from "@kaizen/components/next"
           import styles from "@kaizen/components/dist/styles.css"
         `)
         expect(
           transformInput(inputAst)({
             importsToAdd: new Map([
-              ['@kaizen/components/future', new Map([['Card', { componentName: 'Card' }]])],
+              ['@kaizen/components/next', new Map([['Card', { componentName: 'Card' }]])],
             ]),
           }),
         ).toEqual(printAst(outputAst))
@@ -172,13 +172,13 @@ describe('updateKaioImports()', () => {
         const outputAst = parseJsx(`
           import React from "react"
           import { Well } from "@kaizen/components/v1"
-          import { Card } from "@kaizen/components/future"
+          import { Card } from "@kaizen/components/next"
           import styles from "@kaizen/components/dist/styles.css"
         `)
         expect(
           transformInput(inputAst)({
             importsToAdd: new Map([
-              ['@kaizen/components/future', new Map([['Card', { componentName: 'Card' }]])],
+              ['@kaizen/components/next', new Map([['Card', { componentName: 'Card' }]])],
             ]),
           }),
         ).toEqual(printAst(outputAst))
@@ -189,13 +189,13 @@ describe('updateKaioImports()', () => {
           import React from "react"
         `)
         const outputAst = parseJsx(`
-          import { Card } from "@kaizen/components/future"
+          import { Card } from "@kaizen/components/next"
           import React from "react"
         `)
         expect(
           transformInput(inputAst)({
             importsToAdd: new Map([
-              ['@kaizen/components/future', new Map([['Card', { componentName: 'Card' }]])],
+              ['@kaizen/components/next', new Map([['Card', { componentName: 'Card' }]])],
             ]),
           }),
         ).toEqual(printAst(outputAst))

package/dist/cjs/Avatar/Avatar.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var reactTextfit = require('react-textfit');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var Avatar_module = require('./Avatar.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/ButtonGroup/ButtonGroup.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var FilterButtonBase = require('../Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
-var index = require('../Tooltip/index.cjs');
+var Tooltip = require('../Tooltip/Tooltip.cjs');
 var ButtonGroup_module = require('./ButtonGroup.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -26,9 +26,9 @@ var ButtonGroup = function (_a) {
     className: classnames__default.default(ButtonGroup_module.buttonGroup, classNameOverride)
   }, restProps);
   if (childCount === 1) return React__default.default.createElement("div", tslib.__assign({}, containerProps), children);
-  return React__default.default.createElement("div", tslib.__assign({}, containerProps), React__default.default.Children.map(children, function (child, index$1) {
-    var buttonClassNames = classnames__default.default(ButtonGroup_module.child, index$1 === 0 && ButtonGroup_module.firstChild, index$1 === childCount - 1 && ButtonGroup_module.lastChild, child.props.classNameOverride);
-    if (child.type === index.Tooltip) {
+  return React__default.default.createElement("div", tslib.__assign({}, containerProps), React__default.default.Children.map(children, function (child, index) {
+    var buttonClassNames = classnames__default.default(ButtonGroup_module.child, index === 0 && ButtonGroup_module.firstChild, index === childCount - 1 && ButtonGroup_module.lastChild, child.props.classNameOverride);
+    if (child.type === Tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
         return React__default.default.cloneElement(child, {

package/dist/cjs/Calendar/CalendarPopover/CalendarPopover.cjs

@@ -26,36 +26,49 @@ var CalendarPopover = function (_a) {
   var _b = React.useState(null),
     floatingElement = _b[0],
     setFloatingElement = _b[1];
-  var floatingStyles = reactDom.useFloating(tslib.__assign({
-    placement: 'bottom-start',
-    elements: {
-      reference: referenceElement,
-      floating: floatingElement
-    },
-    strategy: 'fixed',
-    middleware: [reactDom.size({
-      apply: function (_a) {
-        var availableHeight = _a.availableHeight,
-          availableWidth = _a.availableWidth,
-          elements = _a.elements;
-        Object.assign(elements.floating.style, {
-          // 155 is enough of a minimum to cut off half of the second row of dates.
-          // This indicates to users that there is more content that is scrollable
-          maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
-          maxWidth: "".concat(availableWidth, "px")
-        });
-      }
-    }), reactDom.offset(15), reactDom.autoPlacement({
-      allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
-    })],
-    whileElementsMounted: reactDom.autoUpdate
-  }, floatingOptions)).floatingStyles;
+  var _c = reactDom.useFloating(tslib.__assign({
+      placement: 'bottom-start',
+      elements: {
+        reference: referenceElement,
+        floating: floatingElement
+      },
+      strategy: 'fixed',
+      middleware: [reactDom.size({
+        apply: function (_a) {
+          var availableHeight = _a.availableHeight,
+            availableWidth = _a.availableWidth,
+            elements = _a.elements;
+          Object.assign(elements.floating.style, {
+            // 155 is enough of a minimum to cut off half of the second row of dates.
+            // This indicates to users that there is more content that is scrollable
+            maxHeight: "".concat(Math.max(availableHeight - 25, 155), "px"),
+            maxWidth: "".concat(availableWidth, "px")
+          });
+        }
+      }), reactDom.offset(15), reactDom.autoPlacement({
+        allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
+      })],
+      whileElementsMounted: reactDom.autoUpdate
+    }, floatingOptions)),
+    floatingStyles = _c.floatingStyles,
+    update = _c.update;
+  React.useEffect(function () {
+    var _a;
+    if (floatingElement && referenceElement) {
+      // @ts-expect-error this can be removed when we update to react 19
+      referenceElement.popoverTargetElement = floatingElement;
+      (_a = floatingElement.showPopover) === null || _a === undefined ? undefined : _a.call(floatingElement);
+      update();
+    }
+  }, [referenceElement, floatingElement, update]);
   return React__default.default.createElement("div", tslib.__assign({
     ref: setFloatingElement,
     style: floatingStyles,
     className: classnames__default.default(CalendarPopover_module.calendarPopover, classNameOverride),
     role: "dialog",
-    "aria-modal": "true"
+    "aria-modal": "true",
+    // @ts-expect-error this can be removed when we update to react 19
+    popover: "manual"
   }, restProps), children);
 };
 CalendarPopover.displayName = 'CalendarPopover';

package/dist/cjs/Calendar/CalendarRange/CalendarRange.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var locale = require('date-fns/locale');
 var reactDayPicker = require('react-day-picker');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var baseCalendarClassNames = require('../baseCalendarClassNames.cjs');
 require('date-fns');
 var isInvalidDate = require('../utils/isInvalidDate.cjs');

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var locale = require('date-fns/locale');
 var reactDayPicker = require('react-day-picker');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var baseCalendarClassNames = require('../baseCalendarClassNames.cjs');
 require('date-fns');
 var isInvalidDate = require('../utils/isInvalidDate.cjs');

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var reactDayPicker = require('react-day-picker');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var baseCalendarClassNames = require('../baseCalendarClassNames.cjs');
 var enums = require('../enums.cjs');
 require('date-fns');

package/dist/cjs/Checkbox/Checkbox/Checkbox.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var Checkbox_module = require('./Checkbox.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/ClearButton/ClearButton.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var ClearButton_module = require('./ClearButton.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs

@@ -7,7 +7,7 @@ var AnimateHeight = require('react-animate-height');
 require('../../Button/Button/Button.cjs');
 var IconButton = require('../../Button/IconButton/IconButton.cjs');
 var Heading = require('../../Heading/Heading.cjs');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var Collapsible_module = require('./Collapsible.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var isRefObject = require('../../utils/isRefObject.cjs');
 var DateInput = require('../DateInput/DateInput.cjs');
 var DateInputWithIconButton_module = require('./DateInputWithIconButton.module.scss.cjs');

package/dist/cjs/DateRangePicker/DateRangePicker.cjs

@@ -15,7 +15,7 @@ var CalendarPopover = require('../Calendar/CalendarPopover/CalendarPopover.cjs')
 var LegacyCalendarRange = require('../Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs');
 var Label = require('../Label/Label.cjs');
 var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var DateRangePicker_module = require('./DateRangePicker.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/ErrorPage/ErrorPage.cjs

@@ -9,7 +9,7 @@ require('../Illustration/subcomponents/Base/Base.cjs');
 require('../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs');
 var Scene = require('../Illustration/Scene/Scene.cjs');
 var Text = require('../Text/Text.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var useErrorMessages = require('./hooks/useErrorMessages.cjs');
 var ErrorPage_module = require('./ErrorPage.module.scss.cjs');
 function _interopDefault(e) {

package/dist/cjs/FieldMessage/FieldMessage.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Text = require('../Text/Text.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var FieldMessage_module = require('./FieldMessage.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs

@@ -5,7 +5,7 @@ var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var Button = require('../../../../Button/Button/Button.cjs');
 require('../../../../Button/IconButton/IconButton.cjs');
 var index = require('../../../../Menu/index.cjs');
-var Icon = require('../../../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../../../__next__/Icon/Icon.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/Filter/FilterButton/FilterButton/FilterButton.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('../../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../../__next__/Icon/Icon.cjs');
 var isRefObject = require('../../../utils/isRefObject.cjs');
 var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.cjs');
 var FilterButton_module = require('./FilterButton.module.css.cjs');

package/dist/cjs/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs

@@ -5,8 +5,8 @@ var React = require('react');
 var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
 var ButtonGroup = require('../../../ButtonGroup/ButtonGroup.cjs');
-var index = require('../../../Tooltip/index.cjs');
-var Icon = require('../../../__rc__/Icon/Icon.cjs');
+var Tooltip = require('../../../Tooltip/Tooltip.cjs');
+var Icon = require('../../../__next__/Icon/Icon.cjs');
 var isRefObject = require('../../../utils/isRefObject.cjs');
 var FilterButton = require('../FilterButton/FilterButton.cjs');
 var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.cjs');
@@ -36,7 +36,7 @@ var FilterButtonRemovable = React.forwardRef(function (_a, ref) {
   var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === undefined ? undefined : removeButtonProps.tooltipText) !== null && _b !== undefined ? _b : removeButtonLabelFallback;
   return React__default.default.createElement(ButtonGroup.ButtonGroup, tslib.__assign({}, restProps), React__default.default.createElement(FilterButton.FilterButton, tslib.__assign({
     ref: ref
-  }, triggerButtonProps)), React__default.default.createElement(index.Tooltip, {
+  }, triggerButtonProps)), React__default.default.createElement(Tooltip.Tooltip, {
     text: removeButtonLabel,
     display: "inline-block",
     position: "below"

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs

@@ -8,7 +8,7 @@ var utils = require('@react-aria/utils');
 var classnames = require('classnames');
 var Badge = require('../../../../Badge/Badge.cjs');
 var VisuallyHidden = require('../../../../VisuallyHidden/VisuallyHidden.cjs');
-var Icon = require('../../../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../../../__next__/Icon/Icon.cjs');
 require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
 var MultiSelectOption_module = require('./MultiSelectOption.module.scss.cjs');

package/dist/cjs/Filter/FilterSelect/FilterSelect.cjs

@@ -7,18 +7,18 @@ var select$1 = require('@react-aria/select');
 var select = require('@react-stately/select');
 var Filter = require('../Filter/Filter.cjs');
 var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.cjs');
-var SelectContext = require('../../__rc__/Select/context/SelectContext.cjs');
-require('../../__rc__/Select/subcomponents/ListBox/ListBox.cjs');
-var ListBoxSection = require('../../__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.cjs');
-var ListItem = require('../../__rc__/Select/subcomponents/ListItem/ListItem.cjs');
-require('../../__rc__/Select/subcomponents/ListItems/ListItems.cjs');
-var Option = require('../../__rc__/Select/subcomponents/Option/Option.cjs');
-require('../../__rc__/Select/subcomponents/Overlay/Overlay.cjs');
-var SectionDivider = require('../../__rc__/Select/subcomponents/SectionDivider/SectionDivider.cjs');
-var SelectPopoverContents = require('../../__rc__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.cjs');
-require('../../__rc__/Select/subcomponents/SelectToggle/SelectToggle.cjs');
-var getDisabledKeysFromItems = require('../../__rc__/Select/utils/getDisabledKeysFromItems.cjs');
-var transformSelectItemToCollectionElement = require('../../__rc__/Select/utils/transformSelectItemToCollectionElement.cjs');
+var SelectContext = require('../../__next__/Select/context/SelectContext.cjs');
+require('../../__next__/Select/subcomponents/ListBox/ListBox.cjs');
+var ListBoxSection = require('../../__next__/Select/subcomponents/ListBoxSection/ListBoxSection.cjs');
+var ListItem = require('../../__next__/Select/subcomponents/ListItem/ListItem.cjs');
+require('../../__next__/Select/subcomponents/ListItems/ListItems.cjs');
+var Option = require('../../__next__/Select/subcomponents/Option/Option.cjs');
+require('../../__next__/Select/subcomponents/Overlay/Overlay.cjs');
+var SectionDivider = require('../../__next__/Select/subcomponents/SectionDivider/SectionDivider.cjs');
+var SelectPopoverContents = require('../../__next__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.cjs');
+require('../../__next__/Select/subcomponents/SelectToggle/SelectToggle.cjs');
+var getDisabledKeysFromItems = require('../../__next__/Select/utils/getDisabledKeysFromItems.cjs');
+var transformSelectItemToCollectionElement = require('../../__next__/Select/utils/transformSelectItemToCollectionElement.cjs');
 var FilterSelect_module = require('./FilterSelect.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

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/GuidanceBlock/GuidanceBlock.cjs

@@ -8,8 +8,8 @@ var Button = require('../Button/Button/Button.cjs');
 require('../Button/IconButton/IconButton.cjs');
 var Heading = require('../Heading/Heading.cjs');
 var Text = require('../Text/Text.cjs');
-var index = require('../Tooltip/index.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Tooltip = require('../Tooltip/Tooltip.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var GuidanceBlock_module = require('./GuidanceBlock.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -22,7 +22,7 @@ var Media__default = /*#__PURE__*/_interopDefault(Media);
 var WithTooltip = function (_a) {
   var tooltipProps = _a.tooltipProps,
     children = _a.children;
-  return tooltipProps ? React__default.default.createElement(index.Tooltip, tslib.__assign({}, tooltipProps), children) : React__default.default.createElement(React__default.default.Fragment, null, children);
+  return tooltipProps ? React__default.default.createElement(Tooltip.Tooltip, tslib.__assign({}, tooltipProps), children) : React__default.default.createElement(React__default.default.Fragment, null, children);
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |

package/dist/cjs/Illustration/utils/usePausePlay.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Input/InputSearch/InputSearch.cjs

@@ -10,7 +10,7 @@ require('../../Loading/LoadingHeading/LoadingHeading.cjs');
 require('../../Loading/LoadingInput/LoadingInput.cjs');
 require('../../Loading/LoadingParagraph/LoadingParagraph.cjs');
 var LoadingSpinner = require('../../Loading/LoadingSpinner/LoadingSpinner.cjs');
-var Icon = require('../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../__next__/Icon/Icon.cjs');
 var InputSearch_module = require('./InputSearch.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/LikertScaleLegacy/LikertScaleLegacy.cjs

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
 var Text = require('../Text/Text.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__next__/Icon/Icon.cjs');
 var determineSelectionFromKeyPress = require('./utils/determineSelectionFromKeyPress.cjs');
 var LikertScaleLegacy_module = require('./LikertScaleLegacy.module.scss.cjs');
 function _interopDefault(e) {