carbon-react 154.3.2 → 154.4.0-beta.0

package/esm/components/card/card.style.js

@@ -1,135 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import baseTheme from "../../style/themes/base";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-export const paddingSizes = {
-  small: "0 var(--spacing300)",
-  medium: "0 var(--spacing400)",
-  large: "0 var(--spacing600)"
-};
-export const marginSizes = {
-  small: "0 -24px",
-  medium: "0 -32px",
-  large: "0 -48px"
-};
-const StyledCard = styled.div`
-  ${({
-  cardWidth,
-  interactive,
-  draggable,
-  height,
-  spacing,
-  boxShadow = "boxShadow050",
-  hoverBoxShadow = "boxShadow100",
-  roundness
-}) => css`
-    background-color: var(--colorsUtilityYang100);
-    border: none;
-    border-radius: ${roundness === "default" ? "var(--borderRadius100)" : "var(--borderRadius200)"};
-    box-shadow: var(--${boxShadow});
-    color: var(--colorsUtilityYin090);
-    display: flex;
-    flex-direction: column;
-    height: ${height};
-    justify-content: space-between;
-    align-items: normal;
-    margin: 25px;
-    outline: none;
-    padding: ${paddingSizes[spacing]};
-    transition: all 0.3s ease-in-out;
-    vertical-align: top;
-    width: ${cardWidth};
-    ${margin}
-
-    ${interactive && css`
-      :hover,
-      :focus {
-        box-shadow: var(--${hoverBoxShadow});
-      }
-    `}
-
-    ${draggable && css`
-      cursor: move;
-    `}
-
-    ::-moz-focus-inner {
-      border: 0;
-    }
-  `}
-`;
-const StyledCardContent = styled.div.attrs(({
-  href,
-  onClick
-}) => {
-  if (href) {
-    return {
-      as: "a"
-    };
-  }
-  if (onClick) {
-    return {
-      as: "button",
-      role: "button",
-      type: "button"
-    };
-  }
-  return {};
-})`
-  ${({
-  interactive
-}) => interactive && css`
-      cursor: pointer;
-      display: inline-flex;
-      flex-direction: column;
-      height: 100%;
-
-      :focus {
-        ${addFocusStyling()};
-        position: relative;
-      }
-    `}
-
-  align-items: stretch;
-  outline: none;
-  text-decoration: none;
-  background-color: inherit;
-  border: none;
-  padding: 0;
-
-  ${({
-  spacing
-}) => `
-    padding: ${paddingSizes[spacing]};
-    margin: ${marginSizes[spacing]};
-  `}
-
-  ${({
-  roundness,
-  hasFooter
-}) => css`
-    ${roundness === "default" && css`
-      border-top-left-radius: var(--borderRadius100);
-      border-top-right-radius: var(--borderRadius100);
-      ${!hasFooter && css`
-        border-bottom-left-radius: var(--borderRadius100);
-        border-bottom-right-radius: var(--borderRadius100);
-      `}
-    `}
-
-    ${roundness !== "default" && css`
-      border-top-left-radius: var(--borderRadius200);
-      border-top-right-radius: var(--borderRadius200);
-      ${!hasFooter && css`
-        border-bottom-left-radius: var(--borderRadius200);
-        border-bottom-right-radius: var(--borderRadius200);
-      `}
-    `}
-  `}
-`;
-StyledCard.defaultProps = {
-  theme: baseTheme
-};
-StyledCardContent.defaultProps = {
-  theme: baseTheme
-};
-export { StyledCard, StyledCardContent };
+import r,{css as o}from"styled-components";import{margin as e}from"styled-system";import t from"../../style/themes/base/index.js";import a from"../../style/utils/add-focus-styling.js";const i={small:"0 var(--spacing300)",medium:"0 var(--spacing400)",large:"0 var(--spacing600)"},d={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},s=r.div.withConfig({displayName:"card.style__StyledCard",componentId:"sc-6991fbc5-0"})(["",""],(({cardWidth:r,interactive:t,draggable:a,height:d,spacing:s,boxShadow:n="boxShadow050",hoverBoxShadow:l="boxShadow100",roundness:u})=>o(["background-color:var(--colorsUtilityYang100);border:none;border-radius:",";box-shadow:var(--",");color:var(--colorsUtilityYin090);display:flex;flex-direction:column;height:",";justify-content:space-between;align-items:normal;margin:25px;outline:none;padding:",";transition:all 0.3s ease-in-out;vertical-align:top;width:",";"," "," "," ::-moz-focus-inner{border:0;}"],"default"===u?"var(--borderRadius100)":"var(--borderRadius200)",n,d,i[s],r,e,t&&o([":hover,:focus{box-shadow:var(--",");}"],l),a&&o(["cursor:move;"])))),n=r.div.attrs((({href:r,onClick:o})=>r?{as:"a"}:o?{as:"button",role:"button",type:"button"}:{})).withConfig({displayName:"card.style__StyledCardContent",componentId:"sc-6991fbc5-1"})([""," align-items:stretch;outline:none;text-decoration:none;background-color:inherit;border:none;padding:0;"," ",""],(({interactive:r})=>r&&o(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],a())),(({spacing:r})=>`\n    padding: ${i[r]};\n    margin: ${d[r]};\n  `),(({roundness:r,hasFooter:e})=>o([""," ",""],"default"===r&&o(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"])),"default"!==r&&o(["border-top-left-radius:var(--borderRadius200);border-top-right-radius:var(--borderRadius200);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"])))));s.defaultProps={theme:t},n.defaultProps={theme:t};export{s as StyledCard,n as StyledCardContent,d as marginSizes,i as paddingSizes};

package/esm/components/card/index.js

@@ -1,4 +1 @@
-export { default, default as Card } from "./card.component";
-export { default as CardColumn } from "./card-column";
-export { default as CardFooter } from "./card-footer";
-export { default as CardRow } from "./card-row";
+export{default as Card,default}from"./card.component.js";export{default as CardColumn}from"./card-column/card-column.component.js";export{default as CardFooter}from"./card-footer/card-footer.component.js";export{default as CardRow}from"./card-row/card-row.component.js";

package/esm/components/checkbox/checkbox-group/__internal__/checkbox-group.context.js

@@ -1,2 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({});
+import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/checkbox/checkbox-group/checkbox-group.component.js

@@ -1,123 +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, useRef } from "react";
-import StyledCheckboxGroup from "./checkbox-group.style";
-import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-import Fieldset from "../../../__internal__/fieldset";
-import { filterStyledSystemMarginProps } from "../../../style/utils";
-import { TooltipProvider } from "../../../__internal__/tooltip-provider";
-import NewValidationContext from "../../carbon-provider/__internal__/new-validation.context";
-import ValidationMessage from "../../../__internal__/validation-message/validation-message.component";
-import Box from "../../box";
-import ErrorBorder from "../../textbox/textbox.style";
-import CheckboxGroupContext from "./__internal__/checkbox-group.context";
-import guid from "../../../__internal__/utils/helpers/guid";
-import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility";
-import HintText from "../../../__internal__/hint-text";
-import Logger from "../../../__internal__/utils/logger";
-let deprecateOptionalWarnTriggered = false;
-export const CheckboxGroup = ({
-  children,
-  legend,
-  error,
-  warning,
-  info,
-  required,
-  isOptional,
-  legendInline,
-  legendWidth,
-  legendAlign = "left",
-  legendSpacing,
-  legendHelp,
-  tooltipPosition,
-  inline,
-  id,
-  ...rest
-}) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    Logger.deprecate("`isOptional` is deprecated in CheckboxGroup 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 {
-    validationRedesignOptIn
-  } = useContext(NewValidationContext);
-  const internalId = useRef(guid());
-  const uniqueId = id || internalId.current;
-  const inputHintId = legendHelp ? `${uniqueId}-hint` : undefined;
-  const {
-    validationId,
-    ariaDescribedBy
-  } = useInputAccessibility({
-    id: uniqueId,
-    validationRedesignOptIn: true,
-    error,
-    warning,
-    info
-  });
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId].filter(Boolean).join(" ");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, validationRedesignOptIn ? /*#__PURE__*/React.createElement(Fieldset, _extends({
-    id: uniqueId,
-    legend: legend,
-    legendAlign: legendAlign,
-    error: error,
-    warning: warning,
-    isRequired: required,
-    isOptional: isOptional,
-    width: "fit-content"
-  }, combinedAriaDescribedBy && {
-    "aria-describedby": combinedAriaDescribedBy
-  }, tagComponent("checkboxgroup", rest), {
-    blockGroupBehaviour: !(error || warning)
-  }, filterStyledSystemMarginProps(rest)), legendHelp && /*#__PURE__*/React.createElement(HintText, {
-    align: legendAlign,
-    id: inputHintId,
-    marginTop: "-4px"
-  }, legendHelp), /*#__PURE__*/React.createElement(Box, {
-    position: "relative"
-  }, /*#__PURE__*/React.createElement(ValidationMessage, {
-    error: error,
-    warning: warning,
-    validationId: validationId
-  }), (error || warning) && /*#__PURE__*/React.createElement(ErrorBorder, {
-    warning: !!(!error && warning),
-    inline: inline
-  }), /*#__PURE__*/React.createElement(StyledCheckboxGroup, {
-    "data-component": "checkbox-group",
-    "data-role": "checkbox-group",
-    inline: inline
-  }, /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider, {
-    value: {
-      error: !!error,
-      warning: !!warning
-    }
-  }, children)))) : /*#__PURE__*/React.createElement(TooltipProvider, {
-    tooltipPosition: tooltipPosition
-  }, /*#__PURE__*/React.createElement(Fieldset, _extends({
-    id: uniqueId,
-    legend: legend,
-    inline: legendInline,
-    legendWidth: legendWidth,
-    legendAlign: legendAlign,
-    legendSpacing: legendSpacing,
-    error: error,
-    warning: warning,
-    info: info,
-    isRequired: required,
-    isOptional: isOptional,
-    "aria-describedby": ariaDescribedBy,
-    validationId: validationId
-  }, tagComponent("checkboxgroup", rest), {
-    blockGroupBehaviour: !(error || warning || info)
-  }, filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(StyledCheckboxGroup, {
-    "data-component": "checkbox-group",
-    "data-role": "checkbox-group",
-    legendInline: legendInline
-  }, /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider, {
-    value: {
-      error: !!error,
-      warning: !!warning,
-      info: !!info
-    }
-  }, children)))));
-};
-CheckboxGroup.displayName = "CheckboxGroup";
-export default CheckboxGroup;
+import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{useContext as i,useRef as t}from"react";import o from"./checkbox-group.style.js";import l from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/fieldset/fieldset.component.js";import"../../../style/utils/filter-styled-system-padding-props.js";import p from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as c}from"../../../__internal__/tooltip-provider/index.js";import d from"../../carbon-provider/__internal__/new-validation.context.js";import s from"../../../__internal__/validation-message/validation-message.component.js";import{Box as g}from"../../box/box.component.js";import u from"../../textbox/textbox.style.js";import f from"./__internal__/checkbox-group.context.js";import m from"../../../__internal__/utils/helpers/guid/index.js";import b from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import{HintText as h}from"../../../__internal__/hint-text/hint-text.component.js";import _ from"../../../__internal__/utils/logger/index.js";function y(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function O(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){y(e,r,n[r])}))}return e}function j(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}let v=!1;const x=y=>{var{children:x,legend:w,error:P,warning:k,info:I,required:S,isOptional:q,legendInline:A,legendWidth:D,legendAlign:B="left",legendSpacing:G,legendHelp:R,tooltipPosition:E,inline:W,id:C}=y,H=function(e,r){if(null==e)return{};var n,i,t=function(e,r){if(null==e)return{};var n,i,t={},o=Object.keys(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}(y,["children","legend","error","warning","info","required","isOptional","legendInline","legendWidth","legendAlign","legendSpacing","legendHelp","tooltipPosition","inline","id"]);!v&&q&&(v=!0,_.deprecate("`isOptional` is deprecated in CheckboxGroup 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{validationRedesignOptIn:N}=i(d),T=t(m()),$=C||T.current,z=R?`${$}-hint`:void 0,{validationId:F,ariaDescribedBy:J}=b({id:$,validationRedesignOptIn:!0,error:P,warning:k,info:I}),K=[J,z].filter(Boolean).join(" ");return e(r,{children:N?n(a,j(O(j(O({id:$,legend:w,legendAlign:B,error:P,warning:k,isRequired:S,isOptional:q,width:"fit-content"},K&&{"aria-describedby":K},l("checkboxgroup",H)),{blockGroupBehaviour:!(P||k)}),p(H)),{children:[R&&e(h,{align:B,id:z,marginTop:"-4px",children:R}),n(g,{position:"relative",children:[e(s,{error:P,warning:k,validationId:F}),(P||k)&&e(u,{warning:!(P||!k),inline:W}),e(o,{"data-component":"checkbox-group","data-role":"checkbox-group",inline:W,children:e(f.Provider,{value:{error:!!P,warning:!!k},children:x})})]})]})):e(c,{tooltipPosition:E,children:e(a,j(O(j(O({id:$,legend:w,inline:A,legendWidth:D,legendAlign:B,legendSpacing:G,error:P,warning:k,info:I,isRequired:S,isOptional:q,"aria-describedby":J,validationId:F},l("checkboxgroup",H)),{blockGroupBehaviour:!(P||k||I)}),p(H)),{children:e(o,{"data-component":"checkbox-group","data-role":"checkbox-group",legendInline:A,children:e(f.Provider,{value:{error:!!P,warning:!!k,info:!!I},children:x})})}))})})};x.displayName="CheckboxGroup";export{x as CheckboxGroup,x as default};

