carbon-react 154.3.3-beta.1 → 154.4.0

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

@@ -1 +1,28 @@
-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};
+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;

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

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

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

@@ -1 +1,34 @@
-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};
+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;

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

@@ -1 +1,41 @@
-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};
+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 };

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

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

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

@@ -1 +1,3 @@
-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};
+import styled from "styled-components";
+const StyledCheckableInputSvgWrapper = styled.div``;
+export default StyledCheckableInputSvgWrapper;

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

@@ -1 +1,113 @@
-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};
+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;

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

@@ -1 +1,102 @@
-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};
+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 };

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

@@ -1 +1,80 @@
-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};
+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);

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

@@ -1 +1,9 @@
-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};
+import styled from "styled-components";
+const HiddenCheckableInputStyle = styled.input`
+  cursor: pointer;
+  opacity: 0;
+  margin: 0;
+  position: relative;
+  z-index: 2;
+`;
+export default HiddenCheckableInputStyle;

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

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

package/esm/__internal__/dom/globals.js

@@ -1 +1,59 @@
-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};
+/**
+ * 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;
+}

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

@@ -1 +1,14 @@
-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};
+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;

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

@@ -1 +1,16 @@
-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};
+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;

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

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