carbon-react 154.4.1 → 154.4.2

package/esm/__internal__/popover/popover.component.js

@@ -1,78 +1 @@
-import React, { useContext, useEffect, useRef } from "react";
-import ReactDOM from "react-dom";
-import { flip } from "@floating-ui/dom";
-import useFloating from "../../hooks/__internal__/useFloating";
-import { StyledBackdrop, StyledPopoverContent } from "./popover.style";
-import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component";
-import ModalContext from "../../components/modal/__internal__/modal.context";
-const defaultMiddleware = [flip({
-  fallbackStrategy: "initialPlacement"
-})];
-const Popover = ({
-  children,
-  placement,
-  disablePortal,
-  reference,
-  middleware = defaultMiddleware,
-  disableBackgroundUI,
-  isOpen = true,
-  animationFrame,
-  popoverStrategy = "absolute",
-  childRefOverride
-}) => {
-  const elementDOM = useRef(null);
-  const {
-    isInModal
-  } = useContext(ModalContext);
-  const candidateNode = reference.current?.closest("[role='dialog']");
-  const mountNode = isInModal && candidateNode ? candidateNode : document.body;
-  if (!elementDOM.current && !disablePortal) {
-    elementDOM.current = document.createElement("div");
-    mountNode.appendChild(elementDOM.current);
-  }
-  const childRef = childRefOverride || React.Children.only(children).ref;
-  const innerRef = useRef(null);
-  const floatingReference = childRef || innerRef;
-  let content;
-  if (childRef) {
-    content = children;
-  } else {
-    content = /*#__PURE__*/React.cloneElement(children, {
-      ref: floatingReference
-    });
-  }
-  useFloating({
-    isOpen,
-    reference,
-    floating: floatingReference,
-    placement,
-    middleware,
-    animationFrame,
-    strategy: popoverStrategy
-  });
-  useEffect(() => {
-    return () => {
-      if (!disablePortal && elementDOM.current) {
-        mountNode.removeChild(elementDOM.current);
-        elementDOM.current = null;
-      }
-    };
-  }, [disablePortal, mountNode]);
-  if (!disableBackgroundUI) {
-    content = /*#__PURE__*/React.createElement(StyledPopoverContent, {
-      isOpen: isOpen
-    }, content);
-  }
-  if (disableBackgroundUI) {
-    content = /*#__PURE__*/React.createElement(StyledPopoverContent, {
-      isOpen: isOpen
-    }, /*#__PURE__*/React.createElement(StyledBackdrop, {
-      "data-role": "popup-backdrop"
-    }, content));
-  }
-  if (disablePortal) {
-    return content;
-  }
-  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(CarbonScopedTokensProvider, null, content), elementDOM.current);
-};
-export default Popover;
+import{jsx as e}from"react/jsx-runtime";import r,{useRef as o,useContext as n,useEffect as t}from"react";import l from"react-dom";import{flip as i}from"@floating-ui/dom";import a from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as c,StyledBackdrop as d}from"./popover.style.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import s from"../../components/modal/__internal__/modal.context.js";const p=[i({fallbackStrategy:"initialPlacement"})],u=({children:i,placement:u,disablePortal:f,reference:g,middleware:h=p,disableBackgroundUI:v,isOpen:b=!0,animationFrame:_,popoverStrategy:k="absolute",childRefOverride:y})=>{var j;const O=o(null),{isInModal:F}=n(s),x=null===(j=g.current)||void 0===j?void 0:j.closest("[role='dialog']"),C=F&&x?x:document.body;O.current||f||(O.current=document.createElement("div"),C.appendChild(O.current));const P=y||r.Children.only(i).ref,w=o(null),E=P||w;let I;return I=P?i:r.cloneElement(i,{ref:E}),a({isOpen:b,reference:g,floating:E,placement:u,middleware:h,animationFrame:_,strategy:k}),t((()=>()=>{!f&&O.current&&(C.removeChild(O.current),O.current=null)}),[f,C]),v||(I=e(c,{isOpen:b,children:I})),v&&(I=e(c,{isOpen:b,children:e(d,{"data-role":"popup-backdrop",children:I})})),f?I:l.createPortal(e(m,{children:I}),O.current)};export{u as default};

package/esm/__internal__/popover/popover.style.js

