carbon-react 154.4.1 → 154.4.2

package/esm/components/icon-button/icon-button.component.js

@@ -1,48 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState, useCallback, useContext } from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import Events from "../../__internal__/utils/helpers/events";
-import StyledIconButton from "./icon-button.style";
-import { TooltipProvider } from "../../__internal__/tooltip-provider";
-import BatchSelectionContext from "../batch-selection/__internal__/batch-selection.context";
-const IconButton = /*#__PURE__*/React.forwardRef(({
-  "aria-label": ariaLabel,
-  onClick,
-  children,
-  disabled = false,
-  ...rest
-}, ref) => {
-  const {
-    batchSelectionDisabled
-  } = useContext(BatchSelectionContext);
-  const isDisabled = disabled || batchSelectionDisabled;
-  const [internalRef, setInternalRef] = useState();
-  const ariaLabelValue = ariaLabel || internalRef?.querySelector("[data-component='icon']")?.getAttribute("type") || "";
-  const handleKeyDown = e => {
-    if (Events.isEnterKey(e) || Events.isSpaceKey(e)) {
-      e.preventDefault();
-      onClick?.(e);
-    }
-  };
-  const setRefs = useCallback(reference => {
-    setInternalRef(reference);
-    if (!ref) return;
-    if (typeof ref === "object") ref.current = reference;
-    if (typeof ref === "function") ref(reference);
-  }, [ref]);
-  return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
-    p: 0
-  }, rest, {
-    "aria-label": ariaLabelValue,
-    onKeyDown: handleKeyDown,
-    onClick: onClick,
-    ref: setRefs,
-    disabled: isDisabled
-  }, tagComponent(rest["data-component"] ?? "icon-button", rest)), /*#__PURE__*/React.createElement(TooltipProvider, {
-    disabled: isDisabled,
-    focusable: false,
-    target: internalRef
-  }, children));
-});
-IconButton.displayName = "IconButton";
-export default IconButton;
+import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import i from"../../__internal__/utils/helpers/events/events.js";import c from"./icon-button.style.js";import{TooltipProvider as a}from"../../__internal__/tooltip-provider/index.js";import u from"../batch-selection/__internal__/batch-selection.context.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const f=t.forwardRef(((t,s)=>{var f,{"aria-label":y,onClick:O,children:d,disabled:m=!1}=t,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:g}=r(u),v=m||g,[_,h]=n(),w=y||(null==_||null===(f=_.querySelector("[data-component='icon']"))||void 0===f?void 0:f.getAttribute("type"))||"",P=o((e=>{h(e),s&&("object"==typeof s&&(s.current=e),"function"==typeof s&&s(e))}),[s]);var S;return e(c,b(p(b(p({p:0},j),{"aria-label":w,onKeyDown:e=>{(i.isEnterKey(e)||i.isSpaceKey(e))&&(e.preventDefault(),null==O||O(e))},onClick:e=>{null==_||_.focus(),null==O||O(e)},ref:P,disabled:v}),l(null!==(S=j["data-component"])&&void 0!==S?S:"icon-button",j)),{children:e(a,{disabled:v,focusable:!1,target:_,children:d})}))}));f.displayName="IconButton";export{f as default};

package/esm/components/icon-button/icon-button.style.js

@@ -1,47 +1 @@
-import styled, { css } from "styled-components";
-import { space } from "styled-system";
-import StyledIcon from "../icon/icon.style";
-import { baseTheme } from "../../style/themes";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-const StyledIconButton = styled.button.attrs({
-  type: "button"
-})`
-  ${({
-  disabled
-}) => css`
-    && {
-      ${space}
-    }
-    background: transparent;
-    border: none;
-    border-radius: var(--borderRadius050);
-
-    &:focus {
-      ${addFocusStyling()}
-    }
-
-    &:hover {
-      cursor: ${!disabled ? "pointer" : "not-allowed"};
-    }
-
-    &::-moz-focus-inner {
-      border: none;
-    }
-
-    ${StyledIcon} {
-      ${disabled && css`
-        color: var(--colorsActionMinorYin030);
-        background-color: transparent;
-      `};
-      position: relative;
-
-      &:focus {
-        border: none;
-      }
-    }
-  `}
-`;
-StyledIconButton.defaultProps = {
-  theme: baseTheme
-};
-export default StyledIconButton;
+import o,{css as t}from"styled-components";import{space as e}from"styled-system";import r from"../icon/icon.style.js";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import n from"../../style/utils/add-focus-styling.js";const i=o.button.attrs({type:"button"}).withConfig({displayName:"icon-button.style__StyledIconButton",componentId:"sc-3084b589-0"})(["",""],(({disabled:o})=>t(["&&{","}background:transparent;border:none;border-radius:var(--borderRadius050);&:focus{","}&:hover{cursor:",";}&::-moz-focus-inner{border:none;}","{",";position:relative;&:focus{border:none;}}"],e,n(),o?"not-allowed":"pointer",r,o&&t(["color:var(--colorsActionMinorYin030);background-color:transparent;"]))));i.defaultProps={theme:s};export{i as default};

