carbon-react 105.2.0 → 106.0.2

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

@@ -1 +1,25 @@
-export { default } from "./logger";
+/* eslint-disable no-console */
+// Globally enable the logger
+let enabled = process.env.NODE_ENV !== "production";
+/*
+ * Logger
+ *
+ * Logger function will only output when enabled. By default this
+ * enabled state is set when your NODE_ENV !== 'production'
+ *
+ * Methods
+ * deprecate - console.warn which prepends the message with [Deprecation]
+ *
+ */
+
+const Logger = {
+  setEnabledState: newState => {
+    enabled = newState;
+  },
+  deprecate: message => {
+    if (enabled) {
+      console.warn(`[Deprecation] ${message}`);
+    }
+  }
+};
+export default Logger;

package/esm/components/app-wrapper/app-wrapper.component.js

@@ -24,7 +24,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import classNames from "classnames";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { validProps } from "../../__internal__/utils/ether";
 import StyledAppWrapper from "./app-wrapper.style";
 import Logger from "../../__internal__/utils/logger";
 let deprecatedWarnTriggered = false;
@@ -73,9 +72,12 @@ let AppWrapper = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(StyledAppWrapper, _extends({}, validProps(this), {
+      const {
+        children
+      } = this.props;
+      return /*#__PURE__*/React.createElement(StyledAppWrapper, _extends({}, this.props, {
         className: this.classes()
-      }, tagComponent("app-wrapper", this.props)), this.props.children);
+      }, tagComponent("app-wrapper", this.props)), children);
     }
   }]);
 

package/esm/components/confirm/confirm.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
-import createGuid from "../../__internal__/utils/helpers/guid/guid.js";
+import createGuid from "../../__internal__/utils/helpers/guid";
 import Logger from "../../__internal__/utils/logger";
 import Heading from "../heading";
 import Dialog from "../dialog";

package/esm/components/dialog/dialog.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { useRef, useEffect, useLayoutEffect, useCallback } from "react";
 import PropTypes from "prop-types";
-import createGuid from "../../__internal__/utils/helpers/guid/guid.js";
+import createGuid from "../../__internal__/utils/helpers/guid";
 import Modal from "../modal";
 import Heading from "../heading";
 import useResizeObserver from "../../hooks/__internal__/useResizeObserver";

package/esm/components/dialog-full-screen/dialog-full-screen.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
-import createGuid from "../../__internal__/utils/helpers/guid/guid.js";
+import createGuid from "../../__internal__/utils/helpers/guid";
 import Modal from "../modal";
 import Heading from "../heading";
 import FullScreenHeading from "../../__internal__/full-screen-heading";

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

@@ -1,5 +1,10 @@
 export default Fieldset;