@@ -1,21 +1 @@
-import styled from "styled-components";
-import baseTheme from "../../style/themes/base";
-export const StyledBackdrop = styled.div`
-  bottom: 0;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: ${({
-  theme
-}) => theme.zIndex.popover};
-  background: transparent;
-`;
-StyledBackdrop.defaultProps = {
-  theme: baseTheme
-};
-export const StyledPopoverContent = styled.div`
-  ${({
-  isOpen
-}) => !isOpen && "display: none;"}
-`;
+import e from"styled-components";import o from"../../style/themes/base/index.js";const t=e.div.withConfig({displayName:"popover.style__StyledBackdrop",componentId:"sc-83701571-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:",";background:transparent;"],(({theme:e})=>e.zIndex.popover));t.defaultProps={theme:o};const n=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"sc-83701571-1"})(["",""],(({isOpen:e})=>!e&&"display: none;"));export{t as StyledBackdrop,n as StyledPopoverContent};

package/esm/__internal__/radio-button-mapper/index.js

@@ -1 +1 @@
-export { default } from "./radio-button-mapper.component";
+export{default}from"./radio-button-mapper.component.js";

package/esm/__internal__/radio-button-mapper/radio-button-mapper.component.js

@@ -1,58 +1 @@
-import React, { useState, useCallback, useMemo } from "react";
-const RadioButtonMapper = ({
-  children,
-  name,
-  onBlur,
-  onChange,
-  onMouseDown,
-  onKeyDown,
-  value
-}) => {
-  const filteredChildren = useMemo(() => React.Children.toArray(children), [children]);
-  const anyChecked = useMemo(() => {
-    let result = false;
-    filteredChildren.forEach(child => {
-      if (/*#__PURE__*/React.isValidElement(child) && Object.prototype.hasOwnProperty.call(child.props, "defaultChecked")) {
-        result = true;
-      }
-    });
-    return result;
-  }, [filteredChildren]);
-  const isControlled = value !== undefined;
-  const [checkedValue, setCheckedValue] = useState("");
-  const onChangeProp = useCallback(event => {
-    onChange?.(event);
-    if (!isControlled) {
-      setCheckedValue(event.target.value);
-    }
-  }, [onChange, setCheckedValue, isControlled]);
-  const buttons = filteredChildren.map(child => {
-    let checked;
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return child;
-    }
-    if (isControlled) {
-      // The user is controlling the input via the value prop
-      checked = value === child.props.value;
-    } else if (!checkedValue && anyChecked) {
-      // Uncontrolled and the user has not made a selection, but at least one has a checked prop
-      checked = child.props.defaultChecked || false;
-    } else {
-      // Uncontrolled, existing selection or none marked as checked
-      checked = checkedValue === child.props.value;
-    }
-    const childProps = {
-      defaultChecked: undefined,
-      checked,
-      name,
-      onBlur,
-      onMouseDown,
-      onChange: onChangeProp,
-      onKeyDown
-    };
-    return /*#__PURE__*/React.cloneElement(child, childProps);
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, buttons);
-};
-RadioButtonMapper.displayName = "RadioButtonMapper";
-export default RadioButtonMapper;
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import n,{useMemo as r,useState as t,useCallback as a}from"react";const l=({children:l,name:u,onBlur:p,onChange:d,onMouseDown:c,onKeyDown:i,value:s})=>{const m=r((()=>n.Children.toArray(l)),[l]),h=r((()=>{let e=!1;return m.forEach((o=>{n.isValidElement(o)&&Object.prototype.hasOwnProperty.call(o.props,"defaultChecked")&&(e=!0)})),e}),[m]),f=void 0!==s,[v,y]=t(""),C=a((e=>{null==d||d(e),f||y(e.target.value)}),[d,y,f]),w=m.map((e=>{let o;if(!n.isValidElement(e))return e;o=f?s===e.props.value:!v&&h?e.props.defaultChecked||!1:v===e.props.value;const r={defaultChecked:void 0,checked:o,name:u,onBlur:p,onMouseDown:c,onChange:C,onKeyDown:i};return n.cloneElement(e,r)}));return e(o,{children:w})};l.displayName="RadioButtonMapper";export{l as default};

package/esm/__internal__/sticky-footer/index.js

@@ -1 +1 @@
-export { default } from "./sticky-footer.component";
+export{default}from"./sticky-footer.component.js";

package/esm/__internal__/sticky-footer/sticky-footer.component.js

