@kaizen/components 0.0.0-canary-introduce-next-entrypoint-20250225031042 → 0.0.0-canary-react-19-peer-20250303022312

package/dist/cjs/index.cjs

@@ -63,6 +63,7 @@ var getTruncatedLabel = require('./Filter/FilterMultiSelect/utils/getTruncatedLa
 var getSelectedOptionLabels = require('./Filter/FilterMultiSelect/utils/getSelectedOptionLabels.cjs');
 var getSelectedOptionKeys = require('./Filter/FilterMultiSelect/utils/getSelectedOptionKeys.cjs');
 var FilterSelect = require('./Filter/FilterSelect/FilterSelect.cjs');
+var Focusable = require('./Focusable/Focusable.cjs');
 var GuidanceBlock = require('./GuidanceBlock/GuidanceBlock.cjs');
 var Heading = require('./Heading/Heading.cjs');
 var AcademyIcon = require('./Icon/AcademyIcon.cjs');
@@ -317,6 +318,7 @@ var InputSearch = require('./Input/InputSearch/InputSearch.cjs');
 var KaizenProvider = require('./KaizenProvider/KaizenProvider.cjs');
 var Label = require('./Label/Label.cjs');
 var LabelledMessage = require('./LabelledMessage/LabelledMessage.cjs');
+var Link = require('./Link/Link.cjs');
 var LikertScaleLegacy = require('./LikertScaleLegacy/LikertScaleLegacy.cjs');
 var LinkButton = require('./LinkButton/LinkButton.cjs');
 var LoadingGraphic = require('./Loading/LoadingGraphic/LoadingGraphic.cjs');
@@ -510,6 +512,7 @@ exports.getTruncatedLabels = getTruncatedLabel.getTruncatedLabels;
 exports.getSelectedOptionLabels = getSelectedOptionLabels.getSelectedOptionLabels;
 exports.getSelectedOptionKeys = getSelectedOptionKeys.getSelectedOptionKeys;
 exports.FilterSelect = FilterSelect.FilterSelect;
+exports.Focusable = Focusable.Focusable;
 exports.GuidanceBlock = GuidanceBlock.GuidanceBlock;
 exports.Heading = Heading.Heading;
 exports.AcademyIcon = AcademyIcon.AcademyIcon;
@@ -939,6 +942,7 @@ exports.InputSearch = InputSearch.InputSearch;
 exports.KaizenProvider = KaizenProvider.KaizenProvider;
 exports.Label = Label.Label;
 exports.LabelledMessage = LabelledMessage.LabelledMessage;
+exports.Link = Link.Link;
 exports.LikertScaleLegacy = LikertScaleLegacy.LikertScaleLegacy;
 exports.LinkButton = LinkButton.LinkButton;
 exports.LoadingGraphic = LoadingGraphic.LoadingGraphic;

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

@@ -63,6 +63,7 @@ var getTruncatedLabel = require('./Filter/FilterMultiSelect/utils/getTruncatedLa
 var getSelectedOptionLabels = require('./Filter/FilterMultiSelect/utils/getSelectedOptionLabels.cjs');
 var getSelectedOptionKeys = require('./Filter/FilterMultiSelect/utils/getSelectedOptionKeys.cjs');
 var FilterSelect = require('./Filter/FilterSelect/FilterSelect.cjs');
+var Focusable = require('./Focusable/Focusable.cjs');
 var GuidanceBlock = require('./GuidanceBlock/GuidanceBlock.cjs');
 var Heading = require('./Heading/Heading.cjs');
 var AcademyIcon = require('./Icon/AcademyIcon.cjs');
@@ -317,6 +318,7 @@ var InputSearch = require('./Input/InputSearch/InputSearch.cjs');
 var KaizenProvider = require('./KaizenProvider/KaizenProvider.cjs');
 var Label = require('./Label/Label.cjs');
 var LabelledMessage = require('./LabelledMessage/LabelledMessage.cjs');
+var Link = require('./Link/Link.cjs');
 var LikertScaleLegacy = require('./LikertScaleLegacy/LikertScaleLegacy.cjs');
 var LinkButton = require('./LinkButton/LinkButton.cjs');
 var LoadingGraphic = require('./Loading/LoadingGraphic/LoadingGraphic.cjs');
@@ -510,6 +512,7 @@ exports.getTruncatedLabels = getTruncatedLabel.getTruncatedLabels;
 exports.getSelectedOptionLabels = getSelectedOptionLabels.getSelectedOptionLabels;
 exports.getSelectedOptionKeys = getSelectedOptionKeys.getSelectedOptionKeys;
 exports.FilterSelect = FilterSelect.FilterSelect;
+exports.Focusable = Focusable.Focusable;
 exports.GuidanceBlock = GuidanceBlock.GuidanceBlock;
 exports.Heading = Heading.Heading;
 exports.AcademyIcon = AcademyIcon.AcademyIcon;
@@ -939,6 +942,7 @@ exports.InputSearch = InputSearch.InputSearch;
 exports.KaizenProvider = KaizenProvider.KaizenProvider;
 exports.Label = Label.Label;
 exports.LabelledMessage = LabelledMessage.LabelledMessage;
+exports.Link = Link.Link;
 exports.LikertScaleLegacy = LikertScaleLegacy.LikertScaleLegacy;
 exports.LinkButton = LinkButton.LinkButton;
 exports.LoadingGraphic = LoadingGraphic.LoadingGraphic;

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useFloating, size, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import styles from './CalendarPopover.module.scss.mjs';
@@ -18,36 +18,49 @@ const CalendarPopover = /*#__PURE__*/function () {
     var _b = useState(null),
       floatingElement = _b[0],
       setFloatingElement = _b[1];
-    var floatingStyles = useFloating(__assign({
-      placement: 'bottom-start',
-      elements: {
-        reference: referenceElement,
-        floating: floatingElement
-      },
-      strategy: 'fixed',
-      middleware: [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")
-          });
-        }
-      }), offset(15), autoPlacement({
-        allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
-      })],
-      whileElementsMounted: autoUpdate
-    }, floatingOptions)).floatingStyles;
+    var _c = useFloating(__assign({
+        placement: 'bottom-start',
+        elements: {
+          reference: referenceElement,
+          floating: floatingElement
+        },
+        strategy: 'fixed',
+        middleware: [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")
+            });
+          }
+        }), offset(15), autoPlacement({
+          allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
+        })],
+        whileElementsMounted: autoUpdate
+      }, floatingOptions)),
+      floatingStyles = _c.floatingStyles,
+      update = _c.update;
+    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 /*#__PURE__*/React.createElement("div", __assign({
       ref: setFloatingElement,
       style: floatingStyles,
       className: classnames(styles.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/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/Link/Link.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Link as Link$1 } from 'react-aria-components';
+import { mergeClassNames } from '../utils/mergeClassNames.mjs';
+import { LinkContent } from './subcomponents/LinkContent.mjs';
+import styles from './Link.module.css.mjs';
+const Link = /*#__PURE__*/function () {
+  const Link = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var children = _a.children,
+      _b = _a.variant,
+      variant = _b === undefined ? 'primary' : _b,
+      _c = _a.size,
+      size = _c === undefined ? 'body' : _c,
+      icon = _a.icon,
+      _d = _a.iconPosition,
+      iconPosition = _d === undefined ? 'end' : _d,
+      _e = _a.isInline,
+      isInline = _e === undefined ? false : _e,
+      isDisabled = _a.isDisabled,
+      className = _a.className,
+      _f = _a.isUnderlined,
+      isUnderlined = _f === undefined ? true : _f,
+      otherProps = __rest(_a, ["children", "variant", "size", "icon", "iconPosition", "isInline", "isDisabled", "className", "isUnderlined"]);
+    var childIsFunction = typeof children === 'function';
+    return /*#__PURE__*/React.createElement(Link$1, __assign({
+      ref: ref,
+      className: mergeClassNames(styles.link, isDisabled && styles.isDisabled, isInline ? styles.isInline : styles[size], styles[variant], className),
+      isDisabled: isDisabled
+    }, otherProps), function (racStateProps) {
+      return /*#__PURE__*/React.createElement(LinkContent, {
+        icon: icon,
+        iconPosition: iconPosition,
+        isUnderlined: isUnderlined
+      }, childIsFunction ? children(racStateProps) : children);
+    });
+  });
+  Link.displayName = 'Link';
+  return Link;
+}();
+export { Link };

package/dist/esm/Link/Link.module.css.mjs

@@ -0,0 +1,18 @@
+var styles = {
+  "link": "Link-module_link__8oxip",
+  "isUnderlined": "Link-module_isUnderlined__qvbtS",
+  "icon": "Link-module_icon__CXh2J",
+  "iconStart": "Link-module_iconStart__ZysGR",
+  "iconEnd": "Link-module_iconEnd__-DTiD",
+  "primary": "Link-module_primary__bmhX0",
+  "secondary": "Link-module_secondary__pyYIV",
+  "isInline": "Link-module_isInline__sznAm",
+  "extra-small": "Link-module_extra-small__nScM0",
+  "body": "Link-module_body__H4Jgj",
+  "intro-lede": "Link-module_intro-lede__38Y6J",
+  "small": "Link-module_small__4kJcR",
+  "white": "Link-module_white__qQr6q",
+  "isDisabled": "Link-module_isDisabled__gvLNv",
+  "reversed": "Link-module_reversed__IqX8B"
+};
+export { styles as default };

package/dist/esm/Link/subcomponents/LinkContent.mjs

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mergeClassNames } from '../../utils/mergeClassNames.mjs';
+import styles from '../Link.module.css.mjs';
+var LinkIcon = function (_a) {
+  var icon = _a.icon;
+  return /*#__PURE__*/React.createElement("span", {
+    className: styles.icon
+  }, icon);
+};
+var LinkContent = function (_a) {
+  var children = _a.children,
+    icon = _a.icon,
+    iconPosition = _a.iconPosition,
+    isUnderlined = _a.isUnderlined;
+  var iconPositionStyling = iconPosition === 'start' ? styles.iconStart : styles.iconEnd;
+  return /*#__PURE__*/React.createElement("span", {
+    className: mergeClassNames(styles.linkContent, isUnderlined && styles.isUnderlined)
+  }, icon && iconPosition === 'start' && /*#__PURE__*/React.createElement(LinkIcon, {
+    icon: icon
+  }), /*#__PURE__*/React.createElement("span", {
+    className: mergeClassNames(icon && iconPositionStyling)
+  }, children), icon && iconPosition === 'end' && /*#__PURE__*/React.createElement(LinkIcon, {
+    icon: icon
+  }));
+};
+export { LinkContent };

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/index.mjs

