carbon-react 154.4.0 → 154.4.2

package/esm/__internal__/ai-icon/ai-icon.component.js

@@ -1,28 +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 tagComponent from "../../__internal__/utils/helpers/tags/tags";
-export const AiIcon = ({
-  ...rest
-}) => /*#__PURE__*/React.createElement("svg", _extends({}, tagComponent("ai-icon", rest), {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "20",
-  height: "20",
-  fill: "none",
-  viewBox: "0 0 20 20"
-}), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#a)"
-}, /*#__PURE__*/React.createElement("path", {
-  "data-role": "white-star",
-  fill: "#fff",
-  d: "m16.378 9.799-3.776-1.49a1.615 1.615 0 0 1-.91-.91l-1.49-3.775c-.537-1.364-2.466-1.364-3.004 0L5.708 7.4a1.615 1.615 0 0 1-.91.91L1.022 9.799c-1.363.537-1.363 2.466 0 3.004l3.776 1.49c.417.163.746.493.91.91l1.49 3.775c.538 1.363 2.467 1.363 3.005 0l1.489-3.776c.164-.416.494-.745.91-.91l3.776-1.489c1.364-.538 1.364-2.467 0-3.004Z"
-}), /*#__PURE__*/React.createElement("path", {
-  "data-role": "green-circle",
-  fill: "#00D639",
-  d: "M17.172 5.655a2.827 2.827 0 1 0 0-5.655 2.827 2.827 0 0 0 0 5.655Z"
-})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "a"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#fff",
-  d: "M0 0h20v20H0z"
-}))));
-export default AiIcon;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import r from"../utils/helpers/tags/tags.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}const c=c=>{var i,l,a=o({},function(e){if(null==e)throw new TypeError("Cannot destructure "+e);return e}(c));return e("svg",(i=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){n(e,t,r[t])}))}return e}({},r("ai-icon",a)),l=null!=(l={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",children:[e("g",{clipPath:"url(#a)",children:[t("path",{"data-role":"white-star",fill:"#fff",d:"m16.378 9.799-3.776-1.49a1.615 1.615 0 0 1-.91-.91l-1.49-3.775c-.537-1.364-2.466-1.364-3.004 0L5.708 7.4a1.615 1.615 0 0 1-.91.91L1.022 9.799c-1.363.537-1.363 2.466 0 3.004l3.776 1.49c.417.163.746.493.91.91l1.49 3.775c.538 1.363 2.467 1.363 3.005 0l1.489-3.776c.164-.416.494-.745.91-.91l3.776-1.489c1.364-.538 1.364-2.467 0-3.004Z"}),t("path",{"data-role":"green-circle",fill:"#00D639",d:"M17.172 5.655a2.827 2.827 0 1 0 0-5.655 2.827 2.827 0 0 0 0 5.655Z"})]}),t("defs",{children:t("clipPath",{id:"a",children:t("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))})),i))};export{c as AiIcon,c as default};

package/esm/__internal__/ai-icon/index.js

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

package/esm/__internal__/character-count/character-count.component.js

@@ -1,34 +1 @@
-import React from "react";
-import { StyledCharacterCountWrapper, StyledCharacterCount, VisuallyHiddenCharacterCount, VisuallyHiddenHint } from "./character-count.style";
-import useLocale from "../../hooks/__internal__/useLocale";
-const CharacterCount = ({
-  ariaLive = "off",
-  value,
-  debouncedValue = value,
-  limit,
-  isDebouncedOverLimit,
-  isOverLimit,
-  visuallyHiddenHintId
-}) => {
-  const limitMinusValue = +limit - +value;
-  const valueMinusLimit = +value - +limit;
-  const debouncedLimitMinusValue = +limit - +debouncedValue;
-  const debouncedValueMinusLimit = debouncedValue - +limit;
-  const l = useLocale();
-  const getFormatNumber = (rawValue, locale) => new Intl.NumberFormat(locale).format(rawValue);
-  return /*#__PURE__*/React.createElement(StyledCharacterCountWrapper, null, /*#__PURE__*/React.createElement(VisuallyHiddenHint, {
-    "data-element": "visually-hidden-hint",
-    "data-role": "visually-hidden-hint",
-    id: visuallyHiddenHintId
-  }, l.characterCount.visuallyHiddenHint(getFormatNumber(limit, l.locale()))), /*#__PURE__*/React.createElement(StyledCharacterCount, {
-    "aria-hidden": "true",
-    isOverLimit: isOverLimit,
-    "data-element": "character-count",
-    "data-role": "character-count"
-  }, !isOverLimit ? l.characterCount.charactersLeft(limitMinusValue, getFormatNumber(limitMinusValue, l.locale())) : l.characterCount.tooManyCharacters(valueMinusLimit, getFormatNumber(valueMinusLimit, l.locale()))), /*#__PURE__*/React.createElement(VisuallyHiddenCharacterCount, {
-    "data-element": "visually-hidden-character-count",
-    "data-role": "visually-hidden-character-count",
-    "aria-live": ariaLive
-  }, !isDebouncedOverLimit ? l.characterCount.charactersLeft(debouncedLimitMinusValue, getFormatNumber(debouncedLimitMinusValue, l.locale())) : l.characterCount.tooManyCharacters(debouncedValueMinusLimit, getFormatNumber(debouncedValueMinusLimit, l.locale()))));
-};
-export default CharacterCount;
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import"react";import{StyledCharacterCountWrapper as t,VisuallyHiddenHint as r,StyledCharacterCount as c,VisuallyHiddenCharacterCount as i}from"./character-count.style.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";const o=({ariaLive:o="off",value:n,debouncedValue:d=n,limit:u,isDebouncedOverLimit:h,isOverLimit:s,visuallyHiddenHintId:m})=>{const v=+u-+n,f=+n-+u,y=+u-+d,L=d-+u,C=l(),p=(a,e)=>new Intl.NumberFormat(e).format(a);return a(t,{children:[e(r,{"data-element":"visually-hidden-hint","data-role":"visually-hidden-hint",id:m,children:C.characterCount.visuallyHiddenHint(p(u,C.locale()))}),e(c,{"aria-hidden":"true",isOverLimit:s,"data-element":"character-count","data-role":"character-count",children:s?C.characterCount.tooManyCharacters(f,p(f,C.locale())):C.characterCount.charactersLeft(v,p(v,C.locale()))}),e(i,{"data-element":"visually-hidden-character-count","data-role":"visually-hidden-character-count","aria-live":o,children:h?C.characterCount.tooManyCharacters(L,p(L,C.locale())):C.characterCount.charactersLeft(y,p(y,C.locale()))})]})};export{o as default};

package/esm/__internal__/character-count/character-count.style.js

@@ -1,41 +1 @@
-import styled, { css } from "styled-components";
-import baseTheme from "../../style/themes/base";
-import visuallyHidden from "../../style/utils/visually-hidden";
-const StyledCharacterCountWrapper = styled.div``;
-const StyledCharacterCount = styled.div`
-  text-align: left;
-  font-size: var(--fontSizes100);
-  margin-top: var(--spacing050);
-  margin-bottom: var(--spacing050);
-  color: ${({
-  isOverLimit
-}) => isOverLimit ? "var(--colorsSemanticNegative500)" : "var(--colorsUtilityYin055)"};
-
-  ${({
-  isOverLimit
-}) => isOverLimit && css`
-      font-weight: var(--fontWeights500);
-    `}
-`;
-const VisuallyHiddenCharacterCount = styled.div`
-  ::after {
-    content: " ";
-  }
-
-  ${visuallyHidden}
-`;
-const VisuallyHiddenHint = styled.div`
-  ::before {
-    content: " ";
-  }
-
-  ::after {
-    content: " ";
-  }
-
-  ${visuallyHidden}
-`;
-StyledCharacterCount.defaultProps = {
-  theme: baseTheme
-};
-export { StyledCharacterCountWrapper, StyledCharacterCount, VisuallyHiddenCharacterCount, VisuallyHiddenHint };
+import t,{css as e}from"styled-components";import i from"../../style/themes/base/index.js";import o from"../../style/utils/visually-hidden.js";const n=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"sc-c17f13d1-0"})([""]),a=t.div.withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"sc-c17f13d1-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isOverLimit:t})=>t&&e(["font-weight:var(--fontWeights500);"]))),r=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"sc-c17f13d1-2"})(['::after{content:" ";}',""],o),c=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"sc-c17f13d1-3"})(['::before{content:" ";}::after{content:" ";}',""],o);a.defaultProps={theme:i};export{a as StyledCharacterCount,n as StyledCharacterCountWrapper,r as VisuallyHiddenCharacterCount,c as VisuallyHiddenHint};

package/esm/__internal__/character-count/index.js

@@ -1 +1 @@
-export { default } from "./character-count.component";
+export{default}from"./character-count.component.js";

package/esm/__internal__/checkable-input/checkable-input-svg-wrapper.style.js

@@ -1,3 +1 @@
-import styled from "styled-components";
-const StyledCheckableInputSvgWrapper = styled.div``;
-export default StyledCheckableInputSvgWrapper;
+import e from"styled-components";const t=e.div.withConfig({displayName:"checkable-input-svg-wrapper.style__StyledCheckableInputSvgWrapper",componentId:"sc-8181f8e4-0"})([""]);export{t as default};

package/esm/__internal__/checkable-input/checkable-input.component.js

@@ -1,113 +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 } from "react";
-import { StyledCheckableInput, StyledCheckableInputWrapper } from "./checkable-input.style";
-import { InputBehaviour } from "../input-behaviour";
-import FormField from "../form-field";
-import HiddenCheckableInput from "./hidden-checkable-input.component";
-import guid from "../utils/helpers/guid";
-import useInputAccessibility from "../../hooks/__internal__/useInputAccessibility";
-const CheckableInput = /*#__PURE__*/React.forwardRef(({
-  ariaLabelledBy,
-  autoFocus,
-  checked,
-  children,
-  disabled,
-  loading,
-  error,
-  fieldHelp,
-  fieldHelpInline,
-  info,
-  id: inputId,
-  type,
-  value,
-  inputWidth,
-  label,
-  labelHelp,
-  labelInline = true,
-  labelSpacing = 1,
-  labelWidth,
-  name,
-  onBlur,
-  onChange,
-  onFocus,
-  required,
-  isOptional,
-  reverse = false,
-  validationOnLabel,
-  warning,
-  ...props
-}, ref) => {
-  const {
-    current: id
-  } = useRef(inputId || guid());
-  const {
-    labelId,
-    fieldHelpId,
-    validationId,
-    ariaDescribedBy
-  } = useInputAccessibility({
-    id,
-    error,
-    warning,
-    info,
-    label,
-    fieldHelp
-  });
-  const formFieldProps = {
-    disabled,
-    loading,
-    error,
-    fieldHelp,
-    fieldHelpInline,
-    fieldHelpId,
-    id,
-    info,
-    label,
-    labelHelp,
-    labelHelpIcon: "info",
-    labelId,
-    labelInline,
-    labelSpacing,
-    reverse,
-    warning,
-    validationIconId: validationId,
-    // We don't want an asterisk on each radio control, only the legend
-    // However, we still want the input element to receive the required prop
-    isRequired: required,
-    isOptional,
-    useValidationIcon: validationOnLabel
-  };
-  const inputProps = {
-    ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-invalid": !!error,
-    autoFocus,
-    checked,
-    disabled,
-    id,
-    type,
-    value,
-    name,
-    onBlur,
-    onChange,
-    onFocus,
-    required,
-    ref,
-    validationIconId: validationId,
-    ...props
-  };
-  return /*#__PURE__*/React.createElement(StyledCheckableInputWrapper, {
-    disabled: disabled,
-    fieldHelpInline: fieldHelpInline,
-    inputWidth: inputWidth,
-    labelWidth: labelWidth,
-    labelInline: labelInline,
-    reverse: reverse
-  }, /*#__PURE__*/React.createElement(InputBehaviour, null, /*#__PURE__*/React.createElement(FormField, _extends({}, formFieldProps, {
-    my: 0
-  }), /*#__PURE__*/React.createElement(StyledCheckableInput, {
-    "data-role": "checkable-input"
-  }, /*#__PURE__*/React.createElement(HiddenCheckableInput, inputProps), children))));
-});
-CheckableInput.displayName = "CheckableInput";
-export default CheckableInput;
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import l,{useRef as n}from"react";import{StyledCheckableInputWrapper as i,StyledCheckableInput as t}from"./checkable-input.style.js";import{InputBehaviour as o}from"../input-behaviour/input-behaviour.component.js";import a from"../form-field/form-field.component.js";import c from"./hidden-checkable-input.component.js";import d from"../utils/helpers/guid/index.js";import p from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";function b(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function u(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(r){b(e,r,l[r])}))}return e}const s=l.forwardRef(((l,b)=>{var{ariaLabelledBy:s,autoFocus:f,checked:y,children:m,disabled:O,loading:h,error:g,fieldHelp:j,fieldHelpInline:v,info:I,id:w,type:H,value:P,inputWidth:k,label:S,labelHelp:B,labelInline:D=!0,labelSpacing:F=1,labelWidth:W,name:x,onBlur:q,onChange:C,onFocus:L,required:_,isOptional:E,reverse:A=!1,validationOnLabel:R,warning:N}=l,V=function(e,r){if(null==e)return{};var l,n,i=function(e,r){if(null==e)return{};var l,n,i={},t=Object.keys(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||(i[l]=e[l]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(l,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","isOptional","reverse","validationOnLabel","warning"]);const{current:z}=n(w||d()),{labelId:G,fieldHelpId:J,validationId:K,ariaDescribedBy:M}=p({id:z,error:g,warning:N,info:I,label:S,fieldHelp:j}),Q={disabled:O,loading:h,error:g,fieldHelp:j,fieldHelpInline:v,fieldHelpId:J,id:z,info:I,label:S,labelHelp:B,labelHelpIcon:"info",labelId:G,labelInline:D,labelSpacing:F,reverse:A,warning:N,validationIconId:K,isRequired:_,isOptional:E,useValidationIcon:R},T=u({ariaDescribedBy:M,"aria-labelledby":s,"aria-invalid":!!g,autoFocus:f,checked:y,disabled:O,id:z,type:H,value:P,name:x,onBlur:q,onChange:C,onFocus:L,required:_,ref:b,validationIconId:K},V);return e(i,{disabled:O,fieldHelpInline:v,inputWidth:k,labelWidth:W,labelInline:D,reverse:A,children:e(o,{children:e(a,(U=u({},Q),X={my:0,children:r(t,{"data-role":"checkable-input",children:[e(c,u({},T)),m]})},X=null!=X?X:{},Object.getOwnPropertyDescriptors?Object.defineProperties(U,Object.getOwnPropertyDescriptors(X)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(X)).forEach((function(e){Object.defineProperty(U,e,Object.getOwnPropertyDescriptor(X,e))})),U))})});var U,X}));s.displayName="CheckableInput";export{s as default};