@@ -1,41 +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, { useEffect, useRef, useState, useCallback } from "react";
-import throttle from "lodash/throttle";
-import StyledStickyFooter from "./sticky-footer.style";
-const SCROLL_THROTTLE = 50;
-const StickyFooter = ({
-  children,
-  containerRef,
-  disableSticky,
-  ...rest
-}) => {
-  const [isSticky, setIsSticky] = useState(true);
-  const footerRef = useRef(null);
-  const checkFooterPosition = useCallback(throttle(() => {
-    const content = containerRef.current;
-    /* Fallback to 0 to satisfy the TypeScript compiler */
-    /* footerRef will never be null in this method */
-    /* istanbul ignore next */
-    const stickyOffset = footerRef.current ? footerRef.current.clientHeight / 2 : 0;
-    let fullyScrolled;
-
-    // istanbul ignore else
-    if (content) {
-      fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
-    }
-    setIsSticky(!fullyScrolled);
-  }, SCROLL_THROTTLE), [containerRef]);
-  useEffect(() => {
-    const content = containerRef.current;
-    content?.addEventListener("scroll", checkFooterPosition, false);
-    return () => {
-      content?.removeEventListener("scroll", checkFooterPosition, false);
-    };
-  }, [checkFooterPosition, containerRef]);
-  return /*#__PURE__*/React.createElement(StyledStickyFooter, _extends({
-    "data-component": "sticky-footer",
-    sticky: disableSticky ? false : isSticky,
-    ref: footerRef
-  }, rest), children);
-};
-export default StickyFooter;
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useRef as r,useCallback as n,useEffect as o}from"react";import c from"lodash/throttle";import l from"./sticky-footer.style.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const s=s=>{var{children:u,containerRef:f,disableSticky:a}=s,p=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,["children","containerRef","disableSticky"]);const[b,y]=t(!0),O=r(null),j=n(c((()=>{const e=f.current,t=O.current?O.current.clientHeight/2:0;let r;e&&(r=e.scrollHeight-e.scrollTop-t<=e.clientHeight),y(!r)}),50),[f]);return o((()=>{const e=f.current;return null==e||e.addEventListener("scroll",j,!1),()=>{null==e||e.removeEventListener("scroll",j,!1)}}),[j,f]),e(l,(m=function(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){i(e,t,r[t])}))}return e}({"data-component":"sticky-footer",sticky:!a&&b,ref:O},p),g=null!=(g={children:u})?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(g)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(g)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(g,e))})),m));var m,g};export{s as default};

package/esm/__internal__/sticky-footer/sticky-footer.style.js

@@ -1,22 +1 @@
-import styled, { css, keyframes } from "styled-components";
-const FormButtonAnimation = keyframes`
-  0%   { transform: translateY(50px); }
-  100% { transform: translateY(0px); }
-`;
-const StyledStickyFooter = styled.div`
-  padding: var(--spacing200) var(--spacing400);
-  box-sizing: border-box;
-  width: 100%;
-  ${({
-  sticky
-}) => sticky && css`
-      animation: ${FormButtonAnimation} 0.25s ease;
-      position: sticky;
-      bottom: 0;
-      left: 0;
-      background-color: var(--colorsActionMinorYang100);
-      box-shadow: var(--boxShadow150);
-      z-index: 1000;
-    `}
-`;
-export default StyledStickyFooter;
+import o,{keyframes as t,css as a}from"styled-components";const i=t(["0%{transform:translateY(50px);}100%{transform:translateY(0px);}"]),n=o.div.withConfig({displayName:"sticky-footer.style__StyledStickyFooter",componentId:"sc-e0475900-0"})(["padding:var(--spacing200) var(--spacing400);box-sizing:border-box;width:100%;",""],(({sticky:o})=>o&&a(["animation:"," 0.25s ease;position:sticky;bottom:0;left:0;background-color:var(--colorsActionMinorYang100);box-shadow:var(--boxShadow150);z-index:1000;"],i)));export{n as default};

package/esm/__internal__/tooltip-provider/index.js

