carbon-react 147.4.3 → 147.6.0

package/esm/components/fieldset/fieldset.component.js

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useContext } from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { FieldsetStyle, StyledLegend } from "./fieldset.style";
@@ -15,6 +15,9 @@ export const Fieldset = ({
 }) => {
   const [ref, setRef] = useState(null);
   const marginProps = useFormSpacing(rest);
+  const {
+    validationRedesignOptIn
+  } = useContext(NewValidationContext);
   useEffect(() => {
     if (ref && required) {
       Array.from(ref.querySelectorAll("input") || /* istanbul ignore next */[]).forEach(el => {
@@ -22,19 +25,16 @@ export const Fieldset = ({
       });
     }
   }, [ref, required]);
-  return /*#__PURE__*/React.createElement(NewValidationContext.Provider, {
-    value: {
-      validationRedesignOptIn: false
-    }
-  }, /*#__PURE__*/React.createElement(FieldsetStyle, _extends({
-    ref: setRef
+  return /*#__PURE__*/React.createElement(FieldsetStyle, _extends({
+    ref: setRef,
+    newValidation: validationRedesignOptIn
   }, tagComponent("fieldset", rest), rest, marginProps), legend && /*#__PURE__*/React.createElement(StyledLegend, {
     "data-element": "legend",
     isRequired: required,
     isOptional: isOptional
-  }, legend), /*#__PURE__*/React.createElement(FormSpacingProvider, {
+  }, legend), validationRedesignOptIn ? children : /*#__PURE__*/React.createElement(FormSpacingProvider, {
     marginBottom: undefined
-  }, children)));
+  }, children));
 };
 Fieldset.displayName = "Fieldset";
 export default Fieldset;

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

@@ -1,9 +1,12 @@
 export interface StyledFieldsetProps {
+    newValidation?: boolean;
+}
+declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, StyledFieldsetProps, never>;
+export interface StyledLegendProps {
     /** Flag to configure fields as mandatory. */
     isRequired?: boolean;
     /** Flag to configure fields as optional. */
     isOptional?: boolean;
 }
-declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
-declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledFieldsetProps, never>;
+declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
 export { FieldsetStyle, StyledLegend };

package/esm/components/fieldset/fieldset.style.js

@@ -9,15 +9,19 @@ const FieldsetStyle = styled.fieldset`
   border: none;
   padding: 0;
 
-  &&&& ${FormFieldStyle} {
-    margin-top: 0;
-    margin-bottom: -1px;
-  }
+  ${({
+  newValidation
+}) => !newValidation && css`
+      &&&& ${FormFieldStyle} {
+        margin-top: 0;
+        margin-bottom: -1px;
+      }
 
-  & ${CheckboxStyle} {
-    padding-top: 8px;
-    padding-bottom: 8px;
-  }
+      & ${CheckboxStyle} {
+        padding-top: 8px;
+        padding-bottom: 8px;
+      }
+    `}
 `;
 FieldsetStyle.defaultProps = {
   theme: baseTheme
@@ -25,12 +29,11 @@ FieldsetStyle.defaultProps = {
 const StyledLegend = styled.legend`
   display: flex;
   align-items: center;
-  margin-bottom: 32px;
-  font-size: 20px;
+  margin-bottom: var(--spacing250);
+  font-size: var(--fontSizes400);
   font-weight: var(--fontWeights500);
   color: var(--colorsUtilityYin090);
   line-height: 24px;
-  margin-right: 4px;
 
   ${({
   isRequired

package/esm/components/multi-action-button/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./multi-action-button.component";
-export type { MultiActionButtonProps } from "./multi-action-button.component";
+export type { MultiActionButtonHandle, MultiActionButtonProps, } from "./multi-action-button.component";

package/esm/components/multi-action-button/multi-action-button.component.d.ts

@@ -7,5 +7,9 @@ export interface MultiActionButtonProps extends WidthProps, Omit<SplitButtonProp
     /** Second text child, renders under main text, only when size is "large" */
     subtext?: string;
 }
-export declare const MultiActionButton: ({ align, position, disabled, buttonType, size, children, text, subtext, width, onClick, "data-element": dataElement, "data-role": dataRole, ...rest }: MultiActionButtonProps) => React.JSX.Element;
+export declare type MultiActionButtonHandle = {
+    /** Programmatically focus the main button */
+    focusMainButton: () => void;
+} | null;
+export declare const MultiActionButton: React.ForwardRefExoticComponent<MultiActionButtonProps & React.RefAttributes<MultiActionButtonHandle>>;
 export default MultiActionButton;