package/esm/__internal__/checkable-input/checkable-input.style.js

@@ -1,102 +1 @@
-import styled, { css } from "styled-components";
-import FieldHelpStyle from "../field-help/field-help.style";
-import { FieldLineStyle } from "../form-field/form-field.style";
-import LabelStyle, { StyledLabelContainer } from "../label/label.style";
-import StyledValidationIcon from "../validations/validation-icon.style";
-import StyledHelp from "../../components/help/help.style";
-import HiddenCheckableInputStyle from "./hidden-checkable-input.style";
-const StyledCheckableInput = styled.div`
-  display: inline-block;
-  position: relative;
-`;
-const StyledCheckableInputWrapper = styled.div`
-  ${({
-  disabled,
-  fieldHelpInline,
-  inputWidth,
-  labelWidth,
-  labelInline,
-  reverse
-}) => css`
-    width: 100% !important;
-
-    ${FieldLineStyle} {
-      display: flex;
-    }
-
-    ${StyledLabelContainer} {
-      ${labelInline && css`
-        justify-content: ${reverse ? "flex-start" : "flex-end"};
-      `}
-      padding-top: 0;
-      width: auto;
-
-      & ${StyledHelp}, & ${StyledValidationIcon} {
-        color: var(--colorsUtilityYin065);
-        vertical-align: middle;
-
-        &:hover,
-        &:focus {
-          color: var(--colorsUtilityYin090);
-        }
-      }
-    }
-
-    ${FieldHelpStyle} {
-      flex-basis: 100%;
-    }
-
-    ${disabled && css`
-      ${HiddenCheckableInputStyle},
-      ${LabelStyle} {
-        &:hover,
-        &:focus {
-          outline: none;
-          cursor: not-allowed;
-        }
-      }
-    `}
-
-    ${fieldHelpInline && css`
-      ${FieldLineStyle} {
-        flex-wrap: nowrap;
-      }
-
-      ${StyledCheckableInput} {
-        margin-right: 0;
-        margin-left: 8px;
-      }
-
-      ${FieldHelpStyle} {
-        flex-grow: 0;
-        flex-basis: auto;
-        padding-left: 0;
-        width: auto;
-      }
-    `}
-
-    ${reverse && fieldHelpInline && css`
-      ${StyledCheckableInput} {
-        margin-left: 0;
-      }
-
-      ${FieldHelpStyle} {
-        flex-grow: 1;
-      }
-    `}
-
-    ${inputWidth !== undefined && inputWidth !== 0 && css`
-      ${StyledCheckableInput} {
-        width: ${inputWidth}% !important;
-        min-width: 67px;
-      }
-    `}
-
-    ${labelWidth !== undefined && labelWidth !== 0 && `
-      ${StyledLabelContainer} {
-        width: ${labelWidth}% !important;
-      }
-    `}
-  `}
-`;
-export { StyledCheckableInput, StyledCheckableInputWrapper };
+import e,{css as i}from"styled-components";import t from"../field-help/field-help.style.js";import{FieldLineStyle as l}from"../form-field/form-field.style.js";import o,{StyledLabelContainer as n}from"../label/label.style.js";import r from"../validations/validation-icon.style.js";import a from"../../components/help/help.style.js";import d from"./hidden-checkable-input.style.js";const p=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-6188b705-0"})(["display:inline-block;position:relative;"]),s=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-6188b705-1"})(["",""],(({disabled:e,fieldHelpInline:s,inputWidth:f,labelWidth:m,labelInline:c,reverse:h})=>i(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{flex-basis:100%;}"," "," "," "," ",""],l,n,c&&i(["justify-content:",";"],h?"flex-start":"flex-end"),a,r,t,e&&i(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],d,o),s&&i(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],l,p,t),h&&s&&i(["","{margin-left:0;}","{flex-grow:1;}"],p,t),void 0!==f&&0!==f&&i(["","{width:","% !important;min-width:67px;}"],p,f),void 0!==m&&0!==m&&`\n      ${n} {\n        width: ${m}% !important;\n      }\n    `)));export{p as StyledCheckableInput,s as StyledCheckableInputWrapper};

package/esm/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -1,80 +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 } from "react";
-import HiddenCheckableInputStyle from "./hidden-checkable-input.style";
-import { InputContext, InputGroupContext } from "../input-behaviour";
-const HiddenCheckableInput = /*#__PURE__*/React.forwardRef(({
-  ariaDescribedBy,
-  ariaLabelledBy,
-  name,
-  checked,
-  type,
-  value,
-  onChange,
-  autoFocus,
-  role,
-  validationIconId,
-  ...props
-}, ref) => {
-  const {
-    onBlur,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    hasFocus,
-    hasMouseOver
-  } = useContext(InputContext);
-  const {
-    onBlur: onBlurGroup,
-    onFocus: onFocusGroup,
-    onMouseEnter: onMouseEnterGroup,
-    onMouseLeave: onMouseLeaveGroup,
-    hasFocus: hasGroupFocus,
-    hasMouseOver: hasGroupMouseOver
-  } = useContext(InputGroupContext);
-  const handleFocus = ev => {
-    if (props.onFocus) props.onFocus(ev);
-    if (onFocus) onFocus();
-    if (onFocusGroup) onFocusGroup();
-  };
-  const handleBlur = ev => {
-    if (props.onBlur) props.onBlur(ev);
-    if (onBlur) onBlur();
-    if (onBlurGroup) onBlurGroup();
-  };
-  const handleMouseEnter = ev => {
-    if (props.onMouseEnter) props.onMouseEnter(ev);
-    if (onMouseEnter) onMouseEnter();
-    if (onMouseEnterGroup) onMouseEnterGroup();
-  };
-  const handleMouseLeave = ev => {
-    if (props.onMouseLeave) props.onMouseLeave(ev);
-    if (onMouseLeave) onMouseLeave();
-    if (onMouseLeaveGroup) onMouseLeaveGroup();
-  };
-  const hasValidationPart = (hasFocus || hasGroupFocus || hasMouseOver || hasGroupMouseOver) && validationIconId;
-  const descriptionList = ariaDescribedBy ? [ariaDescribedBy] : [];
-  if (hasValidationPart) {
-    descriptionList.push(validationIconId);
-  }
-  const combinedDescription = descriptionList.length ? descriptionList.filter(Boolean).join(" ") : undefined;
-  return /*#__PURE__*/React.createElement(HiddenCheckableInputStyle, _extends({
-    "aria-describedby": combinedDescription,
-    "aria-labelledby": ariaLabelledBy,
-    autoFocus: autoFocus,
-    "data-has-autofocus": autoFocus ? true : undefined,
-    checked: checked,
-    name: name,
-    role: role || type,
-    type: type,
-    value: value
-  }, props, {
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onChange: onChange,
-    ref: ref
-  }));
-});
-HiddenCheckableInput.displayName = "HiddenCheckableInput";
-export default /*#__PURE__*/React.memo(HiddenCheckableInput);
+import{jsx as e}from"react/jsx-runtime";import o,{useContext as r}from"react";import n from"./hidden-checkable-input.style.js";import{InputContext as t}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as a}from"../input-behaviour/input-group-behaviour.component.js";function u(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}const c=o.forwardRef(((o,c)=>{var{ariaDescribedBy:i,ariaLabelledBy:s,name:l,checked:p,type:b,value:f,onChange:y,autoFocus:O,role:d,validationIconId:v}=o,m=function(e,o){if(null==e)return{};var r,n,t=function(e,o){if(null==e)return{};var r,n,t={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],o.indexOf(r)>=0||(t[r]=e[r]);return t}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(o,["ariaDescribedBy","ariaLabelledBy","name","checked","type","value","onChange","autoFocus","role","validationIconId"]);const{onBlur:h,onFocus:j,onMouseEnter:g,onMouseLeave:P,hasFocus:w,hasMouseOver:M}=r(t),{onBlur:B,onFocus:F,onMouseEnter:k,onMouseLeave:E,hasFocus:L,hasMouseOver:D}=r(a),I=i?[i]:[];(w||L||M||D)&&v&&I.push(v);const S=I.length?I.filter(Boolean).join(" "):void 0;return e(n,(x=function(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},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(o){u(e,o,r[o])}))}return e}({"aria-describedby":S,"aria-labelledby":s,autoFocus:O,"data-has-autofocus":!!O||void 0,checked:p,name:l,role:d||b,type:b,value:f},m),C=null!=(C={onFocus:e=>{m.onFocus&&m.onFocus(e),j&&j(),F&&F()},onBlur:e=>{m.onBlur&&m.onBlur(e),h&&h(),B&&B()},onMouseEnter:e=>{m.onMouseEnter&&m.onMouseEnter(e),g&&g(),k&&k()},onMouseLeave:e=>{m.onMouseLeave&&m.onMouseLeave(e),P&&P(),E&&E()},onChange:y,ref:c})?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(C)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(C)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(C,e))})),x));var x,C}));c.displayName="HiddenCheckableInput";var i=o.memo(c);export{i as default};