package/esm/components/icon-button/index.js

@@ -1 +1 @@
-export { default } from "./icon-button.component";
+export{default}from"./icon-button.component.js";

package/esm/components/image/image.component.js

@@ -1,32 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import invariant from "invariant";
-import { StyledImage } from "./image.style";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-export const Image = ({
-  alt,
-  decorative = false,
-  src,
-  children,
-  position,
-  top,
-  right,
-  bottom,
-  left,
-  ...rest
-}) => {
-  !(!src || !children) ? process.env.NODE_ENV !== "production" ? invariant(false, "The 'Image' component renders as an 'img' element when the 'src' prop is used and therefore does not accept children.") : invariant(false) : void 0;
-  !(!src || alt && typeof alt === "string" || decorative) ? process.env.NODE_ENV !== "production" ? invariant(false, "Please use the 'decorative' prop if the 'alt' text should be an empty value or provide an 'alt' string when rendering the 'Image' component as an 'img' element.") : invariant(false) : void 0;
-  return /*#__PURE__*/React.createElement(StyledImage, _extends({
-    alt: alt,
-    decorative: decorative,
-    src: src,
-    position: position,
-    top: top,
-    right: right,
-    bottom: bottom,
-    left: left
-  }, rest, tagComponent("image", rest)), children);
-};
-Image.displayName = "Image";
-export default Image;
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"invariant";import{StyledImage as r}from"./image.style.js";import n from"../../__internal__/utils/helpers/tags/tags.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var c,a,{alt:l,decorative:p=!1,src:s,children:f,position:m,top:u,right:b,bottom:O,left:g}=i,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["alt","decorative","src","children","position","top","right","bottom","left"]);return t(!s||!f,"The 'Image' component renders as an 'img' element when the 'src' prop is used and therefore does not accept children."),t(!s||l&&"string"==typeof l||p,"Please use the 'decorative' prop if the 'alt' text should be an empty value or provide an 'alt' string when rendering the 'Image' component as an 'img' element."),e(r,(c=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({alt:l,decorative:p,src:s,position:m,top:u,right:b,bottom:O,left:g},y,n("image",y)),a=null!=(a={children:f})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(a)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(a)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(a,e))})),c))};i.displayName="Image";export{i as Image,i as default};

package/esm/components/image/image.style.d.ts

@@ -34,5 +34,5 @@ declare const StyledImage: import("styled-components").StyledComponent<"div", an
     bottom: string | undefined;
     left: string | undefined;
     as?: string | undefined;
-} & StyledImageProps, "hidden" | "children" | "left" | "right" | "top" | "bottom" | "position" | "src" | "as">;
+} & StyledImageProps, "position" | "children" | "hidden" | "bottom" | "left" | "right" | "top" | "as" | "src">;
 export { StyledImage };

package/esm/components/image/image.style.js