@@ -61,6 +61,7 @@ export { getTruncatedLabels } from './Filter/FilterMultiSelect/utils/getTruncate
 export { getSelectedOptionLabels } from './Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs';
 export { getSelectedOptionKeys } from './Filter/FilterMultiSelect/utils/getSelectedOptionKeys.mjs';
 export { FilterSelect } from './Filter/FilterSelect/FilterSelect.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { GuidanceBlock } from './GuidanceBlock/GuidanceBlock.mjs';
 export { Heading } from './Heading/Heading.mjs';
 export { AcademyIcon } from './Icon/AcademyIcon.mjs';
@@ -315,6 +316,7 @@ export { InputSearch } from './Input/InputSearch/InputSearch.mjs';
 export { KaizenProvider } from './KaizenProvider/KaizenProvider.mjs';
 export { Label } from './Label/Label.mjs';
 export { LabelledMessage } from './LabelledMessage/LabelledMessage.mjs';
+export { Link } from './Link/Link.mjs';
 export { LikertScaleLegacy } from './LikertScaleLegacy/LikertScaleLegacy.mjs';
 export { LinkButton } from './LinkButton/LinkButton.mjs';
 export { LoadingGraphic } from './Loading/LoadingGraphic/LoadingGraphic.mjs';

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/esm/utilitiesV3.mjs