package/esm/components/checkbox/checkbox-group/checkbox-group.style.js

@@ -1,54 +1 @@
-import styled, { css } from "styled-components";
-import StyledFormField from "../../../__internal__/form-field/form-field.style";
-import StyledIcon from "../../icon/icon.style";
-import CheckboxStyle from "../checkbox.style";
-import { StyledLabelContainer } from "../../../__internal__/label/label.style";
-import StyledValidationIcon from "../../../__internal__/validations/validation-icon.style";
-const StyledCheckboxGroup = styled.div`
-  display: flex;
-  flex-direction: column;
-  ${StyledIcon}::before {
-    font-size: 16px;
-  }
-
-  && ${StyledFormField} {
-    margin: 0;
-  }
-
-  & ${CheckboxStyle} {
-    margin-bottom: var(--spacing150);
-
-    :last-of-type {
-      margin-bottom: 0;
-    }
-  }
-
-  & > ${StyledFormField} {
-    & > ${StyledLabelContainer} {
-      margin-bottom: 4px;
-      vertical-align: middle;
-
-      ${StyledValidationIcon} {
-        display: inline-block;
-      }
-    }
-  }
-
-  ${({
-  legendInline
-}) => legendInline && css`
-      ${CheckboxStyle}:first-child {
-        padding-top: 4px;
-      }
-    `}
-
-  ${({
-  inline
-}) => inline && css`
-      flex-direction: row;
-      ${CheckboxStyle}:not(:first-of-type) {
-        margin-left: 32px;
-      }
-    `}
-`;
-export default StyledCheckboxGroup;
+import o,{css as i}from"styled-components";import t from"../../../__internal__/form-field/form-field.style.js";import e from"../../icon/icon.style.js";import l from"../checkbox.style.js";import{StyledLabelContainer as n}from"../../../__internal__/label/label.style.js";import r from"../../../__internal__/validations/validation-icon.style.js";const a=o.div.withConfig({displayName:"checkbox-group.style__StyledCheckboxGroup",componentId:"sc-6ab7858f-0"})(["display:flex;flex-direction:column;","::before{font-size:16px;}&& ","{margin:0;}& ","{margin-bottom:var(--spacing150);:last-of-type{margin-bottom:0;}}& > ","{& > ","{margin-bottom:4px;vertical-align:middle;","{display:inline-block;}}}"," ",""],e,t,l,t,n,r,(({legendInline:o})=>o&&i(["",":first-child{padding-top:4px;}"],l)),(({inline:o})=>o&&i(["flex-direction:row;",":not(:first-of-type){margin-left:32px;}"],l)));export{a as default};