@@ -1,56 +1 @@
-import styled, { css } from "styled-components";
-import { margin, layout, background, padding } from "styled-system";
-import { baseTheme } from "../../style/themes";
-const StyledImage = styled.div.attrs(({
-  src,
-  children,
-  hidden = false,
-  position,
-  top,
-  right,
-  bottom,
-  left
-}) => ({
-  ...(src && {
-    as: "img"
-  }),
-  children: src ? undefined : children,
-  src,
-  hidden,
-  position,
-  top,
-  right,
-  bottom,
-  left
-}))`
-  ${margin}
-  ${layout}
-  ${padding}
-
-  ${({
-  position,
-  top,
-  right,
-  bottom,
-  left
-}) => css`
-    position: ${position};
-    top: ${top};
-    right: ${right};
-    bottom: ${bottom};
-    left: ${left};
-  `}
-
-  ${({
-  as
-}) => as !== "img" && css`
-      ${background}
-    `}
-`;
-StyledImage.defaultProps = {
-  backgroundPosition: "center",
-  backgroundRepeat: "no-repeat",
-  backgroundSize: "cover",
-  theme: baseTheme
-};
-export { StyledImage };
+import e,{css as t}from"styled-components";import{margin as r,layout as o,padding as n,background as i}from"styled-system";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const p=e.div.attrs((({src:e,children:t,hidden:r=!1,position:o,top:n,right:i,bottom:s,left:p})=>{return l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){c(e,t,r[t])}))}return e}({},e&&{as:"img"}),b=null!=(b={children:e?void 0:t,src:e,hidden:r,position:o,top:n,right:i,bottom:s,left:p})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(b)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(b)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(b,e))})),l;var l,b})).withConfig({displayName:"image.style__StyledImage",componentId:"sc-9d321c55-0"})([""," "," "," "," ",""],r,o,n,(({position:e,top:r,right:o,bottom:n,left:i})=>t(["position:",";top:",";right:",";bottom:",";left:",";"],e,r,o,n,i)),(({as:e})=>"img"!==e&&t(["",""],i)));p.defaultProps={backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover",theme:s};export{p as StyledImage};

package/esm/components/image/index.js

@@ -1 +1 @@
-export { default } from "./image.component";
+export{Image as default}from"./image.component.js";

package/esm/components/inline-inputs/index.js

@@ -1 +1 @@
-export { default } from "./inline-inputs.component";
+export{default}from"./inline-inputs.component.js";

package/esm/components/inline-inputs/inline-inputs.component.js

@@ -1,74 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef, useEffect } from "react";
-import Label from "../../__internal__/label";
-import StyledInlineInputs, { StyledContentContainer, StyledInlineInput } from "./inline-inputs.style";
-import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import Logger from "../../__internal__/utils/logger";
-const columnWrapper = (children, gutter) => {
-  return React.Children.map(children, input => {
-    return /*#__PURE__*/React.createElement(StyledInlineInput, {
-      gutter: gutter,
-      "data-element": "inline-input"
-    }, input);
-  });
-};
-let deprecateOptionalWarnTriggered = false;
-const InlineInputs = ({
-  adaptiveLabelBreakpoint,
-  label,
-  labelAlign,
-  labelId,
-  htmlFor,
-  children = null,
-  gutter = "none",
-  inputWidth,
-  labelInline = true,
-  labelWidth,
-  required,
-  isOptional,
-  ...rest
-}) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    Logger.deprecate("`isOptional` is deprecated in InlineInputs and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead.");
-  }
-  const largeScreen = useIsAboveBreakpoint(adaptiveLabelBreakpoint);
-  const ref = useRef(null);
-  let inlineLabel = labelInline;
-  if (adaptiveLabelBreakpoint) {
-    inlineLabel = largeScreen;
-  }
-  function renderLabel() {
-    if (!label) return null;
-    return /*#__PURE__*/React.createElement(Label, {
-      align: labelAlign,
-      labelId: labelId,
-      inline: inlineLabel,
-      htmlFor: htmlFor,
-      isRequired: required,
-      optional: isOptional
-    }, label);
-  }
-  const marginProps = filterStyledSystemMarginProps(rest);
-  useEffect(() => {
-    if (required) {
-      const elements = Array.from(ref.current?.querySelectorAll("input") || /* istanbul ignore next */[]);
-      elements.forEach(el => el.setAttribute("required", ""));
-    }
-  }, [required]);
-  return /*#__PURE__*/React.createElement(StyledInlineInputs, _extends({
-    gutter: gutter,
-    labelWidth: labelWidth,
-    labelInline: inlineLabel,
-    ref: ref
-  }, marginProps, tagComponent("inline-inputs", rest)), renderLabel(), /*#__PURE__*/React.createElement(StyledContentContainer, {
-    gutter: gutter,
-    "data-element": "inline-inputs-container",
-    "data-role": "inline-inputs-container",
-    inputWidth: inputWidth
-  }, columnWrapper(children, gutter)));
-};
-InlineInputs.displayName = "InlineInputs";
-export default InlineInputs;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as l}from"react";import i from"../../__internal__/label/label.component.js";import o,{StyledContentContainer as a,StyledInlineInput as s}from"./inline-inputs.style.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";import b from"../../__internal__/utils/logger/index.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=(e,n)=>r.Children.map(e,(e=>t(s,{gutter:n,"data-element":"inline-input",children:e})));let m=!1;const y=r=>{var{adaptiveLabelBreakpoint:s,label:y,labelAlign:O,labelId:g,htmlFor:h,children:j=null,gutter:v="none",inputWidth:_,labelInline:I=!0,labelWidth:P,required:w,isOptional:k}=r,q=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(r,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required","isOptional"]);!m&&k&&(m=!0,b.deprecate("`isOptional` is deprecated in InlineInputs and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const A=p(s),S=n(null);let W=I;s&&(W=A);const x=c(q);return l((()=>{var e;w&&Array.from((null===(e=S.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[w]),e(o,(B=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){d(e,t,r[t])}))}return e}({gutter:v,labelWidth:P,labelInline:W,ref:S},x,u("inline-inputs",q)),D=null!=(D={children:[y?t(i,{align:O,labelId:g,inline:W,htmlFor:h,isRequired:w,optional:k,children:y}):null,t(a,{gutter:v,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:_,children:f(j,v)})]})?D:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(D)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(D)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(D,e))})),B));var B,D};y.displayName="InlineInputs";export{y as default};

package/esm/components/inline-inputs/inline-inputs.config.js

@@ -1,2 +1 @@
-// eslint-disable-next-line import/prefer-default-export
-export const INLINE_INPUTS_SIZES = ["none", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"];
+const e=["none","extra-small","small","medium-small","medium","medium-large","large","extra-large"];export{e as INLINE_INPUTS_SIZES};

package/esm/components/inline-inputs/inline-inputs.style.js

@@ -1,95 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import InputPresentation from "../../__internal__/input/input-presentation.style";
-import { StyledLabelContainer } from "../../__internal__/label/label.style";
-import baseTheme from "../../style/themes/base";
-const spacings = {
-  none: 0,
-  "extra-small": 8,
-  small: 16,
-  "medium-small": 20,
-  medium: 24,
-  "medium-large": 28,
-  large: 32,
-  "extra-large": 40
-};
-const StyledInlineInput = styled.div`
-  flex: 1;
-
-  ${({
-  gutter
-}) => gutter && css`
-      margin-bottom: 0;
-      padding-left: ${spacings[gutter]}px;
-    `}
-`;
-const StyledContentContainer = styled.div`
-  display: flex;
-  flex: ${({
-  inputWidth
-}) => inputWidth ? `0 0 ${inputWidth}%` : 1};
-
-  ${({
-  gutter
-}) => gutter && css`
-      margin-bottom: 0;
-      margin-left: -${spacings[gutter]}px;
-
-      ${gutter === "none" && css`
-        ${StyledInlineInput} + ${StyledInlineInput} ${InputPresentation} {
-          border-left: none;
-        }
-
-        ${StyledInlineInput}:not(:first-of-type):not(:last-of-type) ${InputPresentation} {
-          border-radius: var(--borderRadius000);
-        }
-
-        ${StyledInlineInput}:first-of-type:not(:last-of-type) ${InputPresentation} {
-          border-top-right-radius: var(--borderRadius000);
-          border-bottom-right-radius: var(--borderRadius000);
-          border-top-left-radius: var(--borderRadius050);
-          border-bottom-left-radius: var(--borderRadius050);
-        }
-
-        ${StyledInlineInput}:last-of-type:not(:first-of-type) ${InputPresentation} {
-          border-top-left-radius: var(--borderRadius000);
-          border-bottom-left-radius: var(--borderRadius000);
-          border-top-right-radius: var(--borderRadius050);
-          border-bottom-right-radius: var(--borderRadius050);
-        }
-      `}
-    `}
-`;
-const StyledInlineInputs = styled.div`
-  margin-bottom: var(--fieldSpacing);
-  ${margin}
-
-  display: ${({
-  labelInline
-}) => labelInline ? `flex` : `block`};
-  align-items: center;
-
-  ${StyledLabelContainer} {
-    width: auto;
-    margin-bottom: ${({
-  labelInline
-}) => labelInline ? `0px` : `8px`};
-    padding-right: 16px;
-    flex: 0 0 ${({
-  labelWidth
-}) => labelWidth ? `${labelWidth}%` : "auto"};
-  }
-
-  input {
-    width: 1px;
-  }
-
-  [data-component="carbon-select"] input {
-    width: 30px;
-  }
-`;
-StyledInlineInputs.defaultProps = {
-  theme: baseTheme
-};
-export { StyledContentContainer, StyledInlineInput };
-export default StyledInlineInputs;
+import t,{css as e}from"styled-components";import{margin as r}from"styled-system";import i from"../../__internal__/input/input-presentation.style.js";import{StyledLabelContainer as o}from"../../__internal__/label/label.style.js";import a from"../../style/themes/base/index.js";const d={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},n=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-793bb7a3-0"})(["flex:1;",""],(({gutter:t})=>t&&e(["margin-bottom:0;padding-left:","px;"],d[t]))),l=t.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-793bb7a3-1"})(["display:flex;flex:",";",""],(({inputWidth:t})=>t?`0 0 ${t}%`:1),(({gutter:t})=>t&&e(["margin-bottom:0;margin-left:-","px;",""],d[t],"none"===t&&e([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],n,n,i,n,i,n,i,n,i)))),s=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-793bb7a3-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],r,(({labelInline:t})=>t?"flex":"block"),o,(({labelInline:t})=>t?"0px":"8px"),(({labelWidth:t})=>t?`${t}%`:"auto"));s.defaultProps={theme:a};export{l as StyledContentContainer,n as StyledInlineInput,s as default};

