carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -1,141 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledValuesLabel = exports.StyledValue = exports.StyledProgressTracker = exports.StyledProgressBar = exports.StyledDescription = exports.InnerBar = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function getHeight(size) {
-  switch (size) {
-    case "small":
-      return "var(--sizing050)";
-    case "large":
-      return "var(--sizing200)";
-    default:
-      return "var(--sizing100)";
-  }
-}
-function getBackgroundColour({
-  progress,
-  error
-}) {
-  if (error) return "var(--colorsSemanticNegative500)";
-  if (progress && progress >= 100) return "var(--colorsSemanticPositive500)";
-  return "var(--colorsSemanticNeutral500)";
-}
-function getBorderColour({
-  progress,
-  error
-}) {
-  if (error) return "var(--colorsSemanticNegative500)";
-  if (progress === 100) return "var(--colorsSemanticPositive500)";
-  return "var(--colorsSemanticNeutral500)";
-}
-const StyledProgressTracker = exports.StyledProgressTracker = _styledComponents.default.div`
-  ${_styledSystem.margin}
-  text-align: center;
-  white-space: nowrap;
-
-  ${({
-  length
-}) => (0, _styledComponents.css)`
-    width: ${length};
-  `};
-  ${({
-  labelsPosition
-}) => labelsPosition === "left" && (0, _styledComponents.css)`
-      display: flex;
-      align-items: center;
-    `}
-`;
-const StyledProgressBar = exports.StyledProgressBar = _styledComponents.default.span`
-  ${({
-  progress,
-  error
-}) => (0, _styledComponents.css)`
-    display: flex;
-    position: relative;
-    background-color: var(--colorsSemanticNeutral200);
-    border: 1px solid ${getBorderColour({
-  progress,
-  error
-})};
-    border-radius: var(--borderRadius400);
-    overflow-x: hidden;
-    width: 100%;
-    min-height: fit-content;
-    box-sizing: border-box;
-  `}
-`;
-const fontSizes = {
-  small: "var(--fontSizes100)",
-  medium: "var(--fontSizes100)",
-  large: "var(--fontSizes200)"
-};
-const StyledValue = exports.StyledValue = _styledComponents.default.span`
-  display: inline-block;
-  font-weight: 500;
-`;
-const StyledDescription = exports.StyledDescription = _styledComponents.default.span`
-  color: var(--colorsUtilityYin055);
-  margin-left: 4px;
-`;
-const labelsPositionMargin = {
-  top: "bottom",
-  bottom: "top",
-  left: "right"
-};
-const StyledValuesLabel = exports.StyledValuesLabel = _styledComponents.default.span`
-  text-align: start;
-  display: flex;
-  justify-content: flex-start;
-  gap: 4px;
-  font-size: ${({
-  size
-}) => size && fontSizes[size]};
-
-  ${({
-  labelsPosition
-}) => labelsPosition && `
-      margin-${labelsPositionMargin[labelsPosition]}: var(--spacing100);
-    `};
-
-  ${({
-  labelWidth
-}) => labelWidth && (0, _styledComponents.css)`
-      width: ${labelWidth};
-      flex-shrink: 0;
-    `};
-`;
-const InnerBar = exports.InnerBar = _styledComponents.default.span`
-  ${({
-  progress,
-  size,
-  error
-}) => (0, _styledComponents.css)`
-    position: relative;
-    left: 0;
-    background-color: ${getBackgroundColour({
-  progress,
-  error
-})};
-    border-radius: var(--borderRadius400);
-    width: ${progress}%;
-    min-width: 2px;
-    height: ${getHeight(size)};
-  `}
-`;
-InnerBar.defaultProps = {
-  theme: _base.default
-};
-StyledProgressBar.defaultProps = {
-  theme: _base.default
-};
-StyledProgressTracker.defaultProps = {
-  theme: _base.default
-};
+"use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/base/index.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);const o=a.default.div.withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"sc-7793e6a1-0"})([""," text-align:center;white-space:nowrap;",";",""],r.margin,(({length:r})=>e.css(["width:",";"],r)),(({labelsPosition:r})=>"left"===r&&e.css(["display:flex;align-items:center;"]))),i=a.default.span.withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"sc-7793e6a1-1"})(["",""],(({progress:r,error:t})=>e.css(["display:flex;position:relative;background-color:var(--colorsSemanticNeutral200);border:1px solid ",";border-radius:var(--borderRadius400);overflow-x:hidden;width:100%;min-height:fit-content;box-sizing:border-box;"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":100===e?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:t})))),l={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},n=a.default.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"sc-7793e6a1-2"})(["display:inline-block;font-weight:500;"]),d=a.default.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"sc-7793e6a1-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),c={top:"bottom",bottom:"top",left:"right"},p=a.default.span.withConfig({displayName:"progress-tracker.style__StyledValuesLabel",componentId:"sc-7793e6a1-4"})(["text-align:start;display:flex;justify-content:flex-start;gap:4px;font-size:",";",";",";"],(({size:e})=>e&&l[e]),(({labelsPosition:e})=>e&&`\n      margin-${c[e]}: var(--spacing100);\n    `),(({labelWidth:r})=>r&&e.css(["width:",";flex-shrink:0;"],r))),g=a.default.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"sc-7793e6a1-5"})(["",""],(({progress:r,size:t,error:s})=>e.css(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":e&&e>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:s}),r,function(e){switch(e){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));g.defaultProps={theme:t.default},i.defaultProps={theme:t.default},o.defaultProps={theme:t.default},exports.InnerBar=g,exports.StyledDescription=d,exports.StyledProgressBar=i,exports.StyledProgressTracker=o,exports.StyledValue=n,exports.StyledValuesLabel=p;

