@kaizen/components 0.0.0-canary-button-codemod-canary-20250212054517 → 0.0.0-canary-link-canary-release-20250224232728

package/bin/codemod.sh

@@ -31,8 +31,6 @@ echo ""
 
 if npx tsx@latest $CODEMOD_PATH $TARGET_DIR; then
   echo "Codemod '$codemodFileName' completed successfully in directory '$transformDir'"
-  echo "---"
-  echo "Run linting and prettier to correct issues with re-writes"
 else
   echo "Codemod '$codemodFileName' could not be run in '$TARGET_DIR'"
   exit 1

package/codemods/README.md

@@ -103,51 +103,6 @@ Released in `1.60.0`
 
 Removes `Popover` component props `variant` and `customIcon`.
 
-### `upgradeV1Buttons`
-
-Released in `TBC`
-
-Migrates `Button` and `IconButton` component to `Button` V3 or `LinkButton`.
-
-#### Props
-
-- `label` becomes `children`
-  - eg. `<IconButton label="Hello" />` becomes `<Button>Hello</Button>`
-- `onClick` becomes `onPress`
-- Variants:
-  - Default (undefined):
-    - For `Button` becomes `variant="secondary"`
-    - For `IconButton` becomes `variant="tertiary"`
-  - `primary` becomes `variant="primary"`
-  - `secondary` becomes `variant="tertiary"`
-  - `destructive` will be removed (no longer available as a variant)
-- Sizes:
-  - Default (undefined) becomes `large`
-  - `small` becomes `medium`
-  - `regular` becomes `large`
-- `reversed` becomes `isReversed`
-- `classNameOverride` becomes `className`
-- `data-automation-id` becomes `data-testid`
-- `disabled` becomes `isDisabled`
-- `newTabAndIUnderstandTheAccessibilityImplications` becomes `target="_blank"`
-  - `rel="noopener noreferrer"` is also added
-- `component` will not be removed by the codemod, but will throw a TypeScript error as the prop itself no longer exists
-- For `IconButton` only:
-  - `hasHiddenLabel` will be added
-
-#### Component transformation
-
-- `Button`/`IconButton` without the `href` or `component` prop will become `Button` V3
-- `Button`/`IconButton` with the `href` prop will become `LinkButton`
-- `Button`/`IconButton` with the `component` prop will become `LinkButton`
-
-#### Imports
-
-All imports of V1 Buttons will now point to either:
-
-- `@kaizen/components/v3/actions` for `Button`
-- `@kaizen/components` for `LinkButton`
-
 ### `upgradeIconV1`
 
 Released in `1.67.0`; last updated in `1.68.1`

package/codemods/utils/createProp.spec.ts

@@ -1,88 +1,32 @@
 import ts from 'typescript'
 import { parseJsx } from '../__tests__/utils/parseJsx'
-import { createProp, createStyleProp } from './createProp'
+import { createStyleProp } from './createProp'
 import { printAst } from './printAst'
 import { transformSource, type TransformSourceArgs } from './transformSource'
 import { updateJsxElementWithNewProps } from './updateJsxElementWithNewProps'
 
