@apify/ui-library 1.92.1-featimprovetooltip-7e1224.32 → 1.92.1-featimprovetooltip-7e1224.84

package/dist/src/components/floating/floating_component_base.d.ts

@@ -1,7 +1,6 @@
 import { type Strategy } from '@floating-ui/react';
 import { type ComponentType, type ReactNode, type RefObject } from 'react';
 export declare const classNames: {
-    ARROW: string;
     CHILDREN: string;
 };
 export declare const FLOATING_PLACEMENT: {

package/dist/src/components/floating/floating_component_base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floating_component_base.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"AAAA,OAAO,EASH,KAAK,QAAQ,EAEhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAmD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAK7I,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAarB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,OAAO,kBAAkB,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAqB3F,MAAM,WAAW,0BAA0B;IACvC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AA8ED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,mKAa/B,0BAA0B,4CA+F5B,CAAC"}
+{"version":3,"file":"floating_component_base.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,QAAQ,EAGhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAmD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5H,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;CAarB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,OAAO,kBAAkB,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAU3F,MAAM,WAAW,0BAA0B;IACvC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AA4CD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,mKAa/B,0BAA0B,4CA6E5B,CAAC"}

package/dist/src/components/floating/floating_component_base.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { arrow, autoPlacement, autoUpdate, flip, FloatingPortal, hide, offset, shift, useFloating, } from '@floating-ui/react';
+import { autoPlacement, autoUpdate, flip, FloatingPortal, hide, offset, shift, useFloating, useTransitionStyles, } from '@floating-ui/react';
 import clsx from 'clsx';