package/lib/components/radio-button/index.js

@@ -1,22 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RadioButton", {
-  enumerable: true,
-  get: function () {
-    return _radioButton.default;
-  }
-});
-Object.defineProperty(exports, "RadioButtonGroup", {
-  enumerable: true,
-  get: function () {
-    return _radioButtonGroup.default;
-  }
-});
-exports.default = void 0;
-var _radioButton = _interopRequireDefault(require("./radio-button.component"));
-var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group/radio-button-group.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _radioButton.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./radio-button.component.js"),t=require("./radio-button-group/radio-button-group.component.js");exports.RadioButton=o.default,exports.default=o.default,exports.RadioButtonGroup=t.RadioButtonGroup;

package/lib/components/radio-button/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/radio-button/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/radio-button/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -1,182 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RadioButtonGroup = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-var _fieldset = _interopRequireDefault(require("../../../__internal__/fieldset"));
-var _radioButtonGroup = _interopRequireDefault(require("../radio-button-group/radio-button-group.style"));
-var _radioButtonMapper = _interopRequireDefault(require("../../../__internal__/radio-button-mapper/radio-button-mapper.component"));
-var _useIsAboveBreakpoint = _interopRequireDefault(require("../../../hooks/__internal__/useIsAboveBreakpoint"));
-var _utils = require("../../../style/utils");
-var _tooltipProvider = require("../../../__internal__/tooltip-provider");
-var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
-var _newValidation = _interopRequireDefault(require("../../carbon-provider/__internal__/new-validation.context"));
-var _validationMessage = _interopRequireDefault(require("../../../__internal__/validation-message/validation-message.component"));
-var _box = _interopRequireDefault(require("../../box"));
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _useInputAccessibility = _interopRequireDefault(require("../../../hooks/__internal__/useInputAccessibility"));
-var _textbox = _interopRequireDefault(require("../../textbox/textbox.style"));
-var _hintText = _interopRequireDefault(require("../../../__internal__/hint-text"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-let deprecateUncontrolledWarnTriggered = false;
-let deprecateOptionalWarnTriggered = false;
-const RadioButtonGroup = ({
-  children,
-  id,
-  name,
-  legend,
-  legendHelp,
-  error,
-  warning,
-  info,
-  onBlur,
-  onChange,
-  value,
-  inline = false,
-  legendInline = false,
-  legendWidth,
-  legendAlign = "left",
-  legendSpacing,
-  labelSpacing = 1,
-  adaptiveLegendBreakpoint,
-  adaptiveSpacingBreakpoint,
-  required,
-  isOptional,
-  tooltipPosition,
-  ...rest
-}) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    _logger.default.deprecate("`isOptional` is deprecated in RadioButtonGroup 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
-  } = (0, _react.useContext)(_newValidation.default);
-  const internalId = (0, _react.useRef)((0, _guid.default)());
-  const uniqueId = id || internalId.current;
-  const inputHintId = legendHelp ? `${uniqueId}-hint` : undefined;
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
-  const isAboveLegendBreakpoint = (0, _useIsAboveBreakpoint.default)(adaptiveLegendBreakpoint);
-  const isAboveSpacingBreakpoint = (0, _useIsAboveBreakpoint.default)(adaptiveSpacingBreakpoint);
-  let inlineLegend = legendInline;
-  if (adaptiveLegendBreakpoint) {
-    inlineLegend = !!isAboveLegendBreakpoint;
-  }
-  let marginLeft = marginProps.ml;
-  if (adaptiveSpacingBreakpoint && !isAboveSpacingBreakpoint) {
-    marginLeft = undefined;
-  }
-  const {
-    validationId,
-    ariaDescribedBy
-  } = (0, _useInputAccessibility.default)({
-    id: uniqueId,
-    validationRedesignOptIn: true,
-    error,
-    warning,
-    info
-  });
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId].filter(Boolean).join(" ");
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, validationRedesignOptIn ? /*#__PURE__*/_react.default.createElement(_fieldset.default, _extends({
-    legend: legend,
-    error: error,
-    warning: warning,
-    legendAlign: legendAlign,
-    isRequired: required,
-    isOptional: isOptional,
-    width: "fit-content"
-  }, (0, _tags.default)("radiogroup", rest), marginProps, {
-    ml: marginLeft,
-    blockGroupBehaviour: !(error || warning)
-  }, combinedAriaDescribedBy && {
-    "aria-describedby": combinedAriaDescribedBy
-  }), legendHelp && /*#__PURE__*/_react.default.createElement(_hintText.default, {
-    align: legendAlign,
-    id: inputHintId,
-    marginTop: "-4px"
-  }, legendHelp), /*#__PURE__*/_react.default.createElement(_box.default, {
-    position: "relative"
-  }, /*#__PURE__*/_react.default.createElement(_validationMessage.default, {
-    error: error,
-    warning: warning,
-    validationId: validationId
-  }), (error || warning) && /*#__PURE__*/_react.default.createElement(_textbox.default, {
-    "data-role": "radio-error-border",
-    inline: inline,
-    warning: !!(!error && warning)
-  }), /*#__PURE__*/_react.default.createElement(_radioButtonGroup.default, {
-    "data-component": "radio-button-group",
-    role: "radiogroup",
-    inline: inline,
-    legendInline: inlineLegend
-  }, /*#__PURE__*/_react.default.createElement(_radioButtonMapper.default, {
-    name: name,
-    onBlur: onBlur,
-    onChange: onChange,
-    value: value
-  }, _react.default.Children.map(children, child => {
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-      return child;
-    }
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      inline,
-      labelSpacing,
-      error: !!error,
-      warning: !!warning,
-      ...child.props
-    });
-  }))))) : /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-    tooltipPosition: tooltipPosition
-  }, /*#__PURE__*/_react.default.createElement(_fieldset.default, _extends({
-    legend: legend,
-    error: error,
-    warning: warning,
-    info: info,
-    inline: inlineLegend,
-    legendWidth: legendWidth,
-    legendAlign: legendAlign,
-    legendSpacing: legendSpacing,
-    isRequired: required,
-    isOptional: isOptional
-  }, (0, _tags.default)("radiogroup", rest), marginProps, {
-    ml: marginLeft,
-    blockGroupBehaviour: !(error || warning || info),
-    "aria-describedby": ariaDescribedBy,
-    validationId: validationId
-  }), /*#__PURE__*/_react.default.createElement(_radioButtonGroup.default, {
-    "data-component": "radio-button-group",
-    role: "radiogroup",
-    inline: inline,
-    legendInline: inlineLegend
-  }, /*#__PURE__*/_react.default.createElement(_radioButtonMapper.default, {
-    name: name,
-    onBlur: onBlur,
-    onChange: onChange,
-    value: value
-  }, _react.default.Children.map(children, child => {
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-      return child;
-    }
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      inline,
-      labelSpacing,
-      error: !!error,
-      warning: !!warning,
-      info: !!info,
-      ...child.props
-    });
-  }))))));
-};
-exports.RadioButtonGroup = RadioButtonGroup;
-RadioButtonGroup.displayName = "RadioButtonGroup";
-var _default = exports.default = RadioButtonGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),t=require("../../../__internal__/fieldset/fieldset.component.js"),i=require("./radio-button-group.style.js"),o=require("../../../__internal__/radio-button-mapper/radio-button-mapper.component.js"),l=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../../style/utils/filter-styled-system-padding-props.js");var a=require("../../../style/utils/filter-styled-system-margin-props.js"),d=require("../../../__internal__/tooltip-provider/index.js"),u=require("../../../__internal__/utils/logger/index.js"),s=require("../../carbon-provider/__internal__/new-validation.context.js"),p=require("../../../__internal__/validation-message/validation-message.component.js"),c=require("../../box/box.component.js"),g=require("../../../__internal__/utils/helpers/guid/index.js"),f=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../../textbox/textbox.style.js"),j=require("../../../__internal__/hint-text/hint-text.component.js");function _(e){return e&&e.__esModule?e:{default:e}}var m=_(n);function v(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function h(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){v(e,n,r[n])}))}return e}function y(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}let O=!1,x=!1;const q=_=>{var{children:v,id:q,name:w,legend:B,legendHelp:P,error:I,warning:S,info:k,onBlur:R,onChange:A,value:C,inline:E=!1,legendInline:D=!1,legendWidth:G,legendAlign:H="left",legendSpacing:T,labelSpacing:W=1,adaptiveLegendBreakpoint:L,adaptiveSpacingBreakpoint:M,required:V,isOptional:F,tooltipPosition:N}=_,U=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(_,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","isOptional","tooltipPosition"]);!x&&F&&(x=!0,u.default.deprecate("`isOptional` is deprecated in RadioButtonGroup 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.useContext(s.default),z=n.useRef(g.default()),J=q||z.current,K=P?`${J}-hint`:void 0;O||A||(O=!0,u.default.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Q=a.default(U),X=l.default(L),Y=l.default(M);let Z=D;L&&(Z=!!X);let ee=Q.ml;M&&!Y&&(ee=void 0);const{validationId:ne,ariaDescribedBy:re}=f.default({id:J,validationRedesignOptIn:!0,error:I,warning:S,info:k}),te=[re,K].filter(Boolean).join(" ");return e.jsx(e.Fragment,{children:$?e.jsxs(t.default,y(h(y(h({legend:B,error:I,warning:S,legendAlign:H,isRequired:V,isOptional:F,width:"fit-content"},r.default("radiogroup",U),Q),{ml:ee,blockGroupBehaviour:!(I||S)}),te&&{"aria-describedby":te}),{children:[P&&e.jsx(j.HintText,{align:H,id:K,marginTop:"-4px",children:P}),e.jsxs(c.Box,{position:"relative",children:[e.jsx(p.default,{error:I,warning:S,validationId:ne}),(I||S)&&e.jsx(b.default,{"data-role":"radio-error-border",inline:E,warning:!(I||!S)}),e.jsx(i.default,{"data-component":"radio-button-group",role:"radiogroup",inline:E,legendInline:Z,children:e.jsx(o.default,{name:w,onBlur:R,onChange:A,value:C,children:m.default.Children.map(v,(e=>m.default.isValidElement(e)?m.default.cloneElement(e,h({inline:E,labelSpacing:W,error:!!I,warning:!!S},e.props)):e))})})]})]})):e.jsx(d.TooltipProvider,{tooltipPosition:N,children:e.jsx(t.default,y(h({legend:B,error:I,warning:S,info:k,inline:Z,legendWidth:G,legendAlign:H,legendSpacing:T,isRequired:V,isOptional:F},r.default("radiogroup",U),Q),{ml:ee,blockGroupBehaviour:!(I||S||k),"aria-describedby":re,validationId:ne,children:e.jsx(i.default,{"data-component":"radio-button-group",role:"radiogroup",inline:E,legendInline:Z,children:e.jsx(o.default,{name:w,onBlur:R,onChange:A,value:C,children:m.default.Children.map(v,(e=>m.default.isValidElement(e)?m.default.cloneElement(e,h({inline:E,labelSpacing:W,error:!!I,warning:!!S,info:!!k},e.props)):e))})})}))})})};q.displayName="RadioButtonGroup",exports.RadioButtonGroup=q,exports.default=q;

package/lib/components/radio-button/radio-button-group/radio-button-group.style.js

@@ -1,21 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RadioButtonGroupStyle = _styledComponents.default.div`
-  ${({
-  inline,
-  legendInline
-}) => (0, _styledComponents.css)`
-    display: flex;
-    flex-direction: column;
-    ${inline && "flex-direction: row;"}
-    ${legendInline && "margin-top: 4px;"}
-  `};
-`;
-var _default = exports.default = RadioButtonGroupStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const o=t(e).default.div.withConfig({displayName:"radio-button-group.style__RadioButtonGroupStyle",componentId:"sc-6b8154b6-0"})(["",";"],(({inline:t,legendInline:o})=>e.css(["display:flex;flex-direction:column;"," ",""],t&&"flex-direction: row;",o&&"margin-top: 4px;")));exports.default=o;

package/lib/components/radio-button/radio-button-svg.component.js

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RadioButtonSvg = () => {
-  return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
-    "data-role": "radio-svg",
-    focusable: "false",
-    viewBox: "0 0 15 15"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    className: "radio-button-check",
-    fill: "#FFFFFF",
-    cx: "7.5",
-    cy: "7.5",
-    r: "5"
-  }))));
-};
-var _default = exports.default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const s=()=>e.jsx(l.default,{children:e.jsx("svg",{"data-role":"radio-svg",focusable:"false",viewBox:"0 0 15 15",children:e.jsx("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:e.jsx("circle",{className:"radio-button-check",fill:"#FFFFFF",cx:"7.5",cy:"7.5",r:"5"})})})});var a=t(r).default.memo(s,(()=>!0));exports.default=a;

package/lib/components/radio-button/radio-button.component.js

@@ -1,116 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RadioButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _radioButton = _interopRequireDefault(require("./radio-button.style"));
-var _checkableInput = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input.component"));
-var _radioButtonSvg = _interopRequireDefault(require("./radio-button-svg.component"));
-var _utils = require("../../style/utils");
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef(({
-  autoFocus,
-  checked,
-  disabled,
-  fieldHelp,
-  fieldHelpInline,
-  id,
-  inline,
-  inputWidth,
-  label,
-  labelHelp,
-  labelSpacing = 1,
-  labelWidth,
-  name,
-  onChange,
-  onBlur,
-  onFocus,
-  value,
-  reverse = false,
-  size,
-  error,
-  warning,
-  info,
-  tooltipPosition,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  helpAriaLabel,
-  ...props
-}, ref) => {
-  const {
-    validationRedesignOptIn
-  } = (0, _react.useContext)(_newValidation.default);
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
-  const handleChange = (0, _react.useCallback)(event => {
-    /* istanbul ignore else */
-    if (onChange) {
-      onChange(event);
-    }
-
-    // trigger focus, as Safari doesn't focus radioButtons on click by default
-    event.target.focus();
-  }, [onChange]);
-  const validationProps = {
-    error,
-    warning,
-    info
-  };
-  const commonProps = {
-    ...validationProps,
-    disabled,
-    inputWidth,
-    fieldHelpInline,
-    labelSpacing
-  };
-  const inputProps = {
-    ...commonProps,
-    autoFocus,
-    checked,
-    fieldHelp,
-    name,
-    onChange: handleChange,
-    onBlur,
-    onFocus,
-    labelInline: true,
-    labelWidth,
-    label,
-    labelHelp,
-    id,
-    value,
-    type: "radio",
-    /**
-     * Invert the reverse prop, to ensure the FormField component renders the components
-     * in the desired order (other elements which use FormField render their sub-components the
-     * opposite way around by default)
-     */
-    reverse: !reverse,
-    ref,
-    ...props,
-    "data-component": undefined
-  };
-  !!props.children ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "This component is meant to be used as a self-closing tag. " + "You should probably use the label prop instead.") : (0, _invariant.default)(false) : void 0;
-  const componentToRender = /*#__PURE__*/_react.default.createElement(_radioButton.default, _extends({
-    applyNewValidation: validationRedesignOptIn,
-    inline: inline,
-    reverse: reverse,
-    size: size
-  }, commonProps, marginProps, (0, _tags.default)("radio-button", {
-    "data-element": dataElement,
-    "data-role": dataRole
-  })), /*#__PURE__*/_react.default.createElement(_checkableInput.default, inputProps, /*#__PURE__*/_react.default.createElement(_radioButtonSvg.default, null)));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, validationRedesignOptIn ? componentToRender : /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-    helpAriaLabel: helpAriaLabel,
-    tooltipPosition: tooltipPosition
-  }, componentToRender));
-});
-RadioButton.displayName = "RadioButton";
-var _default = exports.default = /*#__PURE__*/_react.default.memo(RadioButton);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("./radio-button.style.js"),l=require("../../__internal__/checkable-input/checkable-input.component.js"),i=require("./radio-button-svg.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var o=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("../../__internal__/tooltip-provider/index.js"),u=require("../carbon-provider/__internal__/new-validation.context.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(t),p=c(r);function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(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){b(e,t,r[t])}))}return e}function y(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 g=d.default.forwardRef(((r,c)=>{var{autoFocus:d,checked:b,disabled:g,fieldHelp:j,fieldHelpInline:h,id:O,inline:v,inputWidth:m,label:_,labelHelp:P,labelSpacing:w=1,labelWidth:x,name:q,onChange:k,onBlur:H,onFocus:S,value:F,reverse:I=!1,size:W,error:B,warning:C,info:D,tooltipPosition:R,"data-element":z,"data-role":A,helpAriaLabel:E}=r,L=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,["autoFocus","checked","disabled","fieldHelp","fieldHelpInline","id","inline","inputWidth","label","labelHelp","labelSpacing","labelWidth","name","onChange","onBlur","onFocus","value","reverse","size","error","warning","info","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:M}=t.useContext(u.default),N=o.default(L),T=t.useCallback((e=>{k&&k(e),e.target.focus()}),[k]),V=y(f({},{error:B,warning:C,info:D}),{disabled:g,inputWidth:m,fieldHelpInline:h,labelSpacing:w}),Y=y(f(y(f({},V),{autoFocus:d,checked:b,fieldHelp:j,name:q,onChange:T,onBlur:H,onFocus:S,labelInline:!0,labelWidth:x,label:_,labelHelp:P,id:O,value:F,type:"radio",reverse:!I,ref:c}),L),{"data-component":void 0});p.default(!L.children,"This component is meant to be used as a self-closing tag. You should probably use the label prop instead.");const G=e.jsx(n.default,y(f({applyNewValidation:M,inline:v,reverse:I,size:W},V,N,s.default("radio-button",{"data-element":z,"data-role":A})),{children:e.jsx(l.default,y(f({},Y),{children:e.jsx(i.default,{})}))}));return e.jsx(e.Fragment,{children:M?G:e.jsx(a.TooltipProvider,{helpAriaLabel:E,tooltipPosition:R,children:G})})}));g.displayName="RadioButton";var j=d.default.memo(g);exports.RadioButton=g,exports.default=j;