@@ -61,6 +61,7 @@ export { getTruncatedLabels } from './Filter/FilterMultiSelect/utils/getTruncate
 export { getSelectedOptionLabels } from './Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs';
 export { getSelectedOptionKeys } from './Filter/FilterMultiSelect/utils/getSelectedOptionKeys.mjs';
 export { FilterSelect } from './Filter/FilterSelect/FilterSelect.mjs';
+export { Focusable } from './Focusable/Focusable.mjs';
 export { GuidanceBlock } from './GuidanceBlock/GuidanceBlock.mjs';
 export { Heading } from './Heading/Heading.mjs';
 export { AcademyIcon } from './Icon/AcademyIcon.mjs';
@@ -315,6 +316,7 @@ export { InputSearch } from './Input/InputSearch/InputSearch.mjs';
 export { KaizenProvider } from './KaizenProvider/KaizenProvider.mjs';
 export { Label } from './Label/Label.mjs';
 export { LabelledMessage } from './LabelledMessage/LabelledMessage.mjs';
+export { Link } from './Link/Link.mjs';
 export { LikertScaleLegacy } from './LikertScaleLegacy/LikertScaleLegacy.mjs';
 export { LinkButton } from './LinkButton/LinkButton.mjs';
 export { LoadingGraphic } from './Loading/LoadingGraphic/LoadingGraphic.mjs';