carbon-react 106.2.2 → 106.3.2

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -3,121 +3,63 @@ import PropTypes from "prop-types";
 import { ThemeProvider } from "styled-components";
 import mintTheme from "../../style/themes/mint";
 import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider";
-export const NewValidationContext = /*#__PURE__*/ createContext({});
+export const NewValidationContext = /*#__PURE__*/createContext({});
+
 const CarbonProvider = ({
   children,
   theme = mintTheme,
-  validationRedesignOptIn = false,
-}) =>
-  /*#__PURE__*/ React.createElement(
-    ThemeProvider,
-    {
-      theme: theme,
-    },
-    /*#__PURE__*/ React.createElement(
-      CarbonScopedTokensProvider,
-      null,
-      /*#__PURE__*/ React.createElement(
-        NewValidationContext.Provider,
-        {
-          value: {
-            validationRedesignOptIn,
-          },
-        },
-        children
-      )
-    )
-  );
-
-CarbonProvider.propTypes = {
-  children: PropTypes.node,
-  theme: PropTypes.shape({
-    colors: PropTypes.shape({
-      destructive: PropTypes.shape({
-        hover: PropTypes.string.isRequired,
-      }),
-      error: PropTypes.string,
-      focus: PropTypes.string,
-      info: PropTypes.string,
-      loadingBarBackground: PropTypes.string,
-      placeholder: PropTypes.string,
-      primary: PropTypes.string,
-      secondary: PropTypes.string,
-      tertiary: PropTypes.string,
-      warning: PropTypes.string,
-      warningText: PropTypes.string,
-      white: PropTypes.oneOf(["#FFFFFF"]),
-    }),
-    compatibility: PropTypes.object,
-    disabled: PropTypes.shape({
-      background: PropTypes.string.isRequired,
-    }),
-    name: PropTypes.string,
-    palette: PropTypes.shape({
-      blackOpacity: PropTypes.func.isRequired,
-      whiteOpacity: PropTypes.func.isRequired,
-    }),
-    space: PropTypes.arrayOf(PropTypes.string),
-    spacing: PropTypes.number,
-    zIndex: PropTypes.shape({
-      aboveAll: PropTypes.number.isRequired,
-      fullScreenModal: PropTypes.number.isRequired,
-      header: PropTypes.number.isRequired,
-      modal: PropTypes.number.isRequired,
-      nav: PropTypes.number.isRequired,
-      notification: PropTypes.number.isRequired,
-      overlay: PropTypes.number.isRequired,
-      popover: PropTypes.number.isRequired,
-      smallOverlay: PropTypes.number.isRequired,
-    }),
-  }),
-  validationRedesignOptIn: PropTypes.bool,
-};
+  validationRedesignOptIn = false
+}) => /*#__PURE__*/React.createElement(ThemeProvider, {
+  theme: theme
+}, /*#__PURE__*/React.createElement(CarbonScopedTokensProvider, null, /*#__PURE__*/React.createElement(NewValidationContext.Provider, {
+  value: {
+    validationRedesignOptIn
+  }
+}, children)));
 
 CarbonProvider.propTypes = {
-  children: PropTypes.node,
-  theme: PropTypes.shape({
-    colors: PropTypes.shape({
-      destructive: PropTypes.shape({
-        hover: PropTypes.string.isRequired,
+  "children": PropTypes.node,
+  "theme": PropTypes.shape({
+    "colors": PropTypes.shape({
+      "destructive": PropTypes.shape({
+        "hover": PropTypes.string.isRequired
       }),
-      error: PropTypes.string,
-      focus: PropTypes.string,
-      info: PropTypes.string,
-      loadingBarBackground: PropTypes.string,
-      placeholder: PropTypes.string,
-      primary: PropTypes.string,
-      secondary: PropTypes.string,
-      tertiary: PropTypes.string,
-      warning: PropTypes.string,
-      warningText: PropTypes.string,
-      white: PropTypes.oneOf(["#FFFFFF"]),
-    }),
-    compatibility: PropTypes.object,
-    disabled: PropTypes.shape({
-      background: PropTypes.string.isRequired,
+      "error": PropTypes.string,
+      "focus": PropTypes.string,
+      "info": PropTypes.string,
+      "loadingBarBackground": PropTypes.string,
+      "placeholder": PropTypes.string,
+      "primary": PropTypes.string,
+      "secondary": PropTypes.string,
+      "tertiary": PropTypes.string,
+      "warning": PropTypes.string,
+      "warningText": PropTypes.string,
+      "white": PropTypes.oneOf(["#FFFFFF"])
     }),
-    name: PropTypes.string,
-    palette: PropTypes.shape({
-      blackOpacity: PropTypes.func.isRequired,
-      whiteOpacity: PropTypes.func.isRequired,
+    "compatibility": PropTypes.object,
+    "disabled": PropTypes.shape({
+      "background": PropTypes.string.isRequired
     }),
-    space: PropTypes.arrayOf(PropTypes.string),
-    spacing: PropTypes.number,
-    zIndex: PropTypes.shape({
-      aboveAll: PropTypes.number.isRequired,
-      fullScreenModal: PropTypes.number.isRequired,
-      header: PropTypes.number.isRequired,
-      modal: PropTypes.number.isRequired,
-      nav: PropTypes.number.isRequired,
-      notification: PropTypes.number.isRequired,
-      overlay: PropTypes.number.isRequired,
-      popover: PropTypes.number.isRequired,
-      smallOverlay: PropTypes.number.isRequired,
+    "name": PropTypes.string,
+    "palette": PropTypes.shape({
+      "blackOpacity": PropTypes.func.isRequired,
+      "whiteOpacity": PropTypes.func.isRequired
     }),
+    "space": PropTypes.arrayOf(PropTypes.string),
+    "spacing": PropTypes.number,
+    "zIndex": PropTypes.shape({
+      "aboveAll": PropTypes.number.isRequired,
+      "fullScreenModal": PropTypes.number.isRequired,
+      "header": PropTypes.number.isRequired,
+      "modal": PropTypes.number.isRequired,
+      "nav": PropTypes.number.isRequired,
+      "notification": PropTypes.number.isRequired,
+      "overlay": PropTypes.number.isRequired,
+      "popover": PropTypes.number.isRequired,
+      "smallOverlay": PropTypes.number.isRequired
+    })
   }),
-  validationRedesignOptIn: PropTypes.bool,
+  "validationRedesignOptIn": PropTypes.bool
 };
-
 export { CarbonProvider };
-export default CarbonProvider;
+export default CarbonProvider;

package/esm/components/date/__internal__/utils.js

@@ -76,7 +76,7 @@ function findMatchWithNoSeparators(valueString, formatString) {
   const valueArray = makeSeparatedValues(indexArray, valueString);
 
   if (checkForCompleteMatch(formatArray, valueArray)) {
-    return [formatArray.join("."), valueArray.join(".")];
+    return [formatArray.join(" "), valueArray.join(" ")];
   }
 
   return null;

package/esm/components/date/date.component.js

@@ -119,8 +119,10 @@ const DateInput = ({
 
     if (isDateValid(selectedDays)) {
       event = buildCustomEvent(ev);
+      const currentValue = checkISOFormatAndLength(value) ? formattedValue(format, parseISODate(value)) : value;
+      const [, matchedValue] = findMatchedFormatAndValue(currentValue, formats);
 
-      if (formattedValue(format, selectedDays) !== value) {
+      if (formattedValue(format, selectedDays) !== matchedValue) {
         onChange(event);
       }
     } else {

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

@@ -5,9 +5,9 @@ export const StyledHeader: import("styled-components").StyledComponent<"div", an
 export const StyledSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;
 export const StyledHeaderHelp: import("styled-components").StyledComponent<typeof Help, any, {}, never>;
 export const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, {}, never>;
-export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr/hr.component").HrProps) => JSX.Element, any, {}, never>;
+export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
 export const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
 import Icon from "../icon";
 import Help from "../help";