package/esm/__internal__/checkable-input/hidden-checkable-input.style.js

@@ -1,9 +1 @@
-import styled from "styled-components";
-const HiddenCheckableInputStyle = styled.input`
-  cursor: pointer;
-  opacity: 0;
-  margin: 0;
-  position: relative;
-  z-index: 2;
-`;
-export default HiddenCheckableInputStyle;
+import e from"styled-components";const t=e.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"sc-4d4003a4-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;"]);export{t as default};

package/esm/__internal__/checkable-input/index.js

@@ -1 +1 @@
-export { default } from "./checkable-input.component";
+export{default}from"./checkable-input.component.js";

package/esm/__internal__/dom/globals.js

@@ -1,59 +1 @@
-/**
- * Returns the global `window` object in a way that is friendly to SSR.
- * This check can be avoided if you are sure that the code will only run in the browser.
- * Some examples where you can ignore this:
- * - `useEffect` hooks
- * - `useLayoutEffect` hooks
- * - Callbacks for event listeners
- * - Files with the `"use-client"` directive
- *
- * Primarily, this is necessary when attempting to access the `window` object during rendering of components.
- * However, even still, where possible, it is recommended to avoid accessing the `window` object during rendering
- * because it can lead to hydration mismatches. This happens when the server-rendered HTML differs from what the
- * client renders due to missing environment-specific data (e.g., `window.innerWidth` being undefined on the server).
- *
- * @returns The global `window` object, if it exists.
- */
-export function getWindow() {
-  return typeof window !== "undefined" ? window : undefined;
-}
-
-/**
- * Returns the global `document` object in a way that is friendly to SSR.
- * This check can be avoided if you are sure that the code will only run in the browser.
- * Some examples where you can ignore this:
- * - `useEffect` hooks
- * - `useLayoutEffect` hooks
- * - Callbacks for event listeners
- * - Files with the `"use-client"` directive
- *
- * Primarily, this is necessary when attempting to access the `document` object during rendering of components.
- * However, even still, where possible, it is recommended to avoid accessing the `document` object during rendering
- * because it can lead to hydration mismatches. This happens when the server-rendered HTML differs from what the
- * client renders due to missing environment-specific data (e.g., `document.children` being undefined on the server).
- *
- * @returns The global `document` object, if it exists.
- */
-export function getDocument() {
-  return typeof document !== "undefined" ? document : undefined;
-}
-
-/**
- * Returns the global `navigator` object in a way that is friendly to SSR.
- * This check can be avoided if you are sure that the code will only run in the browser.
- * Some examples where you can ignore this:
- * - `useEffect` hooks
- * - `useLayoutEffect` hooks
- * - Callbacks for event listeners
- * - Files with the `"use-client"` directive
- *
- * Primarily, this is necessary when attempting to access the `navigator` object during rendering of components.
- * However, even still, where possible, it is recommended to avoid accessing the `navigator` object during rendering
- * because it can lead to hydration mismatches. This happens when the server-rendered HTML differs from what the
- * client renders due to missing environment-specific data (e.g., `navigator.userAgent` being undefined on the server).
- *
- * @returns The global `navigator` object, if it exists.
- */
-export function getNavigator() {
-  return typeof navigator !== "undefined" ? navigator : /* istanbul ignore next: node versions >=21 have a partial implementation of navigatior */undefined;
-}
+function n(){return"undefined"!=typeof window?window:void 0}function o(){return"undefined"!=typeof document?document:void 0}function e(){return"undefined"!=typeof navigator?navigator:void 0}export{o as getDocument,e as getNavigator,n as getWindow};