-declare function Fieldset(props: any): JSX.Element;
+declare function Fieldset({ children, inline, legend, ...rest }: {
+    [x: string]: any;
+    children: any;
+    inline: any;
+    legend: any;
+}): JSX.Element;
 declare namespace Fieldset {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

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

@@ -3,39 +3,38 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from "react";
 import PropTypes from "prop-types";
 import styledSystemPropTypes from "@styled-system/prop-types";
-import { validProps } from "../../__internal__/utils/ether";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { FieldsetStyle, LegendContainerStyle, FieldsetContentStyle } from "./fieldset.style";
 import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 
-const Fieldset = props => {
-  const legend = () => {
-    if (!props.legend) return null;
+const Fieldset = ({
+  children,
+  inline,
+  legend,
+  ...rest
+}) => {
+  const getLegend = () => {
+    if (!legend) return null;
     return /*#__PURE__*/React.createElement(LegendContainerStyle, {
-      inline: props.inline,
+      inline: inline,
       "data-component": "legend-style"
     }, /*#__PURE__*/React.createElement("legend", {
       "data-element": "legend"
-    }, props.legend));
+    }, legend));
   };
 
-  const { ...safeProps
-  } = validProps({
-    propTypes: Fieldset.propTypes,
-    props
-  });
   return /*#__PURE__*/React.createElement(NewValidationContext.Provider, {
     value: {
       validationRedesignOptIn: false
     }
-  }, /*#__PURE__*/React.createElement(FieldsetStyle, _extends({}, tagComponent("fieldset", props), safeProps, {
+  }, /*#__PURE__*/React.createElement(FieldsetStyle, _extends({}, tagComponent("fieldset", rest), rest, {
     m: 0
-  }, filterStyledSystemMarginProps(props)), /*#__PURE__*/React.createElement(FieldsetContentStyle, {
+  }, filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(FieldsetContentStyle, {
     "data-component": "fieldset-style",
-    inline: props.inline
-  }, legend(), props.children)));
+    inline: inline
+  }, getLegend(), children)));
 };
 
 Fieldset.propTypes = {

package/esm/components/portrait/portrait-initials.component.js

@@ -40,7 +40,7 @@ const PortraitInitials = ({
     canvas.height = dimensions; // Select a font family to support different language characters
     // like Arial
 
-    context.font = `${Math.round(canvas.width / 2.4)}px Lato, Arial`;
+    context.font = `${Math.round(canvas.width / 2.4)}px "Sage UI", Arial`;
     context.textAlign = "center"; // Setup background and front color
 
     context.fillStyle = tokens[bgColor];

package/esm/components/select/select-list/select-list.component.js

@@ -13,7 +13,7 @@ import ListActionButton from "../list-action-button/list-action-button.component
 import StyledSelectListContainer from "./select-list-container.style";
 import Loader from "../../loader";
 import Option from "../option/option.component";
-import guid from "../../../__internal__/utils/helpers/guid/guid";
+import guid from "../../../__internal__/utils/helpers/guid";
 import SelectListContext from "../__internal__/select-list-context";
 const fixedPopoverModifiers = [{
   name: "offset",

package/esm/components/select/select-textbox/select-textbox.component.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 import { createPopper } from "@popperjs/core";
 import Textbox from "../../textbox";
 import SelectText from "../__internal__/select-text/select-text.component";
-import guid from "../../../__internal__/utils/helpers/guid/guid";
+import guid from "../../../__internal__/utils/helpers/guid";
 import useLocale from "../../../hooks/__internal__/useLocale";
 import useResizeObserver from "../../../hooks/__internal__/useResizeObserver";
 const modifiers = [{

package/esm/components/split-button/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./split-button";
+export type { SplitButtonProps } from "./split-button";

package/esm/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -356,18 +356,16 @@ const StyledTabTitle = styled.button`
 
     ${alternateStyling && css`
         &:focus {
-          background-color: var(--colorsActionMinor100);
+          background-color: var(--colorsActionMinor200);
         }
 
         &:hover {
-          background-color: ${isTabSelected ? "var(--colorsActionMinor100)" : "var(--colorsActionMinor150)"};
+          background-color: ${isTabSelected ? "var(--colorsActionMinor200)" : "var(--colorsActionMinor250)"};
         }
 
         ${isTabSelected && css`
-          background-color: var(--colorsActionMinor100);
+          background-color: var(--colorsActionMinor200);
         `}
-
-        ${isInSidebar && `padding-bottom: 1px;`}
       `}
   `}
 `;

package/esm/components/textbox/textbox.component.d.ts

@@ -1,6 +1,5 @@
 export { Textbox as OriginalTextbox };
-declare var _default: JSX.Element;
-export default _default;
+export default Textbox;
 declare function Textbox({ align, autoFocus, children, disabled, inputIcon, leftChildren, labelId: externalLabelId, label, labelAlign, labelHelp, labelInline, labelSpacing, id, formattedValue, fieldHelp, error, warning, info, name, reverse, size, value, readOnly, placeholder, inputRef, onBlur, onClick, onFocus, onChange, onMouseDown, onChangeDeferred, deferTimeout, isOptional, iconOnClick, iconOnMouseDown, iconTabIndex, validationOnLabel, labelWidth, inputWidth, prefix, adaptiveLabelBreakpoint, required, positionedChildren, tooltipPosition, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, enforceCharacterLimit, characterLimit, warnOverLimit, helpAriaLabel, ...props }: {
     [x: string]: any;
     align: any;

package/esm/components/textbox/textbox.component.js

@@ -7,7 +7,7 @@ import { filterStyledSystemMarginProps } from "../../style/utils";
 import { Input, InputPresentation } from "../../__internal__/input";
 import InputIconToggle from "../../__internal__/input-icon-toggle";
 import FormField from "../../__internal__/form-field";
-import withUniqueIdProps from "../../__internal__/utils/helpers/with-unique-id-props";
+import useUniqueId from "../../__internal__/utils/helpers/useUniqueId";
 import { InputBehaviour } from "../../__internal__/input-behaviour";
 import StyledPrefix from "./__internal__/prefix.style";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
@@ -83,13 +83,14 @@ const Textbox = ({
 
   const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
 
+  const [uniqueId, uniqueName] = useUniqueId(id, name);
   const {
     labelId: internalLabelId,
     validationIconId,
     fieldHelpId,
     ariaDescribedBy
   } = useInputAccessibility({
-    id,
+    id: uniqueId,
     error,
     warning,
     info,
@@ -115,7 +116,7 @@ const Textbox = ({
     labelInline: computeLabelPropValues(labelInline),
     labelSpacing: labelSpacing,
     labelWidth: computeLabelPropValues(labelWidth),
-    id: id,
+    id: uniqueId,
     reverse: computeLabelPropValues(reverse),
     isOptional: isOptional,
     useValidationIcon: computeLabelPropValues(validationOnLabel),
@@ -155,9 +156,9 @@ const Textbox = ({
     autoFocus: autoFocus,
     deferTimeout: deferTimeout,
     disabled: disabled,
-    id: id,
+    id: uniqueId,
     inputRef: inputRef,
-    name: name,
+    name: uniqueName,
     onBlur: onBlur,
     onChange: onChange,
     onChangeDeferred: onChangeDeferred,
@@ -379,4 +380,4 @@ Textbox.defaultProps = {
   validationOnLabel: false
 };
 export { Textbox as OriginalTextbox };
-export default withUniqueIdProps(Textbox);
+export default Textbox;

package/esm/style/fonts.css

@@ -0,0 +1,30 @@
+@font-face{
+  font-family: "Sage UI";
+  src: url('https://fonts.sage.com/Sage_UI-Regular.woff2') format("woff2"), url('https://fonts.sage.com/Sage_UI-Regular.woff') format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face{
+  font-family: "Sage UI";
+  src: url('https://fonts.sage.com/Sage_UI-Medium.woff2') format("woff2"), url('https://fonts.sage.com/Sage_UI-Medium.woff') format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face{
+  font-family: "Sage UI";
+  src: url('https://fonts.sage.com/Sage_UI-Bold.woff2') format("woff2"), url('https://fonts.sage.com/Sage_UI-Bold.woff') format("woff");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "CarbonIcons";
+  src: url("./assets/carbon-icons-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}

package/esm/style/global-style.js

@@ -2,7 +2,7 @@ import { createGlobalStyle } from "styled-components";
 const GlobalStyle = createGlobalStyle`
   body {
     color: rgba(0, 0, 0, 0.9);
-    font-family: 'Lato';
+    font-family: "Sage UI", sans-serif;
     font-size: 14px;
     margin: 0px;
     padding: 0px;

package/esm/style/themes/base/base-theme.config.d.ts

@@ -54,6 +54,7 @@ declare function _default(palette: any): {
         colorsYin075: string;
         colorsYin090: string;
         colorsYang100: string;
+        colorsYang030: string;
         colorsYang080: string;
         colorsGray850: string;
         colorsGray900: string;
@@ -138,6 +139,8 @@ declare function _default(palette: any): {
         colorsUtilityReadOnly400: string;
         colorsUtilityReadOnly500: string;
         colorsUtilityReadOnly600: string;
+        colorsActionMajor350: string;
+        colorsActionMajor450: string;
         colorsActionMajor700: string;
         colorsActionMajor025: string;
         colorsActionMajorTransparent: string;
@@ -146,6 +149,7 @@ declare function _default(palette: any): {
         colorsActionMajorYin065: string;
         colorsActionMajorYin090: string;
         colorsActionMajorYang100: string;
+        colorsActionMajorYang030: string;
         colorsActionMinor100: string;
         colorsActionMinor150: string;
         colorsActionMinor200: string;
@@ -305,16 +309,10 @@ declare function _default(palette: any): {
         typographyDatePickerCalendarDateM: string;
         typographyDatePickerCalendarDayM: string;
         typographyDatePickerCalendarMonthM: string;
-        typographyDialogTitleXs: string;
-        typographyDialogTitleS: string;
-        typographyDialogTitleMs: string;
         typographyDialogTitleM: string;
-        typographyDialogTitleMl: string;
-        typographyDialogTitleL: string;
-        typographyDialogTitleXl: string;
-        typographyDialogParagraphXs: string;
-        typographyDialogParagraphS: string;
+        typographyDialogParagraphM: string;
         typographyDrawerTitleM: string;
+        typographyDrawerParagraphM: string;
         typographyFlashTextM: string;
         typographyFlashTextL: string;
         typographyFormFieldLabelXs: string;
@@ -349,6 +347,7 @@ declare function _default(palette: any): {
         typographyFormFieldCharacterCountS: string;
         typographyFormFieldCharacterCountM: string;
         typographyFormFieldCharacterCountL: string;
+        typographyLinkTextS: string;
         typographyLinkTextM: string;
         typographyLinkTextL: string;
         typographyMenuLabelM: string;
@@ -358,6 +357,7 @@ declare function _default(palette: any): {
         typographyMessageTextM: string;
         typographyMessageTextL: string;
         typographyPaginationLabelM: string;
+        typographyTileParagraphM: string;
         typographyPillLabelS: string;
         typographyPillLabelM: string;
         typographyPillLabelL: string;
@@ -390,13 +390,22 @@ declare function _default(palette: any): {
         typographySidebarTitleS: string;
         typographySidebarTitleM: string;
         typographySidebarTitleL: string;
+        typographySidebarParagraphM: string;
         typographyStepFlowCompleteLabelM: string;
         typographyStepFlowCurrentLabelM: string;
         typographyStepFlowIncompleteLabelM: string;
         typographySwitchOptionLabelM: string;
         typographySwitchOptionLabelL: string;
+        typographyTableHeaderTextXs: string;
+        typographyTableHeaderTextS: string;
         typographyTableHeaderTextM: string;
+        typographyTableHeaderTextL: string;
+        typographyTableHeaderTextXl: string;
+        typographyTableCellTextXs: string;
+        typographyTableCellTextS: string;
         typographyTableCellTextM: string;
+        typographyTableCellTextL: string;
+        typographyTableCellTextXl: string;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
         opacity300: string;

package/esm/style/themes/sage/index.d.ts

@@ -10,6 +10,7 @@ declare var _default: {
         colorsYin075: string;
         colorsYin090: string;
         colorsYang100: string;
+        colorsYang030: string;
         colorsYang080: string;
         colorsGray850: string;
         colorsGray900: string;
@@ -95,6 +96,8 @@ declare var _default: {
         colorsUtilityReadOnly500: string;
         colorsUtilityReadOnly600: string;
         colorsActionMajor150: string;
+        colorsActionMajor350: string;
+        colorsActionMajor450: string;
         colorsActionMajor500: string;
         colorsActionMajor600: string;
         colorsActionMajor700: string;
@@ -105,6 +108,7 @@ declare var _default: {
         colorsActionMajorYin065: string;
         colorsActionMajorYin090: string;
         colorsActionMajorYang100: string;
+        colorsActionMajorYang030: string;
         colorsActionMinor100: string;
         colorsActionMinor150: string;
         colorsActionMinor200: string;
@@ -270,16 +274,10 @@ declare var _default: {
         typographyDatePickerCalendarDateM: string;
         typographyDatePickerCalendarDayM: string;
         typographyDatePickerCalendarMonthM: string;
-        typographyDialogTitleXs: string;
-        typographyDialogTitleS: string;
-        typographyDialogTitleMs: string;
         typographyDialogTitleM: string;
-        typographyDialogTitleMl: string;
-        typographyDialogTitleL: string;
-        typographyDialogTitleXl: string;
-        typographyDialogParagraphXs: string;
-        typographyDialogParagraphS: string;
+        typographyDialogParagraphM: string;
         typographyDrawerTitleM: string;
+        typographyDrawerParagraphM: string;
         typographyFlashTextM: string;
         typographyFlashTextL: string;
         typographyFormFieldLabelXs: string;
@@ -314,6 +312,7 @@ declare var _default: {
         typographyFormFieldCharacterCountS: string;
         typographyFormFieldCharacterCountM: string;
         typographyFormFieldCharacterCountL: string;
+        typographyLinkTextS: string;
         typographyLinkTextM: string;
         typographyLinkTextL: string;
         typographyMenuLabelM: string;
@@ -323,6 +322,7 @@ declare var _default: {
         typographyMessageTextM: string;
         typographyMessageTextL: string;
         typographyPaginationLabelM: string;
+        typographyTileParagraphM: string;
         typographyPillLabelS: string;
         typographyPillLabelM: string;
         typographyPillLabelL: string;
@@ -355,13 +355,22 @@ declare var _default: {
         typographySidebarTitleS: string;
         typographySidebarTitleM: string;
         typographySidebarTitleL: string;
+        typographySidebarParagraphM: string;
         typographyStepFlowCompleteLabelM: string;
         typographyStepFlowCurrentLabelM: string;
         typographyStepFlowIncompleteLabelM: string;
         typographySwitchOptionLabelM: string;
         typographySwitchOptionLabelL: string;
+        typographyTableHeaderTextXs: string;
+        typographyTableHeaderTextS: string;
         typographyTableHeaderTextM: string;
+        typographyTableHeaderTextL: string;
+        typographyTableHeaderTextXl: string;
+        typographyTableCellTextXs: string;
+        typographyTableCellTextS: string;
         typographyTableCellTextM: string;
+        typographyTableCellTextL: string;
+        typographyTableCellTextXl: string;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
         opacity300: string;

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

@@ -7,7 +7,7 @@ exports.TooltipProvider = exports.TooltipContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _guid = _interopRequireDefault(require("../utils/helpers/guid/guid"));
+var _guid = _interopRequireDefault(require("../utils/helpers/guid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/__internal__/utils/helpers/browser/index.d.ts

@@ -1 +1,15 @@
-export { default } from "./browser";
+/**
+ * Browser provides helper methods for working with Browser behavior.
+ */
+declare const Browser: {
+    isDomAvailable: () => boolean;
+    /**
+     * Get the current window
+     */
+    getWindow: () => Window | undefined;
+    /**
+     * Get the current document
+     */
+    getDocument: () => Document | undefined;
+};
+export default Browser;

package/lib/__internal__/utils/helpers/browser/index.js

@@ -3,13 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _browser.default;
-  }
-});
+exports.default = void 0;
+const globalNode = {
+  window,
+  document: window.document,
+  ...global
+};
+/**
+ * Browser provides helper methods for working with Browser behavior.
+ */
+
+const Browser = {
+  isDomAvailable: () => {
+    const _window = Browser.getWindow();
 
-var _browser = _interopRequireDefault(require("./browser"));
+    const _document = Browser.getDocument();
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+    return !!(typeof _window !== "undefined" && _document && _document.createElement);
+  },
+
+  /**
+   * Get the current window
+   */
+  getWindow: () => {
+    return globalNode.window;
+  },
+
+  /**
+   * Get the current document
+   */
+  getDocument: () => {
+    return globalNode.document;
+  }
+};
+var _default = Browser;
+exports.default = _default;

package/lib/__internal__/utils/helpers/browser-type-check/index.d.ts

@@ -1 +1,7 @@
-export { default, isSafari, isEdge } from "./browser-type-check";
+interface WindowInterface extends Partial<Window> {
+    chrome?: Record<string, unknown>;
+    sidebar?: Record<string, unknown>;
+}
+declare function browserTypeCheck(_window: WindowInterface): boolean;
+export declare function isSafari(navigator: Navigator): boolean;
+export default browserTypeCheck;

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

@@ -3,27 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _browserTypeCheck.default;
-  }
-});
-Object.defineProperty(exports, "isSafari", {
-  enumerable: true,
-  get: function () {
-    return _browserTypeCheck.isSafari;
-  }
-});
-Object.defineProperty(exports, "isEdge", {
-  enumerable: true,
-  get: function () {
-    return _browserTypeCheck.isEdge;
-  }
-});
+exports.isSafari = isSafari;
+exports.default = void 0;
 
-var _browserTypeCheck = _interopRequireWildcard(require("./browser-type-check"));
+function browserTypeCheck(_window) {
+  return Boolean(_window.chrome || _window.sidebar);
+}
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function isSafari(navigator) {
+  return navigator.vendor.includes("Apple");
+}
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = browserTypeCheck;
+exports.default = _default;

package/lib/__internal__/utils/helpers/events/composedPath.d.ts

@@ -1,2 +1,2 @@
-declare function _default(ev: any): any[];
+declare const _default: (ev: CustomEvent) => EventTarget[];
 export default _default;