-import { forwardRef, useMemo, useRef } from 'react';
-import styled, { keyframes } from 'styled-components';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
 import { theme } from '../../design_system/theme.js';
 export const classNames = {
-    ARROW: 'FloatingComponent-arrow',
     CHILDREN: 'FloatingComponent-children',
 };
 export const FLOATING_PLACEMENT = {
@@ -22,26 +21,7 @@ export const FLOATING_PLACEMENT = {
     LEFT_START: 'left-start',
     LEFT_END: 'left-end',
 };
-const fadeIn = keyframes `
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-`;
-const FadeIn = styled.div `
-    @media (prefers-reduced-motion: no-preference) {
-        animation-name: ${fadeIn};
-        animation-fill-mode: backwards;
-        animation-duration: ${(props) => `${props.duration || 240}ms`};
-        animation-delay: ${(props) => `${props.delay || 0}ms`};
-    }
-
-    min-height: ${({ $minHeight }) => $minHeight || 'unset'};
-`;
 const FloatingComponentWrapStyled = styled.span `
-    box-shadow: ${theme.shadow.shadow2};
     padding: ${theme.space.space16};
     ${theme.typography.shared.mobile.bodyM};
     border-radius: 0.8rem;
@@ -49,17 +29,6 @@ const FloatingComponentWrapStyled = styled.span `
     white-space: normal;
     word-break: break-word;
     cursor: default;
-    text-align: left;
-
-    .${classNames.ARROW} {
-        position: absolute;
-        background-color: inherit;
-        border: inherit;
-        width: 10px;
-        height: 10px;
-        transform: ${({ arrowRotationDegs }) => `rotate(${arrowRotationDegs}deg)`} ;
-        z-index:-1;
-    }
 
     @media ${theme.device.tablet} {
         ${theme.typography.shared.tablet.bodyM};
@@ -70,9 +39,7 @@ const FloatingComponentWrapStyled = styled.span `
     }
 `;
 const ChildrenWrap = styled.div `
-    .${classNames.CHILDREN} {
-        width: fit-content;
-    }
+    width: fit-content;
 `;
 const StyledPopoverBox = styled.div `
     display: flex;
@@ -96,8 +63,8 @@ FloatingComponentWrap.displayName = 'FloatingComponentWrap';
  * Don't use this - use Tooltip/HelpPopover instead.
  */
 export const FloatingComponentBase = ({ placement = FLOATING_PLACEMENT.TOP, autoPlacements, strategy = 'fixed', content, children, isOpen = false, triggerRef, className, offsetPx = 10, contentWrapClassName, CloseButtonComponent, showInPortal = false, }) => {
-    const arrowRef = useRef(null);
-    const { x, y, refs: { setReference, setFloating }, placement: effectivePlacement, strategy: effectiveStrategy, middlewareData: { arrow: { x: arrowX, y: arrowY } = {}, hide: refHidden, }, } = useFloating({
+    const { x, y, refs: { setReference, setFloating }, strategy: effectiveStrategy, middlewareData: { hide: refHidden, }, context, } = useFloating({
+        open: isOpen,
         placement,
         strategy,
         whileElementsMounted: autoUpdate,
@@ -105,47 +72,38 @@ export const FloatingComponentBase = ({ placement = FLOATING_PLACEMENT.TOP, auto
             offset(offsetPx),
             autoPlacements?.length ? autoPlacement({ allowedPlacements: autoPlacements }) : flip(),
             shift({ padding: 5 }),
-            arrow({ element: arrowRef, padding: 9 }),
             hide({
                 strategy: 'referenceHidden',
             }),
         ],
     });
-    const arrowStyle = useMemo(() => {
-        const staticSide = {
-            top: 'bottom',
-            right: 'left',
-            bottom: 'top',
-            left: 'right',
-        }[effectivePlacement.split('-')[0]];
-        let borderNone = { borderLeft: 0, borderTop: 0 };
-        if (staticSide === 'bottom')
-            borderNone = { borderRight: 0, borderBottom: 0 };
-        if (staticSide === 'right')
-            borderNone = { borderLeft: 0, borderBottom: 0 };
-        if (staticSide === 'left')
-            borderNone = { borderRight: 0, borderTop: 0 };
-        const style = {
-            left: arrowX != null ? `${arrowX}px` : '',
-            top: arrowY != null ? `${arrowY}px` : '',
-            ...borderNone,
-        };
-        if (staticSide) {
-            style[staticSide] = '-6px';
-        }
-        return style;
-    }, [arrowX, arrowY, effectivePlacement]);
-    const arrowRotationDegs = effectivePlacement.includes(FLOATING_PLACEMENT.TOP) || effectivePlacement.includes(FLOATING_PLACEMENT.BOTTOM) ? 225 : 45;
+    const { isMounted, styles } = useTransitionStyles(context, {
+        initial: ({ side }) => {
+            switch (side) {
+                case 'top':
+                    return { opacity: 0, scale: '0.9', transform: 'translateY(10px)' };
+                case 'bottom':
+                    return { opacity: 0, scale: '0.9', transform: 'translateY(-10px)' };
+                case 'left':
+                    return { opacity: 0, scale: '0.9', transform: 'translateX(10px)' };
+                case 'right':
+                    return { opacity: 0, scale: '0.9', transform: 'translateX(-10px)' };
+                default:
+                    return {};
+            }
+        },
+    });
     if (!content)
         return _jsx("span", { children: children });
-    return (_jsxs(_Fragment, { children: [_jsx(ChildrenWrap, { className: clsx(classNames.CHILDREN, contentWrapClassName), ref: setReference, children: children }), isOpen && (_jsxs(FloatingComponentWrap, { arrowRotationDegs: arrowRotationDegs, className: className, ref: setFloating, style: {
+    return (_jsxs(_Fragment, { children: [_jsx(ChildrenWrap, { className: clsx(classNames.CHILDREN, contentWrapClassName), ref: setReference, children: children }), isMounted && (_jsx(FloatingComponentWrap, { className: className, ref: setFloating, style: {
                     position: effectiveStrategy,
                     top: y ?? 0,
                     left: x ?? 0,
                     width: 'max-content',
                     visibility: refHidden?.referenceHidden ? 'hidden' : 'visible',
-                }, onClick: (e) => e.stopPropagation(), showInPortal: showInPortal, children: [_jsx(FadeIn, { delay: 60, ref: triggerRef, children: CloseButtonComponent
-                            ? _jsxs(StyledPopoverBox, { children: [content, _jsx(CloseButtonComponent, {})] })
-                            : content }), _jsx("div", { ref: arrowRef, className: classNames.ARROW, style: arrowStyle })] }))] }));
+                    ...styles,
+                }, onClick: (e) => e.stopPropagation(), showInPortal: showInPortal, children: _jsx("div", { ref: triggerRef, children: CloseButtonComponent
+                        ? _jsxs(StyledPopoverBox, { children: [content, _jsx(CloseButtonComponent, {})] })
+                        : content }) }))] }));
 };
 //# sourceMappingURL=floating_component_base.js.map

package/dist/src/components/floating/floating_component_base.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating_component_base.js","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"floating_component_base.js","sourceRoot":"","sources":["../../../../src/components/floating/floating_component_base.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/floating/tooltip.d.ts

@@ -1,5 +1,10 @@
 import { type ComponentType } from 'react';
 import { type FloatingComponentBaseProps } from './floating_component_base.js';
+export declare const TOOLTIP_TEXT_ALIGNS: {
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+};
+export type TooltipTextAlign = typeof TOOLTIP_TEXT_ALIGNS[keyof typeof TOOLTIP_TEXT_ALIGNS];
 export declare const TOOLTIP_SIZES: {
     readonly XSMALL: "xsmall";
     readonly SMALL: "small";
@@ -22,6 +27,7 @@ export interface TooltipProps extends Omit<FloatingComponentBaseProps, 'isOpen'
     imageUrl?: string;
     subtleText?: string;
     size?: TooltipSize;
+    textAlign?: TooltipTextAlign;
 }
 interface WithTooltipProps {
     tooltipProps?: TooltipProps;
@@ -29,7 +35,7 @@ interface WithTooltipProps {
 /**
  * Tooltip appears on hover, for onclick use Popover
  */
-export declare const Tooltip: ({ as, className, persistent, delayShow, delayHide, shortcuts, imageUrl, subtleText, size, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export declare function withTooltip<T extends Record<string, unknown> = Record<string, unknown>>(Component: ComponentType<T>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<T & WithTooltipProps> & import("react").RefAttributes<HTMLElement>>;
+export declare const Tooltip: ({ as, className, persistent, delayShow, delayHide, shortcuts, imageUrl, subtleText, size, textAlign, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare function withTooltip<TProps extends Record<string, unknown> = Record<string, unknown>>(Component: ComponentType<TProps>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<TProps & WithTooltipProps> & import("react").RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/src/components/floating/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAGtG,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE3E,UAAU,sBAAsB;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,aAAa,CAAC;CACxC;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,0BAA0B,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrF,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,UAAU,gBAAgB;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAYD;;GAEG;AACH,eAAO,MAAM,OAAO,wGAWjB,YAAY,4CAuCd,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,iJAWnH"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAGtG,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAE5F,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE3E,UAAU,sBAAsB;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,aAAa,CAAC;CACxC;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,0BAA0B,EAAE,QAAQ,GAAG,MAAM,CAAC;IACrF,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,UAAU,gBAAgB;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAgBD;;GAEG;AACH,eAAO,MAAM,OAAO,mHAYjB,YAAY,4CAmDd,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,sJAW7H"}

package/dist/src/components/floating/tooltip.js

@@ -1,10 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useFloating, useHover, useInteractions, } from '@floating-ui/react';
 import { forwardRef, useState } from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { theme } from '../../design_system/theme.js';
+import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
 import { FloatingComponentBase } from './floating_component_base.js';
 import { TooltipContent } from './tooltip_content.js';
+export const TOOLTIP_TEXT_ALIGNS = {
+    LEFT: 'left',
+    CENTER: 'center',
+};
 export const TOOLTIP_SIZES = {
     XSMALL: 'xsmall',
     SMALL: 'small',
@@ -17,13 +22,18 @@ const TooltipFocusArea = styled.span ``;
 const StyledFloatingComponentBase = styled(FloatingComponentBase) `
     color: ${theme.colorPalette.dark.neutral0};
     background-color: ${theme.colorPalette.dark.neutral900};
-    border: 1px solid ${theme.color.neutral.smallTooltipBorder};
     padding: ${theme.space.space8};
+
+    ${({ $isDarkTheme }) => $isDarkTheme && css `
+        box-shadow: ${theme.shadow.shadow2};
+        border: 1px solid ${theme.color.neutral.smallTooltipBorder};
+    `}
 `;
 /**
  * Tooltip appears on hover, for onclick use Popover
  */
-export const Tooltip = ({ as, className, persistent, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, ...rest }) => {
+export const Tooltip = ({ as, className, persistent, delayShow = 500, delayHide = 50, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT, ...rest }) => {
+    const { uiTheme } = useSharedUiDependencies();
     const { isOpenOverride, CloseButtonComponent } = persistent || {};
     const [open, setOpen] = useState(false);
     const { refs, context } = useFloating({
@@ -40,9 +50,9 @@ export const Tooltip = ({ as, className, persistent, delayShow = 500, delayHide
     const tooltipProps = {
         ...rest,
         isOpen: isOpenOverride !== undefined ? isOpenOverride : open,
-        content: _jsx(TooltipContent, { content: rest.content, shortcuts: shortcuts, imageUrl: imageUrl, subtleText: subtleText, size: size }),
+        content: _jsx(TooltipContent, { content: rest.content, shortcuts: shortcuts, imageUrl: imageUrl, subtleText: subtleText, size: size, textAlign: textAlign }),
     };
-    return (_jsx(TooltipFocusArea, { as: as, className: className, ref: refs.setReference, ...getReferenceProps(), children: _jsx("div", { ref: refs.setFloating, ...getFloatingProps(), children: _jsx(StyledFloatingComponentBase, { ...tooltipProps, CloseButtonComponent: CloseButtonComponent }) }) }));
+    return (_jsx(TooltipFocusArea, { as: as, className: className, ref: refs.setReference, ...getReferenceProps(), children: _jsx("div", { ref: refs.setFloating, ...getFloatingProps(), children: _jsx(StyledFloatingComponentBase, { ...tooltipProps, CloseButtonComponent: CloseButtonComponent, "$isDarkTheme": uiTheme === 'DARK' }) }) }));
 };
 export function withTooltip(Component) {
     const Enhanced = forwardRef(({ tooltipProps, ...rest }, ref) => {

package/dist/src/components/floating/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,WAAW,EACX,QAAQ,EACR,eAAe,GAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAsB,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAmC,MAAM,8BAA8B,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO,EAAE,qBAAqB;IACrC,MAAM,EAAE,QAAQ,EAAE,sBAAsB;CAClC,CAAC;AAyBX,0DAA0D;AAC1D,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAA,EAAE,CAAC;AAEvC,MAAM,2BAA2B,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA;aACpD,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ;wBACrB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU;wBAClC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;eAC/C,KAAK,CAAC,KAAK,CAAC,MAAM;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,UAAU,EACV,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,UAAU,EACV,IAAI,GAAG,aAAa,CAAC,KAAK,EAC1B,GAAG,IAAI,EACI,EAAE,EAAE;IACf,MAAM,EAAE,cAAc,EAAE,oBAAoB,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAClE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAClC,IAAI;QACJ,YAAY,EAAE,OAAO;KACxB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC5B,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;SACnB;KACJ,CAAC,CAAC;IAEH,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG;QACjB,GAAG,IAAI;QACP,MAAM,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;QAC5D,OAAO,EAAE,KAAC,cAAc,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI;KACnI,CAAC;IAEF,OAAO,CACH,KAAC,gBAAgB,IACb,EAAE,EAAE,EAAiC,EACrC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,YAAY,KAClB,iBAAiB,EAAE,YAEvB,cACI,GAAG,EAAE,IAAI,CAAC,WAAW,KACjB,gBAAgB,EAAE,YAEtB,KAAC,2BAA2B,OAAK,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,GAAI,GAC3F,GACS,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,WAAW,CAA8D,SAA2B;IAChH,MAAM,QAAQ,GAAG,UAAU,CAAoC,CAAC,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;QAC9F,IAAI,CAAC,YAAY;YAAE,OAAO,KAAC,SAAS,OAAM,IAAqB,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;QAC9E,OAAO,KAAC,OAAO,OAAK,YAAY,YAC5B,KAAC,SAAS,OAAM,IAAqB,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7C,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,GAAG,eAAe,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;IAEhF,OAAO,QAAQ,CAAC;AACpB,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/floating/tooltip_content.d.ts

@@ -1,5 +1,5 @@
-import { type TooltipProps } from './tooltip.js';
-type ContentProps = Pick<TooltipProps, 'content' | 'shortcuts' | 'imageUrl' | 'subtleText' | 'size'>;
-export declare const TooltipContent: ({ content, shortcuts, imageUrl, subtleText, size }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+import type { TooltipProps } from './tooltip.js';
+type ContentProps = Pick<TooltipProps, 'content' | 'shortcuts' | 'imageUrl' | 'subtleText' | 'size' | 'textAlign'>;
+export declare const TooltipContent: ({ content, shortcuts, imageUrl, subtleText, size, textAlign, }: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=tooltip_content.d.ts.map

package/dist/src/components/floating/tooltip_content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_content.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip_content.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,YAAY,EAAoB,MAAM,cAAc,CAAC;AAElF,KAAK,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC,CAAC;AA8CrG,eAAO,MAAM,cAAc,uDAAmF,YAAY,4CA2BzH,CAAC"}
+{"version":3,"file":"tooltip_content.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/tooltip_content.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAGhF,KAAK,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC;AA6DnH,eAAO,MAAM,cAAc,mEAOxB,YAAY,4CA2Bd,CAAC"}

package/dist/src/components/floating/tooltip_content.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { css } from 'styled-components';
 import { theme } from '../../design_system/theme.js';
 import { Shortcut } from '../shortcut.js';
-import { TOOLTIP_SIZES } from './tooltip.js';
+import { TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS } from './tooltip.js';
 const TOOLTIP_SIZES_VALUES = {
     xsmall: '24rem',
     small: '32rem',
@@ -10,42 +10,56 @@ const TOOLTIP_SIZES_VALUES = {
     large: '48rem',
     xlarge: '64rem',
 };
+const TOOLTIP_CLASSNAMES = {
+    IMAGE: 'Tooltip-image',
+    TEXT_CONTENT: 'Tooltip-textContent',
+    SUBTLE_TEXT: 'Tooltip-subtleText',
+    SHORTCUT_CONTAINER: 'Tooltip-shortcutContainer',
+};
 const StyledContent = styled.div `
     display: flex;
     flex-direction: column;
     gap: ${theme.space.space8};
     /* Size - (tooltip padding + border) * 2 */
     max-width: ${({ $size }) => css `calc(${TOOLTIP_SIZES_VALUES[$size]} - (${theme.space.space8} + 1px) * 2)`};
+    text-align: ${({ $textAlign }) => $textAlign || 'left'};
+    align-items: ${({ $textAlign }) => ($textAlign === 'center' ? 'center' : 'flex-start')};
 
-    .Tooltip-image {
+    .${TOOLTIP_CLASSNAMES.IMAGE} {
         max-width: 100%;
         max-height: 150px;
         border-radius: 4px;
         object-fit: contain;
     }
 
-    .Tooltip-textContent {
+    .${TOOLTIP_CLASSNAMES.TEXT_CONTENT} {
         display: flex;
         flex-direction: column;
         gap: ${theme.space.space8};
+        align-items: ${({ $textAlign }) => ($textAlign === 'center' ? 'center' : 'flex-start')};
 
         /* When there is no child with subtleText class */
-        &:not(:has(.Tooltip-subtleText)){
+        &:not(:has(.${TOOLTIP_CLASSNAMES.SUBTLE_TEXT})){
             flex-direction: row;
             flex-wrap: wrap;
         }
 
-        .Tooltip-subtleText {
+        /* When there is a child with subtleText class */
+        &:has(.${TOOLTIP_CLASSNAMES.SUBTLE_TEXT}){
+            text-align: left;
+        }
+
+        .${TOOLTIP_CLASSNAMES.SUBTLE_TEXT} {
             color: ${theme.colorPalette.dark.neutral500};
         }
 
-        .Tooltip-shortcutContainer{
+        .${TOOLTIP_CLASSNAMES.SHORTCUT_CONTAINER} {
             display: flex;
             gap: ${theme.space.space4};
         }
     }
 `;
-export const TooltipContent = ({ content, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL }) => {
-    return (_jsxs(StyledContent, { "$size": size, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: "", className: "Tooltip-image" })), _jsxs("div", { className: "Tooltip-textContent", children: [content, subtleText && (_jsx("div", { className: "Tooltip-subtleText", children: subtleText })), shortcuts.length > 0 && (_jsx("div", { className: 'Tooltip-shortcutContainer', children: shortcuts.map((shortcut, index) => (_jsx(Shortcut, { dark: true, children: shortcut }, `${shortcut}-${index}`))) }))] })] }));
+export const TooltipContent = ({ content, shortcuts = [], imageUrl, subtleText, size = TOOLTIP_SIZES.SMALL, textAlign = TOOLTIP_TEXT_ALIGNS.LEFT, }) => {
+    return (_jsxs(StyledContent, { "$size": size, "$textAlign": textAlign, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: "", className: TOOLTIP_CLASSNAMES.IMAGE })), _jsxs("div", { className: TOOLTIP_CLASSNAMES.TEXT_CONTENT, children: [content, subtleText && (_jsx("div", { className: TOOLTIP_CLASSNAMES.SUBTLE_TEXT, children: subtleText })), shortcuts.length > 0 && (_jsx("div", { className: TOOLTIP_CLASSNAMES.SHORTCUT_CONTAINER, children: shortcuts.map((shortcut, index) => (_jsx(Shortcut, { dark: true, children: shortcut }, `${shortcut}-${index}`))) }))] })] }));
 };
 //# sourceMappingURL=tooltip_content.js.map

package/dist/src/components/floating/tooltip_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_content.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip_content.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAuC,MAAM,cAAc,CAAC;AAIlF,MAAM,oBAAoB,GAAgC;IACtD,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;CAClB,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAwB;;;WAG7C,KAAK,CAAC,KAAK,CAAC,MAAM;;iBAEZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA,QAAQ,oBAAoB,CAAC,KAAK,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,cAAc;;;;;;;;;;;;eAY9F,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;;qBASZ,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU;;;;;mBAKpC,KAAK,CAAC,KAAK,CAAC,MAAM;;;CAGpC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,GAAG,aAAa,CAAC,KAAK,EAAgB,EAAE,EAAE;IAC1H,OAAO,CACH,MAAC,aAAa,aAAQ,IAAI,aACrB,QAAQ,IAAI,CACT,cACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,eAAe,GAC3B,CACL,EACD,eAAK,SAAS,EAAC,qBAAqB,aAC/B,OAAO,EACP,UAAU,IAAI,CACX,cAAK,SAAS,EAAC,oBAAoB,YAC9B,UAAU,GACT,CACT,EACA,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,cAAK,SAAS,EAAC,2BAA2B,YACrC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,QAAQ,IAA8B,IAAI,kBAAE,QAAQ,IAAtC,GAAG,QAAQ,IAAI,KAAK,EAAE,CAA4B,CACpE,CAAC,GACA,CACT,IACC,IACM,CACnB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"tooltip_content.js","sourceRoot":"","sources":["../../../../src/components/floating/tooltip_content.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIlE,MAAM,oBAAoB,GAAgC;IACtD,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;CAClB,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACvB,KAAK,EAAE,eAAe;IACtB,YAAY,EAAE,qBAAqB;IACnC,WAAW,EAAE,oBAAoB;IACjC,kBAAkB,EAAE,2BAA2B;CACzC,CAAC;AAEX,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsD;;;WAG3E,KAAK,CAAC,KAAK,CAAC,MAAM;;iBAEZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA,QAAQ,oBAAoB,CAAC,KAAK,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,cAAc;kBAC3F,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,IAAI,MAAM;mBACvC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;;OAEnF,kBAAkB,CAAC,KAAK;;;;;;;OAOxB,kBAAkB,CAAC,YAAY;;;eAGvB,KAAK,CAAC,KAAK,CAAC,MAAM;uBACV,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;;;sBAGxE,kBAAkB,CAAC,WAAW;;;;;;iBAMnC,kBAAkB,CAAC,WAAW;;;;WAIpC,kBAAkB,CAAC,WAAW;qBACpB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU;;;WAG5C,kBAAkB,CAAC,kBAAkB;;mBAE7B,KAAK,CAAC,KAAK,CAAC,MAAM;;;CAGpC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,OAAO,EACP,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,UAAU,EACV,IAAI,GAAG,aAAa,CAAC,KAAK,EAC1B,SAAS,GAAG,mBAAmB,CAAC,IAAI,GACzB,EAAE,EAAE;IACf,OAAO,CACH,MAAC,aAAa,aAAQ,IAAI,gBAAc,SAAS,aAC5C,QAAQ,IAAI,CACT,cACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,kBAAkB,CAAC,KAAK,GACrC,CACL,EACD,eAAK,SAAS,EAAE,kBAAkB,CAAC,YAAY,aAC1C,OAAO,EACP,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,kBAAkB,CAAC,WAAW,YACzC,UAAU,GACT,CACT,EACA,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,cAAK,SAAS,EAAE,kBAAkB,CAAC,kBAAkB,YAChD,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,QAAQ,IAA8B,IAAI,kBAAE,QAAQ,IAAtC,GAAG,QAAQ,IAAI,KAAK,EAAE,CAA4B,CACpE,CAAC,GACA,CACT,IACC,IACM,CACnB,CAAC;AACN,CAAC,CAAC"}