@kaizen/components 1.72.0 → 1.73.0

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

@@ -318,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');
@@ -941,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/utilitiesV3.cjs

@@ -318,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');
@@ -941,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/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

@@ -316,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/utilitiesV3.mjs

@@ -316,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';