@@ -1,25 +1 @@
-import React, { useRef } from "react";
-import guid from "../utils/helpers/guid";
-export const TooltipContext = /*#__PURE__*/React.createContext({});
-export const TooltipProvider = ({
-  children,
-  tooltipPosition,
-  helpAriaLabel,
-  focusable,
-  tooltipVisible,
-  disabled,
-  target
-}) => {
-  const tooltipId = useRef(guid());
-  return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
-    value: {
-      tooltipPosition,
-      helpAriaLabel,
-      focusable,
-      tooltipVisible,
-      disabled,
-      tooltipId,
-      target
-    }
-  }, children);
-};
+import{jsx as t}from"react/jsx-runtime";import e,{useRef as i}from"react";import o from"../utils/helpers/guid/index.js";const r=e.createContext({}),l=({children:e,tooltipPosition:l,helpAriaLabel:a,focusable:s,tooltipVisible:p,disabled:d,target:n})=>{const c=i(o());return t(r.Provider,{value:{tooltipPosition:l,helpAriaLabel:a,focusable:s,tooltipVisible:p,disabled:d,tooltipId:c,target:n},children:e})};export{r as TooltipContext,l as TooltipProvider};

package/esm/__internal__/utils/createStrictContext/createStrictContext.js

@@ -1,36 +1 @@
-import React from "react";
-import Logger from "../logger";
-/**
- * Creates a React context with a provider and a hook for accessing the context.
- * Logs an error and returns a default value if the hook is used outside of the provider.
- *
- * @example
- *
- * ```tsx
- * const [ListProvider, useList] = createStrictContext<{ size: number }>({
- *    name: "ListContext",
- *    errorMessage: "ListContext is undefined. Make sure to wrap your component with <ListProvider />",
- *    defaultValue: {
- *      size: 0,
- *    },
- * });
- * ```
- */
-function createStrictContext({
-  name,
-  errorMessage,
-  defaultValue
-}) {
-  const Context = /*#__PURE__*/React.createContext(null);
-  Context.displayName = name;
-  function useContext() {
-    const context = React.useContext(Context);
-    if (!context) {
-      Logger.error(`${errorMessage}\nThis logged warning will become a thrown error in a future major release.`);
-      return defaultValue;
-    }
-    return context;
-  }
-  return [Context.Provider, useContext];
-}
-export default createStrictContext;
+import e from"react";import r from"../logger/index.js";function o({name:o,errorMessage:t,defaultValue:n}){const a=e.createContext(null);return a.displayName=o,[a.Provider,function(){return e.useContext(a)||(r.error(`${t}\nThis logged warning will become a thrown error in a future major release.`),n)}]}export{o as default};

package/esm/__internal__/utils/createStrictContext/index.js

@@ -1 +1 @@
-export { default } from "./createStrictContext";
+export{default}from"./createStrictContext.js";

package/esm/__internal__/utils/helpers/browser-type-check/index.js

@@ -1,7 +1 @@
-function browserTypeCheck(_window) {
-  return Boolean(_window.chrome || _window.sidebar);
-}
-export function isSafari(navigator) {
-  return navigator.vendor.includes("Apple");
-}
-export default browserTypeCheck;
+function e(e){return Boolean(e.chrome||e.sidebar)}function n(e){return e.vendor.includes("Apple")}export{e as default,n as isSafari};

package/esm/__internal__/utils/helpers/events/composedPath.js

@@ -1,19 +1 @@
-// A basic cross-browser implementation of Event.protoType.composedPath
-// JSDOM does not suppor event bubbling
-// IE does not support composedPath
-
-// https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath
-export default ev => {
-  // In this example composedPath would show that the event started at document.body
-  // but it would trigger the eventListener on document
-  let element = ev.target || null;
-  if (!element || !element.parentElement) {
-    return [];
-  }
-  const path = [element];
-  while (element.parentElement) {
-    element = element.parentElement;
-    path.unshift(element);
-  }
-  return path;
-};
+var e=e=>{let t=e.target||null;if(!t||!t.parentElement)return[];const n=[t];for(;t.parentElement;)t=t.parentElement,n.unshift(t);return n};export{e as default};

package/esm/__internal__/utils/helpers/events/events.js