package/esm/__internal__/field-help/field-help.component.js

@@ -1,14 +1 @@
-import React from "react";
-import StyledFieldHelp from "./field-help.style";
-export const FieldHelp = ({
-  children,
-  labelInline,
-  labelWidth = 30,
-  id
-}) => /*#__PURE__*/React.createElement(StyledFieldHelp, {
-  "data-element": "help",
-  labelInline: labelInline,
-  labelWidth: labelWidth,
-  id: id
-}, children);
-export default FieldHelp;
+import{jsx as e}from"react/jsx-runtime";import"react";import l from"./field-help.style.js";const t=({children:t,labelInline:i,labelWidth:r=30,id:a})=>e(l,{"data-element":"help",labelInline:i,labelWidth:r,id:a,children:t});export{t as FieldHelp,t as default};

package/esm/__internal__/field-help/field-help.style.js

@@ -1,16 +1 @@
-import styled, { css } from "styled-components";
-const StyledFieldHelp = styled.span`
-  display: block;
-  flex: 1;
-  margin-top: 8px;
-  white-space: pre-wrap;
-
-  ${({
-  labelInline,
-  labelWidth
-}) => labelInline && css`
-      margin-left: ${labelWidth}%;
-      padding-left: 0;
-    `}
-`;
-export default StyledFieldHelp;
+import e,{css as l}from"styled-components";const p=e.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"sc-f79bd564-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:e,labelWidth:p})=>e&&l(["margin-left:","%;padding-left:0;"],p)));export{p as default};

package/esm/__internal__/field-help/index.js

@@ -1 +1 @@
-export { default } from "./field-help.component";
+export{FieldHelp as default}from"./field-help.component.js";