package/esm/components/checkbox/checkbox-svg.component.js

@@ -1,14 +1 @@
-import React from "react";
-import StyledCheckableInputSvgWrapper from "../../__internal__/checkable-input/checkable-input-svg-wrapper.style";
-const CheckboxSvg = () => /*#__PURE__*/React.createElement(StyledCheckableInputSvgWrapper, null, /*#__PURE__*/React.createElement("svg", {
-  "data-role": "checkable-svg",
-  focusable: "false",
-  width: "12",
-  height: "10",
-  viewBox: "0 0 12 10"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M.237 6.477A.752.752 0 0 1 .155 5.47l.851-1.092a.63.63 0 0 1 .934-.088l2.697 1.964, " + "4.674-6a.63.63 0 0 1 .933-.088l1.015.917c.28.254.317.703.081 1.005L6.353 8.492a.725.725, " + "0 0 1-.095.16l-.85 1.093a.637.637 0 0 1-.626.244.638.638 0 0 1-.335-.16L.237 6.476z",
-  fill: "#FFFFFF",
-  fillRule: "evenodd"
-})));
-export default CheckboxSvg;
+import{jsx as e}from"react/jsx-runtime";import"react";import l from"../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js";const a=()=>e(l,{children:e("svg",{"data-role":"checkable-svg",focusable:"false",width:"12",height:"10",viewBox:"0 0 12 10",children:e("path",{d:"M.237 6.477A.752.752 0 0 1 .155 5.47l.851-1.092a.63.63 0 0 1 .934-.088l2.697 1.964, 4.674-6a.63.63 0 0 1 .933-.088l1.015.917c.28.254.317.703.081 1.005L6.353 8.492a.725.725, 0 0 1-.095.16l-.85 1.093a.637.637 0 0 1-.626.244.638.638 0 0 1-.335-.16L.237 6.476z",fill:"#FFFFFF",fillRule:"evenodd"})})});export{a as default};