@@ -1,126 +1 @@
-import composedPath from "./composedPath";
-
-/**
- * JavaScript Events
- *
- * A collection of functions to be used with events.
- *
- * E.g. The KeyPress event has different implementations accross browsers, so
- * this class contains methods to polyfill this functionality to ensure a standardised
- * implementation between browsers
- *
- */
-const Events = {
-  /**
-   * A method to determine if an event is of a particular type
-   * */
-  isEventType: (ev, type) => {
-    return ev.type === type;
-  },
-  /**
-   * Determines if event is a keyboard event
-   */
-  isKeyboardEvent: ev => {
-    return ["keydown", "keypress", "keyup"].includes(ev.type);
-  },
-  /**
-   * Determines if a number key along the top of the keyboard or a number key on the
-   * keypad is pressed
-   * */
-  isNumberKey: ev => {
-    const charCode = ev.key?.charCodeAt(0);
-    return charCode !== undefined && charCode >= 48 && charCode <= 57;
-  },
-  /**
-   * Determines if the key pressed is a navigation left key
-   * */
-  isLeftKey: ev => {
-    return ev.key === "ArrowLeft";
-  },
-  /**
-   * Determines if the key pressed is a navigation up key
-   * */
-  isUpKey: ev => {
-    return ev.key === "ArrowUp";
-  },
-  /**
-   * Determines if the key pressed is a navigation right key
-   * */
-  isRightKey: ev => {
-    return ev.key === "ArrowRight";
-  },
-  /**
-   * Determines if the key pressed is a navigation down key
-   * */
-  isDownKey: ev => {
-    return ev.key === "ArrowDown";
-  },
-  /**
-   * Determines if the key pressed is the escape key
-   * */
-  isEscKey: ev => {
-    return ev.key === "Escape";
-  },
-  /**
-   * Determines if the key pressed is the enter key
-   * */
-  isEnterKey: ev => {
-    return ev.key === "Enter";
-  },
-  /**
-   * Determines if the key pressed is the tab key
-   * */
-  isTabKey: ev => {
-    return ev.key === "Tab";
-  },
-  /**
-   * Determines if the key pressed is the shift key
-   * */
-  isShiftKey: ev => {
-    return ev.shiftKey;
-  },
-  /**
-   * Determines if the key pressed is the space key
-   * */
-  isSpaceKey: ev => {
-    return ev.key === " ";
-  },
-  /**
-   * Determines if the key pressed is the space key or enter key
-   * */
-  isEnterOrSpaceKey: ev => {
-    return ev.key === "Enter" || ev.key === " ";
-  },
-  /**
-   * Determines if the key pressed is the home key
-   * */
-  isHomeKey: ev => {
-    return ev.key === "Home";
-  },
-  /**
-   * Determines if the key pressed is the end key
-   * */
-  isEndKey: ev => {
-    return ev.key === "End";
-  },
-  /**
-   * Determines if the key pressed is the page up key
-   * */
-  isPageUpKey: ev => {
-    return ev.key === "PageUp";
-  },
-  /**
-   * Determines if the key pressed is the page down key
-   * */
-  isPageDownKey: ev => {
-    return ev.key === "PageDown";
-  },
-  /**
-   * Gets the event's path which is an array of the objects on which listeners will be invoked.
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath
-   */
-  composedPath: ev => {
-    return ev.composedPath?.() || composedPath(ev);
-  }
-};
-export default Events;
+import"react";import e from"./composedPath.js";const y={isEventType:(e,y)=>e.type===y,isKeyboardEvent:e=>["keydown","keypress","keyup"].includes(e.type),isNumberKey:e=>{var y;const o=null===(y=e.key)||void 0===y?void 0:y.charCodeAt(0);return void 0!==o&&o>=48&&o<=57},isLeftKey:e=>"ArrowLeft"===e.key,isUpKey:e=>"ArrowUp"===e.key,isRightKey:e=>"ArrowRight"===e.key,isDownKey:e=>"ArrowDown"===e.key,isEscKey:e=>"Escape"===e.key,isEnterKey:e=>"Enter"===e.key,isTabKey:e=>"Tab"===e.key,isShiftKey:e=>e.shiftKey,isSpaceKey:e=>" "===e.key,isEnterOrSpaceKey:e=>"Enter"===e.key||" "===e.key,isHomeKey:e=>"Home"===e.key,isEndKey:e=>"End"===e.key,isPageUpKey:e=>"PageUp"===e.key,isPageDownKey:e=>"PageDown"===e.key,composedPath:y=>{var o;return(null===(o=y.composedPath)||void 0===o?void 0:o.call(y))||e(y)}};export{y as default};

package/esm/__internal__/utils/helpers/events/index.js

@@ -1 +1 @@
-export { default } from "./events";
+export{default}from"./events.js";

package/esm/__internal__/utils/helpers/guid/index.js

