@kaizen/components 0.0.0-canary-calendar-native-popover-api-20250212022145 → 0.0.0-canary-link-canary-release-20250224232728

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

@@ -26,49 +26,36 @@ var CalendarPopover = function (_a) {
   var _b = React.useState(null),
     floatingElement = _b[0],
     setFloatingElement = _b[1];
-  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]);
+  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;
   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",
-    // @ts-expect-error this can be removed when we update to react 19
-    popover: "manual"
+    "aria-modal": "true"
   }, restProps), children);
 };
 CalendarPopover.displayName = 'CalendarPopover';

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

@@ -4,6 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
+require('../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
 var FilterButton = require('../../../FilterButton/FilterButton/FilterButton.cjs');
 var FilterButtonRemovable = require('../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
 var isRefObject = require('../../../../utils/isRefObject.cjs');

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+require('../../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
 var FilterButton = require('../../../../FilterButton/FilterButton/FilterButton.cjs');
 require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
 var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.cjs

@@ -3,6 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
+require('../../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
 require('../../../../FilterButton/FilterButton/FilterButton.cjs');
 var FilterButtonRemovable = require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
 var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');

package/dist/cjs/Link/Link.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var mergeClassNames = require('../utils/mergeClassNames.cjs');
+var LinkContent = require('./subcomponents/LinkContent.cjs');
+var Link_module = require('./Link.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Link = React.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 = tslib.__rest(_a, ["children", "variant", "size", "icon", "iconPosition", "isInline", "isDisabled", "className", "isUnderlined"]);
+  var childIsFunction = typeof children === 'function';
+  return React__default.default.createElement(reactAriaComponents.Link, tslib.__assign({
+    ref: ref,
+    className: mergeClassNames.mergeClassNames(Link_module.link, isDisabled && Link_module.isDisabled, isInline ? Link_module.isInline : Link_module[size], Link_module[variant], className),
+    isDisabled: isDisabled
+  }, otherProps), function (racStateProps) {
+    return React__default.default.createElement(LinkContent.LinkContent, {
+      icon: icon,
+      iconPosition: iconPosition,
+      isUnderlined: isUnderlined
+    }, childIsFunction ? children(racStateProps) : children);
+  });
+});
+Link.displayName = 'Link';
+exports.Link = Link;

package/dist/cjs/Link/Link.module.css.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+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"
+};
+module.exports = styles;

package/dist/cjs/Link/subcomponents/LinkContent.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+var mergeClassNames = require('../../utils/mergeClassNames.cjs');
+var Link_module = require('../Link.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var LinkIcon = function (_a) {
+  var icon = _a.icon;
+  return React__default.default.createElement("span", {
+    className: Link_module.icon
+  }, icon);
+};
+var LinkContent = function (_a) {
+  var children = _a.children,
+    icon = _a.icon,
+    iconPosition = _a.iconPosition,
+    isUnderlined = _a.isUnderlined;
+  var iconPositionStyling = iconPosition === 'start' ? Link_module.iconStart : Link_module.iconEnd;
+  return React__default.default.createElement("span", {
+    className: mergeClassNames.mergeClassNames(Link_module.linkContent, isUnderlined && Link_module.isUnderlined)
+  }, icon && iconPosition === 'start' && React__default.default.createElement(LinkIcon, {
+    icon: icon
+  }), React__default.default.createElement("span", {
+    className: mergeClassNames.mergeClassNames(icon && iconPositionStyling)
+  }, children), icon && iconPosition === 'end' && React__default.default.createElement(LinkIcon, {
+    icon: icon
+  }));
+};
+exports.LinkContent = LinkContent;

package/dist/cjs/Select/Select.cjs

@@ -36,13 +36,12 @@ var Select = React__default.default.forwardRef(function (_a, ref) {
     description = _a.description,
     propsFullWidth = _a.fullWidth,
     propsClassName = _a.className,
-    isDisabled = _a.isDisabled,
     placeholder = _a.placeholder,
-    props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled", "placeholder"]);
+    props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "placeholder"]);
   var reactId = React.useId();
   // the default for fullWidth depends on the variant
   var fullWidth = propsFullWidth !== null && propsFullWidth !== undefined ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
-  var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === 'default') && Select_module.default, reversed && Select_module.reversed, variant === 'secondary' && Select_module.secondary, variant === 'secondary-small' && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === 'error' && Select_module.error);
+  var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === 'default') && Select_module.default, reversed && Select_module.reversed, variant === 'secondary' && Select_module.secondary, variant === 'secondary-small' && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, props.isDisabled && Select_module.disabled, status === 'error' && Select_module.error);
   var labelId = React.useState(label ? reactId : undefined)[0];
   return React__default.default.createElement(React__default.default.Fragment, null, label ? React__default.default.createElement(Label.Label, {
     reversed: reversed,

package/dist/cjs/index.cjs

@@ -47,6 +47,7 @@ var Filter = require('./Filter/Filter/Filter.cjs');
 var FilterContents = require('./Filter/Filter/subcomponents/FilterContents/FilterContents.cjs');
 var FilterBar = require('./Filter/FilterBar/FilterBar.cjs');
 var FilterBarContext = require('./Filter/FilterBar/context/FilterBarContext.cjs');
+var FilterButtonBase = require('./Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
 var FilterButton = require('./Filter/FilterButton/FilterButton/FilterButton.cjs');
 var FilterButtonRemovable = require('./Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
 var FilterDatePicker = require('./Filter/FilterDatePicker/FilterDatePicker.cjs');
@@ -316,6 +317,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');
@@ -488,6 +490,7 @@ exports.FilterContents = FilterContents.FilterContents;
 exports.FilterBar = FilterBar.FilterBar;
 exports.FilterBarProvider = FilterBarContext.FilterBarProvider;
 exports.useFilterBarContext = FilterBarContext.useFilterBarContext;
+exports.FilterButtonBase = FilterButtonBase.FilterButtonBase;
 exports.FilterButton = FilterButton.FilterButton;
 exports.FilterButtonRemovable = FilterButtonRemovable.FilterButtonRemovable;
 exports.FilterDatePicker = FilterDatePicker.FilterDatePicker;
@@ -936,6 +939,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, useEffect } from 'react';
+import React, { useState } 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,49 +18,36 @@ const CalendarPopover = /*#__PURE__*/function () {
     var _b = useState(null),
       floatingElement = _b[0],
       setFloatingElement = _b[1];
-    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]);
+    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;
     return /*#__PURE__*/React.createElement("div", __assign({
       ref: setFloatingElement,
       style: floatingStyles,
       className: classnames(styles.calendarPopover, classNameOverride),
       role: "dialog",
-      "aria-modal": "true",
-      // @ts-expect-error this can be removed when we update to react 19
-      popover: "manual"
+      "aria-modal": "true"
     }, restProps), children);
   };
   CalendarPopover.displayName = 'CalendarPopover';

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import '../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import { FilterButton } from '../../../FilterButton/FilterButton/FilterButton.mjs';
 import { FilterButtonRemovable } from '../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
 import { isRefObject } from '../../../../utils/isRefObject.mjs';

package/dist/esm/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs

@@ -1,5 +1,6 @@
 import { __assign } from 'tslib';
 import React, { useRef } from 'react';
+import '../../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import { FilterButton } from '../../../../FilterButton/FilterButton/FilterButton.mjs';
 import '../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
 import { useMenuTriggerContext } from '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';

package/dist/esm/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs

@@ -1,6 +1,7 @@
 import { __assign } from 'tslib';
 import React, { useRef } from 'react';
 import classnames from 'classnames';
+import '../../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import '../../../../FilterButton/FilterButton/FilterButton.mjs';
 import { FilterButtonRemovable } from '../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
 import { useMenuTriggerContext } from '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';

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

@@ -26,13 +26,12 @@ const Select = /*#__PURE__*/function () {
       description = _a.description,
       propsFullWidth = _a.fullWidth,
       propsClassName = _a.className,
-      isDisabled = _a.isDisabled,
       placeholder = _a.placeholder,
-      props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled", "placeholder"]);
+      props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "placeholder"]);
     var reactId = useId();
     // the default for fullWidth depends on the variant
     var fullWidth = propsFullWidth !== null && propsFullWidth !== undefined ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
-    var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === 'default') && styles.default, reversed && styles.reversed, variant === 'secondary' && styles.secondary, variant === 'secondary-small' && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === 'error' && styles.error);
+    var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === 'default') && styles.default, reversed && styles.reversed, variant === 'secondary' && styles.secondary, variant === 'secondary-small' && styles.secondarySmall, !fullWidth && styles.notFullWidth, props.isDisabled && styles.disabled, status === 'error' && styles.error);
     var labelId = useState(label ? reactId : undefined)[0];
     return /*#__PURE__*/React.createElement(React.Fragment, null, label ? (/*#__PURE__*/React.createElement(Label, {
       reversed: reversed,

package/dist/esm/index.mjs

@@ -45,6 +45,7 @@ export { Filter } from './Filter/Filter/Filter.mjs';
 export { FilterContents } from './Filter/Filter/subcomponents/FilterContents/FilterContents.mjs';
 export { FilterBar } from './Filter/FilterBar/FilterBar.mjs';
 export { FilterBarProvider, useFilterBarContext } from './Filter/FilterBar/context/FilterBarContext.mjs';
+export { FilterButtonBase } from './Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 export { FilterButton } from './Filter/FilterButton/FilterButton/FilterButton.mjs';
 export { FilterButtonRemovable } from './Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
 export { FilterDatePicker } from './Filter/FilterDatePicker/FilterDatePicker.mjs';
@@ -314,6 +315,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';