package/esm/components/link/index.js

@@ -1 +1 @@
-export { default } from "./link.component";
+export{Link as default}from"./link.component.js";

package/esm/components/link/link.component.js

@@ -1,114 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useContext, useEffect, useMemo, useState } from "react";
-import Icon from "../icon";
-import MenuContext from "../menu/__internal__/menu.context";
-import { StyledLink, StyledContent } from "./link.style";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import useLocale from "../../hooks/__internal__/useLocale";
-import BatchSelectionContext from "../batch-selection/__internal__/batch-selection.context";
-export const Link = /*#__PURE__*/React.forwardRef(({
-  children,
-  onKeyDown,
-  href,
-  onClick,
-  onMouseDown,
-  icon,
-  iconAlign = "left",
-  isSkipLink,
-  disabled,
-  ariaLabel,
-  rel,
-  tooltipMessage,
-  tooltipPosition,
-  target,
-  variant = "default",
-  isDarkBackground,
-  removeAriaLabelOnIcon,
-  className,
-  ...rest
-}, ref) => {
-  const [hasFocus, setHasFocus] = useState(false);
-  const l = useLocale();
-  const {
-    inMenu
-  } = useContext(MenuContext);
-  const {
-    batchSelectionDisabled
-  } = useContext(BatchSelectionContext);
-  const isDisabled = disabled || batchSelectionDisabled;
-  const setRefs = React.useCallback(reference => {
-    if (!ref) return;
-    if (typeof ref === "object") ref.current = reference;
-    if (typeof ref === "function") {
-      ref(reference);
-    }
-  }, [ref]);
-  const renderLinkIcon = (currentAlignment = "left") => {
-    const hasProperAlignment = icon && iconAlign === currentAlignment;
-    return hasProperAlignment ? /*#__PURE__*/React.createElement(Icon, {
-      type: icon,
-      disabled: isDisabled,
-      ariaLabel: removeAriaLabelOnIcon ? undefined : ariaLabel,
-      tooltipMessage: tooltipMessage,
-      tooltipPosition: tooltipPosition
-    }) : null;
-  };
-  const ariaProps = useMemo(() => {
-    const restObject = rest;
-    return Object.keys(restObject).filter(key => key.startsWith("aria")).reduce((obj, key) => {
-      obj[key] = restObject[key];
-      return obj;
-    }, {});
-  }, [rest]);
-  const componentProps = {
-    onKeyDown,
-    onMouseDown,
-    onClick,
-    disabled: isDisabled,
-    target,
-    ref: setRefs,
-    href,
-    rel,
-    "aria-label": ariaLabel,
-    ...ariaProps,
-    onFocus: () => setHasFocus(true),
-    onBlur: () => setHasFocus(false)
-  };
-  const buttonProps = {
-    type: "button"
-  };
-  const createLinkBasedOnType = () => {
-    let type = "a";
-    if (onClick && !href) {
-      type = "button";
-    }
-    return /*#__PURE__*/React.createElement(type, type === "button" ? {
-      ...componentProps,
-      ...buttonProps
-    } : {
-      ...componentProps,
-      "data-role": "link-anchor"
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, renderLinkIcon(), /*#__PURE__*/React.createElement(StyledContent, null, isSkipLink ? l.link.skipLinkLabel() : children), renderLinkIcon("right")));
-  };
-  useEffect(() => {
-    if (disabled || !(href || onClick)) {
-      setHasFocus(false);
-    }
-  }, [disabled, href, onClick]);
-  return /*#__PURE__*/React.createElement(StyledLink, _extends({
-    isSkipLink: isSkipLink,
-    disabled: isDisabled,
-    iconAlign: iconAlign,
-    className: className,
-    hasContent: Boolean(children),
-    variant: variant,
-    isDarkBackground: isDarkBackground,
-    isMenuItem: inMenu
-  }, tagComponent("link", rest), isSkipLink && {
-    "data-element": "skip-link"
-  }, {
-    hasFocus: hasFocus
-  }), createLinkBasedOnType());
-});
-Link.displayName = "Link";
-export default Link;
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as a,useEffect as l}from"react";import c from"../icon/icon.component.js";import s from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as p}from"./link.style.js";import b from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const k=r.forwardRef(((y,k)=>{var{children:g,onKeyDown:j,href:h,onClick:w,onMouseDown:P,icon:_,iconAlign:v="left",isSkipLink:D,disabled:L,ariaLabel:S,rel:M,tooltipMessage:x,tooltipPosition:A,target:B,variant:C="default",isDarkBackground:E,removeAriaLabelOnIcon:I,className:N}=y,K=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[F,R]=o(!1),W=f(),{inMenu:q}=i(s),{batchSelectionDisabled:z}=i(m),G=L||z,H=r.useCallback((e=>{k&&("object"==typeof k&&(k.current=e),"function"==typeof k&&k(e))}),[k]),J=(t="left")=>_&&v===t?e(c,{type:_,disabled:G,ariaLabel:I?void 0:S,tooltipMessage:x,tooltipPosition:A}):null,Q=a((()=>{const e=K;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[K]),T=d(O({onKeyDown:j,onMouseDown:P,onClick:w,disabled:G,target:B,ref:H,href:h,rel:M,"aria-label":S},Q),{onFocus:()=>R(!0),onBlur:()=>R(!1)}),U={type:"button"};return l((()=>{(L||!h&&!w)&&R(!1)}),[L,h,w]),e(u,d(O({isSkipLink:D,disabled:G,iconAlign:v,className:N,hasContent:Boolean(g),variant:C,isDarkBackground:E,isMenuItem:q},b("link",K),D&&{"data-element":"skip-link"}),{hasFocus:F,children:(()=>{let o="a";return w&&!h&&(o="button"),r.createElement(o,"button"===o?O({},T,U):d(O({},T),{"data-role":"link-anchor"}),t(n,{children:[J(),e(p,{children:D?W.link.skipLinkLabel():g}),J("right")]}))})()}))}));k.displayName="Link";export{k as Link,k as default};

package/esm/components/link/link.config.js

@@ -1,3 +1 @@
-export const LINK_POSITIONS = ["bottom", "left", "right", "top"];
-export const LINK_ALIGNMENTS = ["left", "right"];
-export const LINK_VARIANTS = ["default", "negative", "neutral"];
+const t=["bottom","left","right","top"],e=["left","right"],o=["default","negative","neutral"];export{e as LINK_ALIGNMENTS,t as LINK_POSITIONS,o as LINK_VARIANTS};