@@ -1,9 +1 @@
-/**
- * Generates a random guid, useful for creating unique IDs.
- */
-export default () => {
-  function s4() {
-    return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
-  }
-  return `${s4()}${s4()}-${s4()}-${s4()}-${s4()}-${s4()}${s4()}${s4()}`;
-};
+var r=()=>{function r(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return`${r()}${r()}-${r()}-${r()}-${r()}-${r()}${r()}${r()}`};export{r as default};

package/esm/__internal__/utils/helpers/tags/index.js

@@ -1 +1 @@
-export { default } from "./tags";
+export{default}from"./tags.js";

package/esm/__internal__/utils/helpers/tags/tags.js

@@ -1,16 +1 @@
-/**
- * Builds props object containing top level data tags
- */
-function tagComponent(componentName, props) {
-  const tagProps = {
-    "data-component": componentName
-  };
-  if (props["data-element"]) {
-    tagProps["data-element"] = props["data-element"];
-  }
-  if (props["data-role"]) {
-    tagProps["data-role"] = props["data-role"];
-  }
-  return tagProps;
-}
-export default tagComponent;
+function a(a,e){const t={"data-component":a};return e["data-element"]&&(t["data-element"]=e["data-element"]),e["data-role"]&&(t["data-role"]=e["data-role"]),t}export{a as default};

package/esm/__internal__/utils/logger/index.js

@@ -1,27 +1 @@
-/* eslint-disable no-console */
-
-// Globally enable the logger
-let enabled = process.env.NODE_ENV !== "production";
-
-/**
- * Utility for dispatching messages to the browser console.
- * By default, logging is disabled in production mode.
- */
-const Logger = {
-  setEnabledState: newState => {
-    enabled = newState;
-  },
-  /** Logs warning-level message to browser console with [Deprecation] prefix */
-  deprecate: message => {
-    if (enabled) {
-      console.warn(`[Deprecation] ${message}`);
-    }
-  },
-  /** Logs error-level message to browser console. Includes stack trace. */
-  error: message => {
-    if (enabled) {
-      console.error(message);
-    }
-  }
-};
-export default Logger;
+let e="production"!==process.env.NODE_ENV;const o={setEnabledState:o=>{e=o},deprecate:o=>{e&&console.warn(`[Deprecation] ${o}`)},error:o=>{e&&console.error(o)}};export{o as default};

package/esm/__internal__/validation-message/index.js

@@ -1 +1 @@
-export { default } from "./validation-message.component";
+export{default}from"./validation-message.component.js";

package/esm/__internal__/validation-message/validation-message.component.js

@@ -1,18 +1 @@
-import React from "react";
-import StyledValidationMessage from "./validation-message.style";
-const ValidationMessage = ({
-  error,
-  validationId,
-  warning,
-  isDarkBackground
-}) => {
-  const validation = error || warning;
-  const isStringValidation = typeof validation === "string";
-  return isStringValidation ? /*#__PURE__*/React.createElement(StyledValidationMessage, {
-    id: validationId,
-    isWarning: !!(!error && warning),
-    "data-role": "validation-message",
-    isDarkBackground: isDarkBackground
-  }, validation) : null;
-};
-export default ValidationMessage;
+import{jsx as r}from"react/jsx-runtime";import"react";import a from"./validation-message.style.js";const i=({error:i,validationId:t,warning:n,isDarkBackground:o})=>{const e=i||n;return"string"==typeof e?r(a,{id:t,isWarning:!(i||!n),"data-role":"validation-message",isDarkBackground:o,children:e}):null};export{i as default};

package/esm/__internal__/validation-message/validation-message.style.js

@@ -1,16 +1 @@
-import styled, { css } from "styled-components";
-const StyledValidationMessage = styled.p`
-  ${({
-  isWarning,
-  isDarkBackground
-}) => {
-  const darkBgColour = isDarkBackground ? "var(--colorsSemanticNegative450)" : "var(--colorsSemanticNegative500)";
-  return css`
-      color: ${isWarning ? "var(--colorsSemanticCaution600)" : darkBgColour};
-      font-weight: ${isWarning ? "normal" : "500"};
-      margin-top: 0px;
-      margin-bottom: 8px;
-    `;
-}}
-`;
-export default StyledValidationMessage;
+import o,{css as a}from"styled-components";const t=o.p.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"sc-4033c281-0"})(["",""],(({isWarning:o,isDarkBackground:t})=>a(["color:",";font-weight:",";margin-top:0px;margin-bottom:8px;"],o?"var(--colorsSemanticCaution600)":t?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)",o?"normal":"500")));export{t as default};

package/esm/__internal__/validations/index.js

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