@dnanpm/styleguide 3.7.1 → 3.8.1

package/build/cjs/components/Textarea/Textarea.d.ts

@@ -1,95 +1,95 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
-import React from 'react';
-type InputStatus = 'none' | 'success' | 'error' | 'comment';
-interface Props {
-    /**
-     * Unique ID for the input element
-     */
-    id: string;
-    /**
-     * Name of the input element
-     */
-    name: string;
-    /**
-     * Default value of input element
-     */
-    value?: string | number;
-    /**
-     * Text to be passed down to `LabelText` component. Acts as the input element label
-     */
-    label?: string;
-    /**
-     * Text of placeholder for the input value
-     */
-    placeholder?: string;
-    /**
-     * Integer attribute indicating the sequence of keyboard navigation
-     */
-    tabIndex?: number;
-    /**
-     * On input change callback
-     */
-    onChange?: (val: string, e: ChangeEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input blur callback
-     */
-    onBlur?: (val: string, e: FocusEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input focus callback
-     */
-    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input key press callback
-     */
-    onKeyPress?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
-    /**
-     * On input key down callback
-     */
-    onKeyDown?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
-    /**
-     * Allows to disable the component functionality
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Allows to set input as mandatory
-     *
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Text of the comment message when input is in comment state
-     */
-    commentMessage?: string;
-    /**
-     * Allows to change the amount of rows for textarea element
-     *
-     * @default 3
-     */
-    height?: number;
-    /**
-     * Depending on the passed status, the styling changes and additional elements are shown
-     *
-     * @param {InputStatus} none Default styling
-     * @param {InputStatus} success Displays `success` icon with `theme.color.notification.success` color in the input element
-     * @param {InputStatus} error Displays `error` icon with `theme.color.notification.error` color in the input element and error message underneath the input
-     * @param {InputStatus} comment Displays comment message underneath the input
-     */
-    status?: InputStatus;
-    /**
-     * Text of the error message when textarea is in error state
-     */
-    errorMessage?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Textarea: ({ height, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Textarea;
+import type { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
+import React from 'react';
+type InputStatus = 'none' | 'success' | 'error' | 'comment';
+interface Props {
+    /**
+     * Unique ID for the input element
+     */
+    id: string;
+    /**
+     * Name of the input element
+     */
+    name: string;
+    /**
+     * Default value of input element
+     */
+    value?: string | number;
+    /**
+     * Text to be passed down to `LabelText` component. Acts as the input element label
+     */
+    label?: string;
+    /**
+     * Text of placeholder for the input value
+     */
+    placeholder?: string;
+    /**
+     * Integer attribute indicating the sequence of keyboard navigation
+     */
+    tabIndex?: number;
+    /**
+     * On input change callback
+     */
+    onChange?: (val: string, e: ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * On input blur callback
+     */
+    onBlur?: (val: string, e: FocusEvent<HTMLTextAreaElement>) => void;
+    /**
+     * On input focus callback
+     */
+    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    /**
+     * On input key press callback
+     */
+    onKeyPress?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
+    /**
+     * On input key down callback
+     */
+    onKeyDown?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Allows to disable the component functionality
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Allows to set input as mandatory
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Text of the comment message when input is in comment state
+     */
+    commentMessage?: string;
+    /**
+     * Allows to change the amount of rows for textarea element
+     *
+     * @default 3
+     */
+    height?: number;
+    /**
+     * Depending on the passed status, the styling changes and additional elements are shown
+     *
+     * @param {InputStatus} none Default styling
+     * @param {InputStatus} success Displays `success` icon with `theme.color.notification.success` color in the input element
+     * @param {InputStatus} error Displays `error` icon with `theme.color.notification.error` color in the input element and error message underneath the input
+     * @param {InputStatus} comment Displays comment message underneath the input
+     */
+    status?: InputStatus;
+    /**
+     * Text of the error message when textarea is in error state
+     */
+    errorMessage?: string;
+    /**
+     * Allows to pass a custom className
+     */
+    className?: string;
+    /**
+     * Allows to pass testid string for testing purposes
+     */
+    'data-testid'?: string;
+}
+declare const Textarea: ({ height, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
+/** @component */
+export default Textarea;

package/build/cjs/components/Textarea/Textarea.js

@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const FieldContainer = styled["default"].div `
     color: ${theme["default"].color.text.black};
     margin-bottom: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
-`;
+`;
 const StyledTextarea = styled["default"].textarea `
     display: block;
     font-family: ${theme["default"].fontFamily.default};
@@ -49,42 +49,42 @@ const StyledTextarea = styled["default"].textarea `
     &::placeholder {
         color: ${theme["default"].color.text.black}${theme["default"].color.transparency.T40};
     }
-`;
+`;
 const Message = styled["default"].div `
     font-size: ${theme["default"].fontSize.s};
     font-weight: ${theme["default"].fontWeight.book};
     line-height: ${theme["default"].lineHeight.s};
     color: ${theme["default"].color.text.gray};
     margin-top: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 0.5)};
-`;
+`;
 const ErrorMessage = styled["default"](Message) `
     font-weight: ${theme["default"].fontWeight.medium};
     color: ${theme["default"].color.notification.error};
-`;
-const Textarea = (_a) => {
-    var { height = 3, 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["height", 'data-testid']);
-    const inputRef = React.useRef(null);
-    const handleOnBlur = (e) => {
-        if (props.onBlur) {
-            props.onBlur(e.target.value, e);
-        }
-    };
-    const handleChange = (e) => {
-        if (props.onChange) {
-            props.onChange(e.target.value, e);
-        }
-    };
-    const onClick = (e) => {
-        e.preventDefault();
-        if (inputRef && inputRef.current) {
-            inputRef.current.focus();
-        }
-    };
-    return (React__default["default"].createElement(FieldContainer, { className: props.className },
-        props.label && (React__default["default"].createElement(LabelText["default"], { htmlFor: props.id, "data-testid": dataTestId && `${dataTestId}-label`, status: props.status === 'error' ? props.status : undefined, isMandatory: props.required }, props.label)),
-        React__default["default"].createElement(StyledTextarea, { id: props.id, name: props.name, ref: inputRef, value: props.value, rows: height, placeholder: props.placeholder, tabIndex: props.tabIndex, onChange: handleChange, onBlur: handleOnBlur, onFocus: props.onFocus, onClick: onClick, onKeyDown: props.onKeyDown, onKeyPress: props.onKeyPress, required: props.required, disabled: props.disabled, "aria-disabled": props.disabled, "aria-label": props.id, "data-testid": dataTestId }),
-        props.commentMessage && (React__default["default"].createElement(Message, { "data-testid": dataTestId && `${dataTestId}-comment` }, props.commentMessage)),
-        props.status === 'error' && props.errorMessage && (React__default["default"].createElement(ErrorMessage, { "data-testid": dataTestId && `${dataTestId}-error` }, props.errorMessage))));
+`;
+const Textarea = (_a) => {
+    var { height = 3, 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["height", 'data-testid']);
+    const inputRef = React.useRef(null);
+    const handleOnBlur = (e) => {
+        if (props.onBlur) {
+            props.onBlur(e.target.value, e);
+        }
+    };
+    const handleChange = (e) => {
+        if (props.onChange) {
+            props.onChange(e.target.value, e);
+        }
+    };
+    const onClick = (e) => {
+        e.preventDefault();
+        if (inputRef && inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    return (React__default["default"].createElement(FieldContainer, { className: props.className },
+        props.label && (React__default["default"].createElement(LabelText["default"], { htmlFor: props.id, "data-testid": dataTestId && `${dataTestId}-label`, status: props.status === 'error' ? props.status : undefined, isMandatory: props.required }, props.label)),
+        React__default["default"].createElement(StyledTextarea, { id: props.id, name: props.name, ref: inputRef, value: props.value, rows: height, placeholder: props.placeholder, tabIndex: props.tabIndex, onChange: handleChange, onBlur: handleOnBlur, onFocus: props.onFocus, onClick: onClick, onKeyDown: props.onKeyDown, onKeyPress: props.onKeyPress, required: props.required, disabled: props.disabled, "aria-disabled": props.disabled, "aria-label": props.id, "data-testid": dataTestId }),
+        props.commentMessage && (React__default["default"].createElement(Message, { "data-testid": dataTestId && `${dataTestId}-comment` }, props.commentMessage)),
+        props.status === 'error' && props.errorMessage && (React__default["default"].createElement(ErrorMessage, { "data-testid": dataTestId && `${dataTestId}-error` }, props.errorMessage))));
 };
 
 exports["default"] = Textarea;

package/build/cjs/components/Toaster/Toaster.d.ts

@@ -1,45 +1,45 @@
-import type { MouseEvent, ReactNode } from 'react';
-import React from 'react';
-type ToasterType = 'info' | 'success' | 'warning' | 'error';
-interface Props {
-    /**
-     * Depending on the passed type, the color is determined
-     *
-     * @param {ToasterType} info Uses #007d91 color code as border & icon color
-     * @param {ToasterType} success Uses #e80c0c color code as border & icon color
-     * @param {ToasterType} warning Uses #00b201 color code as border & icon color
-     * @param {ToasterType} error Uses #ff7800 color code as border & icon color
-     *
-     * @default 'info'
-     */
-    type: ToasterType;
-    /**
-     * Content of the toaster
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Label to show for the close button in the content
-     */
-    closeLabel?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-    /**
-     * Allows to dismiss the toaster programmatically
-     *
-     * @default false
-     */
-    dismissed?: boolean;
-    /**
-     * On close button click callback
-     */
-    onClickCloseButton?: (e: MouseEvent<HTMLElement>) => void;
-}
-declare const Toaster: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element | null;
-/** @component */
-export default Toaster;
+import type { MouseEvent, ReactNode } from 'react';
+import React from 'react';
+type ToasterType = 'info' | 'success' | 'warning' | 'error';
+interface Props {
+    /**
+     * Depending on the passed type, the color is determined
+     *
+     * @param {ToasterType} info Uses #007d91 color code as border & icon color
+     * @param {ToasterType} success Uses #e80c0c color code as border & icon color
+     * @param {ToasterType} warning Uses #00b201 color code as border & icon color
+     * @param {ToasterType} error Uses #ff7800 color code as border & icon color
+     *
+     * @default 'info'
+     */
+    type: ToasterType;
+    /**
+     * Content of the toaster
+     */
+    children?: ReactNode;
+    /**
+     * Allows to pass a custom className
+     */
+    className?: string;
+    /**
+     * Label to show for the close button in the content
+     */
+    closeLabel?: string;
+    /**
+     * Allows to pass testid string for testing purposes
+     */
+    'data-testid'?: string;
+    /**
+     * Allows to dismiss the toaster programmatically
+     *
+     * @default false
+     */
+    dismissed?: boolean;
+    /**
+     * On close button click callback
+     */
+    onClickCloseButton?: (e: MouseEvent<HTMLElement>) => void;
+}
+declare const Toaster: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element | null;
+/** @component */
+export default Toaster;

package/build/cjs/components/Toaster/Toaster.js

@@ -17,15 +17,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const iconsMap = {
-    info: icons.Info,
-    success: icons.Check,
-    warning: icons.Warning,
-    error: icons.Error,
-};
+const iconsMap = {
+    info: icons.Info,
+    success: icons.Check,
+    warning: icons.Warning,
+    error: icons.Error,
+};
 const ToasterWrapper = styled__default["default"].div `
     width: 300px;
-`;
+`;
 const StyledBox = styled__default["default"](Box["default"]) `
     position: relative;
     font-size: ${theme["default"].fontSize.s};
@@ -35,7 +35,7 @@ const StyledBox = styled__default["default"](Box["default"]) `
     display: flex;
     align-items: center;
     padding-right: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 4.5)};
-`;
+`;
 const IconWrapper = styled__default["default"].div `
     display: none;
     align-items: center;
@@ -45,26 +45,26 @@ const IconWrapper = styled__default["default"].div `
     ${styledUtils.media.xs `
         display: flex;
     `}
-`;
+`;
 const ContentWrapper = styled__default["default"].div `
     flex: 1;
-`;
+`;
 const ButtonCloseStyled = styled__default["default"](ButtonClose["default"]) `
     display: flex;
     top: auto;
-`;
-const Toaster = (_a) => {
-    var { type = 'info', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["type", 'data-testid']);
-    if (props.dismissed) {
-        return null;
-    }
-    return (React__default["default"].createElement(ToasterWrapper, { role: "alert", "aria-live": "assertive", "aria-atomic": "true", className: props.className, "data-testid": dataTestId },
-        React__default["default"].createElement(StyledBox, { type: type, padding: styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1), elevation: "extraHigh" },
-            React__default["default"].createElement(IconWrapper, null,
-                React__default["default"].createElement(Icon["default"], { icon: iconsMap[type], size: "2rem", color: theme["default"].color.notification[type] })),
-            React__default["default"].createElement(ContentWrapper, null, props.children),
-            React__default["default"].createElement(ButtonCloseStyled, { "aria-label": props.closeLabel, onClick: props.onClickCloseButton },
-                React__default["default"].createElement(Icon["default"], { icon: icons.Close, color: theme["default"].color.text.black })))));
+`;
+const Toaster = (_a) => {
+    var { type = 'info', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["type", 'data-testid']);
+    if (props.dismissed) {
+        return null;
+    }
+    return (React__default["default"].createElement(ToasterWrapper, { role: "alert", "aria-live": "assertive", "aria-atomic": "true", className: props.className, "data-testid": dataTestId },
+        React__default["default"].createElement(StyledBox, { type: type, padding: styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1), elevation: "extraHigh" },
+            React__default["default"].createElement(IconWrapper, null,
+                React__default["default"].createElement(Icon["default"], { icon: iconsMap[type], size: "2rem", color: theme["default"].color.notification[type] })),
+            React__default["default"].createElement(ContentWrapper, null, props.children),
+            React__default["default"].createElement(ButtonCloseStyled, { "aria-label": props.closeLabel, onClick: props.onClickCloseButton },
+                React__default["default"].createElement(Icon["default"], { icon: icons.Close, color: theme["default"].color.text.black })))));
 };
 
 exports["default"] = Toaster;

package/build/cjs/components/Tooltip/Tooltip.d.ts

@@ -1,71 +1,71 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { ITooltip as ReactTooltipProps } from 'react-tooltip';
-type Position = 'left' | 'right' | 'middle';
-interface Props {
-    /**
-     * Unique ID for the search input element
-     */
-    id: string;
-    /**
-     * Allows to set the placement of Tooltip content
-     *
-     * @param {ReactTooltipProps['place']} top Places Tooltip above the trigger element
-     * @param {ReactTooltipProps['place']} right Places Tooltip right of the trigger element
-     * @param {ReactTooltipProps['place']} bottom Places Tooltip under the trigger element
-     * @param {ReactTooltipProps['place']} left Places Tooltip left of the trigger element
-     *
-     * @default 'top'
-     */
-    placement?: ReactTooltipProps['place'];
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to set position of Tooltip icon relative to other content and adds appropriate margins
-     *
-     * @param {Position} left Tooltip component icon is on the left side of content, add right margin
-     * @param {Position} right Tooltip component icon is on the right side of content, add left margin
-     * @param {Position} middle Tooltip component icon is in the middle of content, add left and right margins
-     *
-     * @default false
-     */
-    position?: Position;
-    /**
-     * Allows to hide trigger element. Use `data-tooltip-id` on custom trigger element to attach it to the Tooltip
-     *
-     * @default false
-     */
-    hideTriggerElement?: boolean;
-    /**
-     * Allows to close Tooltip by pressing ESC key
-     *
-     * @default true
-     */
-    closeWithEsc?: boolean;
-    /**
-     * Allows to open Tooltip by clicking the trigger element instead of hovering it
-     */
-    isClickable?: boolean;
-    /**
-     * Allows to keep Tooltip open when hovered. Useful when it contains interactive elements
-     */
-    isHoverable?: boolean;
-    /**
-     * Allows to break plain text to multiple lines.
-     * Multiline content is supported by default by passing appropriate content to `children` property
-     */
-    isMultiline?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Tooltip: ({ "data-testid": dataTestId, closeWithEsc, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Tooltip;
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ITooltip as ReactTooltipProps } from 'react-tooltip';
+type Position = 'left' | 'right' | 'middle';
+interface Props {
+    /**
+     * Unique ID for the search input element
+     */
+    id: string;
+    /**
+     * Allows to set the placement of Tooltip content
+     *
+     * @param {ReactTooltipProps['place']} top Places Tooltip above the trigger element
+     * @param {ReactTooltipProps['place']} right Places Tooltip right of the trigger element
+     * @param {ReactTooltipProps['place']} bottom Places Tooltip under the trigger element
+     * @param {ReactTooltipProps['place']} left Places Tooltip left of the trigger element
+     *
+     * @default 'top'
+     */
+    placement?: ReactTooltipProps['place'];
+    /**
+     * Content of the component
+     */
+    children?: ReactNode;
+    /**
+     * Allows to set position of Tooltip icon relative to other content and adds appropriate margins
+     *
+     * @param {Position} left Tooltip component icon is on the left side of content, add right margin
+     * @param {Position} right Tooltip component icon is on the right side of content, add left margin
+     * @param {Position} middle Tooltip component icon is in the middle of content, add left and right margins
+     *
+     * @default false
+     */
+    position?: Position;
+    /**
+     * Allows to hide trigger element. Use `data-tooltip-id` on custom trigger element to attach it to the Tooltip
+     *
+     * @default false
+     */
+    hideTriggerElement?: boolean;
+    /**
+     * Allows to close Tooltip by pressing ESC key
+     *
+     * @default true
+     */
+    closeWithEsc?: boolean;
+    /**
+     * Allows to open Tooltip by clicking the trigger element instead of hovering it
+     */
+    isClickable?: boolean;
+    /**
+     * Allows to keep Tooltip open when hovered. Useful when it contains interactive elements
+     */
+    isHoverable?: boolean;
+    /**
+     * Allows to break plain text to multiple lines.
+     * Multiline content is supported by default by passing appropriate content to `children` property
+     */
+    isMultiline?: boolean;
+    /**
+     * Allows to pass a custom className
+     */
+    className?: string;
+    /**
+     * Allows to pass testid string for testing purposes
+     */
+    'data-testid'?: string;
+}
+declare const Tooltip: ({ "data-testid": dataTestId, closeWithEsc, ...props }: Props) => React.JSX.Element;
+/** @component */
+export default Tooltip;

package/build/cjs/components/Tooltip/Tooltip.js

@@ -20,15 +20,15 @@ const Helper = styled["default"].div `
     display: inline;
     vertical-align: middle;
     ${({ isClickable }) => isClickable && `cursor: pointer`};
-`;
-const getArrowOverrides = () => {
-    const arrowConfig = {
-        top: ['bottom', '45deg'],
-        right: ['left', '135deg'],
-        bottom: ['top', '225deg'],
-        left: ['right', '315deg'],
-    };
-    return Object.entries(arrowConfig)
+`;
+const getArrowOverrides = () => {
+    const arrowConfig = {
+        top: ['bottom', '45deg'],
+        right: ['left', '135deg'],
+        bottom: ['top', '225deg'],
+        left: ['right', '315deg'],
+    };
+    return Object.entries(arrowConfig)
         .map(([placement, value]) => `
         &.react-tooltip__place-${placement} {
             & .react-tooltip-arrow {
@@ -36,9 +36,9 @@ const getArrowOverrides = () => {
                 transform: rotate(${value[1]});
             }
         }
-    `)
-        .join('');
-};
+    `)
+        .join('');
+};
 const StyledReactTooltip = styled["default"](reactTooltip.Tooltip) `
     --rt-opacity: 1;
 
@@ -63,13 +63,13 @@ const StyledReactTooltip = styled["default"](reactTooltip.Tooltip) `
     }
 
     ${getArrowOverrides()}
-`;
-const Tooltip = (_a) => {
-    var { 'data-testid': dataTestId, closeWithEsc = true } = _a, props = tslib.__rest(_a, ['data-testid', "closeWithEsc"]);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        !props.hideTriggerElement && (React__default["default"].createElement(Helper, { "data-tooltip-id": props.id, isClickable: props.isClickable, className: props.className, "data-testid": dataTestId },
-            React__default["default"].createElement(Icon["default"], { icon: icons.Info, size: "1rem", position: props.position }))),
-        React__default["default"].createElement(StyledReactTooltip, { id: props.id, place: props.placement, closeOnEsc: closeWithEsc, openOnClick: props.isClickable, clickable: props.isHoverable, isMultiline: props.isMultiline, disableStyleInjection: true, "data-testid": dataTestId && `${dataTestId}-content` }, props.children)));
+`;
+const Tooltip = (_a) => {
+    var { 'data-testid': dataTestId, closeWithEsc = true } = _a, props = tslib.__rest(_a, ['data-testid', "closeWithEsc"]);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        !props.hideTriggerElement && (React__default["default"].createElement(Helper, { "data-tooltip-id": props.id, isClickable: props.isClickable, className: props.className, "data-testid": dataTestId },
+            React__default["default"].createElement(Icon["default"], { icon: icons.Info, size: "1rem", position: props.position }))),
+        React__default["default"].createElement(StyledReactTooltip, { id: props.id, place: props.placement, closeOnEsc: closeWithEsc, openOnClick: props.isClickable, clickable: props.isHoverable, isMultiline: props.isMultiline, disableStyleInjection: true, "data-testid": dataTestId && `${dataTestId}-content` }, props.children)));
 };
 
 exports["default"] = Tooltip;