-export const mockTransformer: ts.TransformerFactory<ts.SourceFile> = (context) => (rootNode) => {
+export const mockedTransformer: ts.TransformerFactory<ts.SourceFile> = (context) => (rootNode) => {
   const visit = (node: ts.Node): ts.Node => {
     if (ts.isJsxOpeningElement(node) || ts.isJsxSelfClosingElement(node)) {
-      const newAttributes = node.attributes.properties.map((attr) => {
-        if (ts.isJsxAttribute(attr)) {
-          return createProp(`${attr.name.getText()}New`, attr.initializer)
-        }
-        return attr
-      })
-      return updateJsxElementWithNewProps(node, newAttributes)
-    }
-    return ts.visitEachChild(node, visit, context)
-  }
-  return ts.visitNode(rootNode, visit) as ts.SourceFile
-}
-
-const testCreateProp = (sourceFile: TransformSourceArgs['sourceFile']): string =>
-  transformSource({
-    sourceFile,
-    transformers: [mockTransformer],
-  })
-
-describe('createProp()', () => {
-  it('creates a prop with the pre-existing value', () => {
-    const inputAst = parseJsx('<Pancakes isBoolean={false} />')
-    const outputAst = parseJsx('<Pancakes isBooleanNew={false} />')
-    expect(testCreateProp(inputAst)).toEqual(printAst(outputAst))
-  })
+      if (node.tagName.getText() === 'Pancakes') {
+        const newAttributes = node.attributes.properties.map((attr) => {
+          if (ts.isJsxAttribute(attr)) {
+            if (attr.name.getText() === 'replaceWithExistingValue') {
+              return createStyleProp({ width: attr.initializer! })
+            }
 
-  it('creates a prop and transforms true to undefined', () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => (
-        <>
-          <Pancakes isBoolean />
-          <Pancakes isBoolean={false} />
-          <Pancakes stringProp="Hello" />
-          <Pancakes stringVarProp={stringVar} />
-          <Pancakes numberProp={3} />
-          <Pancakes objProp={{ key: 'value' }} />
-        </>
-      )
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => (
-        <>
-          <Pancakes isBooleanNew />
-          <Pancakes isBooleanNew={false} />
-          <Pancakes stringPropNew="Hello" />
-          <Pancakes stringVarPropNew={stringVar} />
-          <Pancakes numberPropNew={3} />
-          <Pancakes objPropNew={{ key: 'value' }} />
-        </>
-      )
-    `)
-    expect(testCreateProp(inputAst)).toEqual(printAst(outputAst))
-  })
-})
-
-export const styleTransformer: ts.TransformerFactory<ts.SourceFile> = (context) => (rootNode) => {
-  const visit = (node: ts.Node): ts.Node => {
-    if (ts.isJsxOpeningElement(node) || ts.isJsxSelfClosingElement(node)) {
-      const newAttributes = node.attributes.properties.map((attr) => {
-        if (ts.isJsxAttribute(attr)) {
-          if (attr.name.getText() === 'replaceWithExistingValue') {
-            return createStyleProp({ width: attr.initializer! })
-          }
-
-          if (attr.name.getText() === 'replaceWithStringValue') {
-            return createStyleProp({ width: '100px' })
-          }
+            if (attr.name.getText() === 'replaceWithStringValue') {
+              return createStyleProp({ width: '100px' })
+            }
 
-          if (attr.name.getText() === 'replaceWithNumberValue') {
-            return createStyleProp({ width: 100 })
+            if (attr.name.getText() === 'replaceWithNumberValue') {
+              return createStyleProp({ width: 100 })
+            }
           }
-        }
-        return attr
-      })
-      return updateJsxElementWithNewProps(node, newAttributes)
+          return attr
+        })
+        return updateJsxElementWithNewProps(node, newAttributes)
+      }
     }
     return ts.visitEachChild(node, visit, context)
   }
@@ -92,7 +36,7 @@ export const styleTransformer: ts.TransformerFactory<ts.SourceFile> = (context)
 const testCreateStyleProp = (sourceFile: TransformSourceArgs['sourceFile']): string =>
   transformSource({
     sourceFile,
-    transformers: [styleTransformer],
+    transformers: [mockedTransformer],
   })
 
 describe('createStyleProp()', () => {

package/codemods/utils/createProp.ts

@@ -3,14 +3,7 @@ import ts from 'typescript'
 export const createProp = (
   name: string,
   value?: ts.JsxAttributeValue | undefined,
-): ts.JsxAttribute => {
-  // Transforms `propName={true}` to `propName`
-  if (value && ts.isJsxExpression(value) && value.expression?.kind === ts.SyntaxKind.TrueKeyword) {
-    return ts.factory.createJsxAttribute(ts.factory.createIdentifier(name), undefined)
-  }
-
-  return ts.factory.createJsxAttribute(ts.factory.createIdentifier(name), value)
-}
+): ts.JsxAttribute => ts.factory.createJsxAttribute(ts.factory.createIdentifier(name), value)
 
 export const createStringProp = (name: string, value: string): ts.JsxAttribute =>
   createProp(name, ts.factory.createStringLiteral(value))

package/codemods/utils/getKaioTagName.ts

@@ -5,17 +5,10 @@ type ImportModuleNamedImports = {
   namedImports: ts.NodeArray<ts.ImportSpecifier>
 }
 
-const getKaioNamedImports = (
-  visitedNode: ts.Node,
-  importSource?: string,
-): ImportModuleNamedImports | undefined => {
+const getKaioNamedImports = (visitedNode: ts.Node): ImportModuleNamedImports | undefined => {
   if (ts.isImportDeclaration(visitedNode)) {
     const moduleSpecifier = (visitedNode.moduleSpecifier as ts.StringLiteral).text
-    const hasMatch = importSource
-      ? moduleSpecifier === importSource
-      : moduleSpecifier.includes('@kaizen/components')
-
-    if (hasMatch) {
+    if (moduleSpecifier.includes('@kaizen/components')) {
       const namedBindings = visitedNode.importClause?.namedBindings
       if (namedBindings && ts.isNamedImports(namedBindings)) {
         return {
@@ -49,13 +42,12 @@ const getNamesFromSpecifier = (importSpecifier: ts.ImportSpecifier): ImportSpeci
  */
 export const getKaioTagName = (
   node: ts.Node,
-  componentName: string,
-  importSource?: string,
+  importSpecifierTarget: string,
 ): string | undefined => {
   let alias: string | undefined
 
   const visitNode = (visitedNode: ts.Node): string | undefined => {
-    const kaioNamedImports = getKaioNamedImports(visitedNode, importSource)
+    const kaioNamedImports = getKaioNamedImports(visitedNode)
 
     if (!kaioNamedImports) {
       return ts.forEachChild(visitedNode, visitNode)
@@ -64,7 +56,7 @@ export const getKaioTagName = (
     kaioNamedImports.namedImports.find((importSpecifier) => {
       const { tagName, originalName } = getNamesFromSpecifier(importSpecifier)
 
-      if (originalName === componentName) {
+      if (originalName === importSpecifierTarget) {
         alias = tagName
         return true
       }

package/codemods/utils/index.ts

@@ -1,4 +1,3 @@
-export * from './createJsxElementWithChildren'
 export * from './createProp'
 export * from './getPropValueText'
 export * from './getKaioTagName'

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