package/esm/components/checkbox/checkbox.component.js

@@ -1,121 +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 tagComponent from "../../__internal__/utils/helpers/tags";
-import CheckboxStyle from "./checkbox.style";
-import CheckableInput from "../../__internal__/checkable-input/checkable-input.component";
-import CheckboxSvg from "./checkbox-svg.component";
-import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
-import { TooltipProvider } from "../../__internal__/tooltip-provider";
-import CheckboxGroupContext from "./checkbox-group/__internal__/checkbox-group.context";
-import Logger from "../../__internal__/utils/logger";
-import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-let deprecateUncontrolledWarnTriggered = false;
-export const Checkbox = /*#__PURE__*/React.forwardRef(({
-  "aria-labelledby": ariaLabelledBy,
-  id,
-  label,
-  onChange,
-  name,
-  /* FIXME: FE-4102 */
-  onClick,
-  onBlur,
-  onFocus,
-  value,
-  fieldHelp,
-  autoFocus,
-  labelHelp,
-  labelSpacing = 1,
-  labelWidth,
-  adaptiveSpacingBreakpoint,
-  required,
-  isOptional,
-  error,
-  warning,
-  info,
-  fieldHelpInline,
-  reverse = false,
-  checked,
-  disabled,
-  inputWidth,
-  size,
-  tooltipPosition,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  helpAriaLabel,
-  ...rest
-}, ref) => {
-  const {
-    validationRedesignOptIn
-  } = useContext(NewValidationContext);
-  const largeScreen = useIsAboveBreakpoint(adaptiveSpacingBreakpoint);
-  const adaptiveSpacingSmallScreen = !!(adaptiveSpacingBreakpoint && !largeScreen);
-  const checkboxGroupContext = useContext(CheckboxGroupContext);
-  const {
-    error: contextError,
-    warning: contextWarning,
-    info: contextInfo
-  } = checkboxGroupContext;
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    Logger.deprecate("Uncontrolled behaviour in `Checkbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  const inputProps = {
-    ariaLabelledBy,
-    onClick,
-    onChange,
-    onBlur,
-    onFocus,
-    labelInline: true,
-    id,
-    label,
-    value,
-    type: "checkbox",
-    name,
-    reverse: !reverse,
-    fieldHelp,
-    autoFocus,
-    labelHelp,
-    labelSpacing,
-    required,
-    isOptional,
-    fieldHelpInline,
-    checked,
-    disabled,
-    inputWidth,
-    labelWidth,
-    ref,
-    ...rest,
-    "data-component": undefined
-  };
-  const validationProps = {
-    error: contextError || error,
-    warning: contextWarning || warning,
-    ...(validationRedesignOptIn ? {
-      validationOnLabel: false
-    } : {
-      info: contextInfo || info
-    })
-  };
-  const marginProps = filterStyledSystemMarginProps(rest);
-  const componentToRender = /*#__PURE__*/React.createElement(CheckboxStyle, _extends({
-    disabled: disabled,
-    labelSpacing: labelSpacing,
-    inputWidth: inputWidth,
-    adaptiveSpacingSmallScreen: adaptiveSpacingSmallScreen
-  }, validationProps, {
-    fieldHelpInline: fieldHelpInline,
-    reverse: reverse,
-    size: size,
-    applyNewValidation: validationRedesignOptIn
-  }, marginProps, tagComponent("checkbox", {
-    "data-element": dataElement,
-    "data-role": dataRole
-  })), /*#__PURE__*/React.createElement(CheckableInput, _extends({}, inputProps, validationProps), /*#__PURE__*/React.createElement(CheckboxSvg, null)));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, validationRedesignOptIn ? componentToRender : /*#__PURE__*/React.createElement(TooltipProvider, {
-    helpAriaLabel: helpAriaLabel,
-    tooltipPosition: tooltipPosition
-  }, componentToRender));
-});
-Checkbox.displayName = "Checkbox";
-export default Checkbox;
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import t,{useContext as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"./checkbox.style.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import a from"./checkbox-svg.component.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{TooltipProvider as c}from"../../__internal__/tooltip-provider/index.js";import s from"./checkbox-group/__internal__/checkbox-group.context.js";import d from"../../__internal__/utils/logger/index.js";import b from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import u from"../../style/utils/filter-styled-system-margin-props.js";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){f(e,r,t[r])}))}return e}function h(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let y=!1;const g=t.forwardRef(((t,f)=>{var{"aria-labelledby":g,id:O,label:j,onChange:v,name:_,onClick:k,onBlur:w,onFocus:P,value:x,fieldHelp:S,autoFocus:H,labelHelp:I,labelSpacing:B=1,labelWidth:C,adaptiveSpacingBreakpoint:W,required:F,isOptional:A,error:L,warning:D,info:q,fieldHelpInline:z,reverse:E=!1,checked:N,disabled:R,inputWidth:U,size:V,tooltipPosition:G,"data-element":J,"data-role":K,helpAriaLabel:M}=t,Q=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","isOptional","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:T}=n(b),X=p(W),Y=!(!W||X),Z=n(s),{error:$,warning:ee,info:re}=Z;y||v||(y=!0,d.deprecate("Uncontrolled behaviour in `Checkbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const te=h(m({ariaLabelledBy:g,onClick:k,onChange:v,onBlur:w,onFocus:P,labelInline:!0,id:O,label:j,value:x,type:"checkbox",name:_,reverse:!E,fieldHelp:S,autoFocus:H,labelHelp:I,labelSpacing:B,required:F,isOptional:A,fieldHelpInline:z,checked:N,disabled:R,inputWidth:U,labelWidth:C,ref:f},Q),{"data-component":void 0}),ne=m({error:$||L,warning:ee||D},T?{validationOnLabel:!1}:{info:re||q}),oe=u(Q),ie=e(i,h(m(h(m({disabled:R,labelSpacing:B,inputWidth:U,adaptiveSpacingSmallScreen:Y},ne),{fieldHelpInline:z,reverse:E,size:V,applyNewValidation:T}),oe,o("checkbox",{"data-element":J,"data-role":K})),{children:e(l,h(m({},te,ne),{children:e(a,{})}))}));return e(r,{children:T?ie:e(c,{helpAriaLabel:M,tooltipPosition:G,children:ie})})}));g.displayName="Checkbox";export{g as Checkbox,g as default};