jfs-components 0.0.1

package/lib/module/components/Tooltip/Tooltip.js

@@ -0,0 +1,496 @@
+"use strict";
+
+import React, { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { View, Text, Modal, Pressable, Platform, StyleSheet, Dimensions } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+
+// --- Types ---
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// --- Context ---
+
+const TooltipContext = /*#__PURE__*/createContext(undefined);
+function useTooltipContext() {
+  const context = useContext(TooltipContext);
+  if (!context) {
+    throw new Error('Tooltip compound components must be used within a <Tooltip>');
+  }
+  return context;
+}
+
+// --- Components ---
+
+export function Tooltip({
+  children,
+  modes = {},
+  open,
+  onOpenChange,
+  defaultOpen = false,
+  placement = 'top'
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = open !== undefined;
+  const isVisible = isControlled ? open : uncontrolledOpen;
+  const triggerRef = useRef(null);
+  const [triggerRect, setTriggerRect] = useState(null);
+  const [contentSize, setContentSize] = useState(null);
+  const show = useCallback(() => {
+    if (!isControlled) setUncontrolledOpen(true);
+    onOpenChange?.(true);
+  }, [isControlled, onOpenChange]);
+  const hide = useCallback(() => {
+    if (!isControlled) setUncontrolledOpen(false);
+    onOpenChange?.(false);
+  }, [isControlled, onOpenChange]);
+  const toggle = useCallback(() => {
+    if (isVisible) hide();else show();
+  }, [isVisible, hide, show]);
+
+  // Poll for trigger position updates while visible to handle scrolling/resize
+  useEffect(() => {
+    if (!isVisible) return;
+    let animationFrameId;
+    const measure = () => {
+      if (triggerRef.current) {
+        triggerRef.current.measureInWindow((x, y, width, height) => {
+          // Only update if changed significantly to avoid thrashing
+          setTriggerRect(prev => {
+            if (!prev || Math.abs(prev.x - x) > 0.5 || Math.abs(prev.y - y) > 0.5 || prev.width !== width || prev.height !== height) {
+              return {
+                x,
+                y,
+                width,
+                height
+              };
+            }
+            return prev;
+          });
+        });
+      }
+      animationFrameId = requestAnimationFrame(measure);
+    };
+    measure();
+    return () => {
+      if (animationFrameId) cancelAnimationFrame(animationFrameId);
+    };
+  }, [isVisible]);
+  return /*#__PURE__*/_jsx(TooltipContext.Provider, {
+    value: {
+      isVisible,
+      show,
+      hide,
+      toggle,
+      triggerRef,
+      triggerRect,
+      setTriggerRect,
+      contentSize,
+      setContentSize,
+      modes,
+      placement
+    },
+    children: children
+  });
+}
+export function TooltipTrigger({
+  children,
+  asChild,
+  ...props
+}) {
+  const {
+    toggle,
+    triggerRef,
+    setTriggerRect
+  } = useTooltipContext();
+  const handleLayout = () => {
+    // We need to measure in window
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setTriggerRect({
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  };
+
+  // Initial measure on press as backup
+  const handlePress = e => {
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setTriggerRect({
+        x,
+        y,
+        width,
+        height
+      });
+      toggle();
+    });
+
+    // Check if children is a valid element and has props
+    if (/*#__PURE__*/React.isValidElement(children)) {
+      const childProps = children.props;
+      if (childProps.onPress) childProps.onPress(e);
+    }
+    if (props.onPress) props.onPress(e);
+  };
+  if (asChild) {
+    if (! /*#__PURE__*/React.isValidElement(children)) return null;
+    const childProps = children.props;
+    return /*#__PURE__*/React.cloneElement(children, {
+      ref: triggerRef,
+      onLayout: e => {
+        handleLayout();
+        if (childProps.onLayout) childProps.onLayout(e);
+      },
+      onPress: handlePress,
+      style: [childProps.style, Platform.OS === 'web' && {
+        userSelect: 'none'
+      }]
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: triggerRef,
+    onLayout: handleLayout,
+    onPress: handlePress,
+    style: [{
+      alignSelf: 'flex-start'
+    }, Platform.OS === 'web' && {
+      userSelect: 'none'
+    }] // Wrap tightly
+    ,
+    ...props,
+    children: children
+  });
+}
+export function TooltipContent({
+  children,
+  sideOffset = 4
+}) {
+  const {
+    isVisible,
+    hide,
+    triggerRect,
+    setContentSize,
+    contentSize,
+    modes,
+    placement: preferredPlacement
+  } = useTooltipContext();
+  const insets = useSafeAreaInsets();
+  const {
+    width: windowWidth,
+    height: windowHeight
+  } = Dimensions.get('window');
+
+  // Tokens
+  const bgColor = getVariableByName('tooltip/background', modes) || '#0f0d0a';
+  const paddingH = Number(getVariableByName('tooltip/padding/horizontal', modes) || 12);
+  const paddingV = Number(getVariableByName('tooltip/padding/vertical', modes) || 8);
+  const radius = Number(getVariableByName('radius', modes) || 8);
+  const maxWidthToken = Number(getVariableByName('maxWidth', modes) || 280);
+  const arrowWidth = Number(getVariableByName('tooltip/tipItem/width', modes) || 16);
+  const arrowHeight = Number(getVariableByName('tooltip/tipItem/height', modes) || 8);
+  const labelColor = getVariableByName('tooltip/label/color', modes) || '#ffffff';
+  const fontSize = Number(getVariableByName('tooltip/label/fontSize', modes) || 14);
+  const fontWeight = getVariableByName('tooltip/label/fontWeight', modes) || '500';
+  const lineHeight = Number(getVariableByName('tooltip/label/lineHeight', modes) || 18);
+  const fontFamily = getVariableByName('tooltip/lable/fontFamily', modes) || undefined;
+  if (!isVisible) return null;
+
+  // Calculation Logic
+  const hasMeasured = !!contentSize && !!triggerRect;
+  let computedTop = 0;
+  let computedLeft = 0;
+  let arrowX = 0;
+  let arrowY = 0;
+  let finalPlacement = preferredPlacement;
+  let finalAxis = 'top';
+  if (hasMeasured && triggerRect && contentSize) {
+    const tooltipH = contentSize.height;
+    const tooltipW = contentSize.width;
+    const gap = sideOffset + arrowHeight;
+    const screenPadding = 8;
+
+    // Helpers
+    const getAxis = p => {
+      if (p.startsWith('top')) return 'top';
+      if (p.startsWith('bottom')) return 'bottom';
+      if (p.startsWith('left')) return 'left';
+      if (p.startsWith('right')) return 'right';
+      return 'top';
+    };
+    const checkFit = (p, axis) => {
+      if (axis === 'top') return triggerRect.y - insets.top >= tooltipH + gap;
+      if (axis === 'bottom') return windowHeight - (triggerRect.y + triggerRect.height) - insets.bottom >= tooltipH + gap;
+      if (axis === 'left') return triggerRect.x - insets.left >= tooltipW + gap;
+      if (axis === 'right') return windowWidth - (triggerRect.x + triggerRect.width) - insets.right >= tooltipW + gap;
+      return false;
+    };
+    let axis = getAxis(preferredPlacement);
+
+    // Fallback Logic
+    if (!checkFit(preferredPlacement, axis)) {
+      const opposites = {
+        top: 'bottom',
+        bottom: 'top',
+        left: 'right',
+        right: 'left'
+      };
+      const oppositeAxis = opposites[axis];
+      if (checkFit(preferredPlacement, oppositeAxis)) {
+        axis = oppositeAxis;
+        const parts = preferredPlacement.split('-');
+        const suffix = parts.length > 1 ? parts[1] : '';
+        finalPlacement = axis + (suffix ? `-${suffix}` : '');
+      } else {
+        // Pick max space
+        const spaceTop = triggerRect.y - insets.top;
+        const spaceBottom = windowHeight - (triggerRect.y + triggerRect.height) - insets.bottom;
+        const spaceLeft = triggerRect.x - insets.left;
+        const spaceRight = windowWidth - (triggerRect.x + triggerRect.width) - insets.right;
+        if (['top', 'bottom'].includes(axis)) {
+          // Prefer staying vertical if possible, but swap to horizontal if MASSIVELY more space?
+          // For now, stick to flipping axis.
+          axis = spaceTop > spaceBottom ? 'top' : 'bottom';
+        } else {
+          axis = spaceLeft > spaceRight ? 'left' : 'right';
+        }
+        const parts = preferredPlacement.split('-');
+        const suffix = parts.length > 1 ? parts[1] : '';
+        finalPlacement = axis + (suffix ? `-${suffix}` : '');
+      }
+    }
+    finalAxis = axis;
+
+    // Calculate Coordinates based on final axis and alignment
+    const alignment = finalPlacement.split('-')[1] || 'center';
+
+    // Main Axis Position
+    if (axis === 'top') {
+      computedTop = triggerRect.y - tooltipH - gap;
+    } else if (axis === 'bottom') {
+      computedTop = triggerRect.y + triggerRect.height + gap;
+    } else if (axis === 'left') {
+      computedLeft = triggerRect.x - tooltipW - gap;
+    } else if (axis === 'right') {
+      computedLeft = triggerRect.x + triggerRect.width + gap;
+    }
+
+    // Cross Axis Position & Shift to maintain arrow connection
+    if (axis === 'top' || axis === 'bottom') {
+      // 1. Initial Alignment
+      if (alignment === 'start') {
+        computedLeft = triggerRect.x;
+      } else if (alignment === 'end') {
+        computedLeft = triggerRect.x + triggerRect.width - tooltipW;
+      } else {
+        // center
+        computedLeft = triggerRect.x + triggerRect.width / 2 - tooltipW / 2;
+      }
+
+      // 2. Shift to keep arrow connected (The "Detachment" Fix)
+      const triggerCenterX = triggerRect.x + triggerRect.width / 2;
+      const arrowHalfWidth = arrowWidth / 2;
+      // The arrow center must be within the tooltip horizontal range [left + radius + arrowHalf, left + w - radius - arrowHalf]
+      // So: computedLeft + radius + arrowHalf <= triggerCenterX <= computedLeft + w - radius - arrowHalf
+      const minLeftForConnection = triggerCenterX - (tooltipW - radius - arrowHalfWidth);
+      const maxLeftForConnection = triggerCenterX - (radius + arrowHalfWidth);
+      if (computedLeft < minLeftForConnection) computedLeft = minLeftForConnection;
+      if (computedLeft > maxLeftForConnection) computedLeft = maxLeftForConnection;
+
+      // 3. Clamp to Screen Edges
+      const minLeft = insets.left + screenPadding;
+      const maxLeft = windowWidth - insets.right - tooltipW - screenPadding;
+      if (computedLeft < minLeft) computedLeft = minLeft;
+      if (computedLeft > maxLeft) computedLeft = maxLeft;
+    } else {
+      // left or right
+      // 1. Initial Alignment
+      if (alignment === 'start') {
+        computedTop = triggerRect.y;
+      } else if (alignment === 'end') {
+        computedTop = triggerRect.y + triggerRect.height - tooltipH;
+      } else {
+        // center
+        computedTop = triggerRect.y + triggerRect.height / 2 - tooltipH / 2;
+      }
+
+      // 2. Shift to keep arrow connected
+      const triggerCenterY = triggerRect.y + triggerRect.height / 2;
+      // Side arrows: "width" is 8 (tip), "height" is 16 (base).
+      // We use arrowWidth variable (16) as the base dimension along the tooltip edge.
+      const arrowHalfBase = arrowWidth / 2;
+      const minTopForConnection = triggerCenterY - (tooltipH - radius - arrowHalfBase);
+      const maxTopForConnection = triggerCenterY - (radius + arrowHalfBase);
+      if (computedTop < minTopForConnection) computedTop = minTopForConnection;
+      if (computedTop > maxTopForConnection) computedTop = maxTopForConnection;
+
+      // 3. Clamp to Screen Edges
+      const minTop = insets.top + screenPadding;
+      const maxTop = windowHeight - insets.bottom - tooltipH - screenPadding;
+      if (computedTop < minTop) computedTop = minTop;
+      if (computedTop > maxTop) computedTop = maxTop;
+    }
+
+    // Arrow Positioning
+    // Arrow X/Y are relative to the Tooltip Content View (0,0 is top-left of tooltip)
+    // We add 1px overlap to fix gaps
+    const overlap = 1;
+    if (axis === 'top' || axis === 'bottom') {
+      // Arrow is Horizontal (moving along X)
+      const triggerCenterX = triggerRect.x + triggerRect.width / 2;
+      let relArrowX = triggerCenterX - computedLeft;
+      const maxArrowX = tooltipW - radius - arrowWidth / 2;
+      const minArrowX = radius + arrowWidth / 2;
+      if (relArrowX < minArrowX) relArrowX = minArrowX;
+      if (relArrowX > maxArrowX) relArrowX = maxArrowX;
+      arrowX = relArrowX - arrowWidth / 2;
+      arrowY = axis === 'top' ? tooltipH - overlap : -arrowHeight + overlap;
+    } else {
+      // Arrow is Vertical (moving along Y)
+      const triggerCenterY = triggerRect.y + triggerRect.height / 2;
+      let relArrowY = triggerCenterY - computedTop;
+
+      // Container for side arrow: height is arrowWidth (16)
+      const arrowContainerH = arrowWidth;
+      const maxArrowY = tooltipH - radius - arrowContainerH / 2;
+      const minArrowY = radius + arrowContainerH / 2;
+      if (relArrowY < minArrowY) relArrowY = minArrowY;
+      if (relArrowY > maxArrowY) relArrowY = maxArrowY;
+      arrowY = relArrowY - arrowContainerH / 2;
+      arrowX = axis === 'left' ? tooltipW - overlap : -arrowHeight + overlap;
+    }
+  }
+
+  // --- Styles ---
+
+  const contentStyle = {
+    backgroundColor: bgColor,
+    paddingHorizontal: paddingH,
+    paddingVertical: paddingV,
+    borderRadius: radius,
+    maxWidth: maxWidthToken
+  };
+  const textStyle = {
+    color: labelColor,
+    fontSize,
+    fontWeight: fontWeight,
+    lineHeight,
+    fontFamily
+  };
+
+  // Invisible measurement render
+  const measureStyle = {
+    position: 'absolute',
+    opacity: 0,
+    top: 0,
+    left: 0,
+    maxWidth: maxWidthToken,
+    // Apply max width constraint during measurement
+    paddingHorizontal: paddingH,
+    paddingVertical: paddingV
+  };
+  if (!hasMeasured) {
+    return /*#__PURE__*/_jsx(Modal, {
+      transparent: true,
+      visible: isVisible,
+      animationType: "fade",
+      children: /*#__PURE__*/_jsx(View, {
+        style: StyleSheet.absoluteFill,
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(View, {
+          style: measureStyle,
+          onLayout: e => setContentSize(e.nativeEvent.layout),
+          children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+            style: textStyle,
+            children: children
+          }) : /*#__PURE__*/_jsx(View, {
+            children: React.Children.map(children, child => {
+              if (/*#__PURE__*/React.isValidElement(child) && (child.type === Text || child.type.displayName === 'Text')) {
+                return /*#__PURE__*/React.cloneElement(child, {
+                  style: [textStyle, child.props.style]
+                });
+              }
+              return child;
+            })
+          })
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Modal, {
+    transparent: true,
+    visible: isVisible,
+    animationType: "fade",
+    onRequestClose: hide,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: StyleSheet.absoluteFill,
+      onPress: hide,
+      children: /*#__PURE__*/_jsx(View, {
+        style: StyleSheet.absoluteFill,
+        pointerEvents: "box-none",
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [contentStyle, {
+            position: 'absolute',
+            top: computedTop,
+            left: computedLeft,
+            // Shadow for elevation
+            shadowColor: "#000",
+            shadowOffset: {
+              width: 0,
+              height: 2
+            },
+            shadowOpacity: 0.25,
+            shadowRadius: 3.84,
+            elevation: 5
+          }],
+          children: [typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+            style: textStyle,
+            children: children
+          }) : /*#__PURE__*/_jsx(View, {
+            children: React.Children.map(children, child => {
+              if (/*#__PURE__*/React.isValidElement(child) && (child.type === Text || child.type.displayName === 'Text')) {
+                return /*#__PURE__*/React.cloneElement(child, {
+                  style: [textStyle, child.props.style]
+                });
+              }
+              return child;
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              position: 'absolute',
+              left: arrowX,
+              top: arrowY,
+              width: finalAxis === 'top' || finalAxis === 'bottom' ? arrowWidth : arrowHeight,
+              height: finalAxis === 'top' || finalAxis === 'bottom' ? arrowHeight : arrowWidth
+            },
+            children: /*#__PURE__*/_jsxs(Svg, {
+              width: finalAxis === 'top' || finalAxis === 'bottom' ? arrowWidth : arrowHeight,
+              height: finalAxis === 'top' || finalAxis === 'bottom' ? arrowHeight : arrowWidth,
+              viewBox: `0 0 ${finalAxis === 'top' || finalAxis === 'bottom' ? arrowWidth : arrowHeight} ${finalAxis === 'top' || finalAxis === 'bottom' ? arrowHeight : arrowWidth}`,
+              children: [finalAxis === 'top' && /*#__PURE__*/_jsx(Path, {
+                d: `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0 Z`,
+                fill: bgColor
+              }), finalAxis === 'bottom' && /*#__PURE__*/_jsx(Path, {
+                d: `M0 ${arrowHeight} L${arrowWidth / 2} 0 L${arrowWidth} ${arrowHeight} Z`,
+                fill: bgColor
+              }), finalAxis === 'left' &&
+              /*#__PURE__*/
+              // Pointing Right. Width=arrowHeight (8), Height=arrowWidth (16)
+              _jsx(Path, {
+                d: `M0 0 L${arrowHeight} ${arrowWidth / 2} L0 ${arrowWidth} Z`,
+                fill: bgColor
+              }), finalAxis === 'right' &&
+              /*#__PURE__*/
+              // Pointing Left
+              _jsx(Path, {
+                d: `M${arrowHeight} 0 L0 ${arrowWidth / 2} L${arrowHeight} ${arrowWidth} Z`,
+                fill: bgColor
+              })]
+            })
+          })]
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=Tooltip.js.map

package/lib/module/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useState","useRef","useCallback","useEffect","View","Text","Modal","Pressable","Platform","StyleSheet","Dimensions","Svg","Path","useSafeAreaInsets","getVariableByName","jsx","_jsx","jsxs","_jsxs","TooltipContext","undefined","useTooltipContext","context","Error","Tooltip","children","modes","open","onOpenChange","defaultOpen","placement","uncontrolledOpen","setUncontrolledOpen","isControlled","isVisible","triggerRef","triggerRect","setTriggerRect","contentSize","setContentSize","show","hide","toggle","animationFrameId","measure","current","measureInWindow","x","y","width","height","prev","Math","abs","requestAnimationFrame","cancelAnimationFrame","Provider","value","TooltipTrigger","asChild","props","handleLayout","handlePress","e","isValidElement","childProps","onPress","cloneElement","ref","onLayout","style","OS","userSelect","alignSelf","TooltipContent","sideOffset","preferredPlacement","insets","windowWidth","windowHeight","get","bgColor","paddingH","Number","paddingV","radius","maxWidthToken","arrowWidth","arrowHeight","labelColor","fontSize","fontWeight","lineHeight","fontFamily","hasMeasured","computedTop","computedLeft","arrowX","arrowY","finalPlacement","finalAxis","tooltipH","tooltipW","gap","screenPadding","getAxis","p","startsWith","checkFit","axis","top","bottom","left","right","opposites","oppositeAxis","parts","split","suffix","length","spaceTop","spaceBottom","spaceLeft","spaceRight","includes","alignment","triggerCenterX","arrowHalfWidth","minLeftForConnection","maxLeftForConnection","minLeft","maxLeft","triggerCenterY","arrowHalfBase","minTopForConnection","maxTopForConnection","minTop","maxTop","overlap","relArrowX","maxArrowX","minArrowX","relArrowY","arrowContainerH","maxArrowY","minArrowY","contentStyle","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","maxWidth","textStyle","color","measureStyle","position","opacity","transparent","visible","animationType","absoluteFill","pointerEvents","nativeEvent","layout","Children","map","child","type","displayName","onRequestClose","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","viewBox","d","fill"],"sourceRoot":"../../../../src","sources":["components/Tooltip/Tooltip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Tooltip/Tooltip.mdx

@@ -0,0 +1,71 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as TooltipStories from './Tooltip.stories';
+import { Tooltip } from './Tooltip';
+import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+
+<Meta of={TooltipStories} />
+
+# Tooltip
+
+Tooltip component that displays contextual information when a user interacts with an element. It supports multiple placements, collision detection, and is styled using design tokens.
+
+## Available Collections and Modes
+
+This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+## Usage
+
+<Canvas>
+  <Story of={TooltipStories.Default} />
+</Canvas>
+
+<AccessibilitySection
+  items={[
+    'The `TooltipTrigger` should wrap an interactive element (e.g., a button or link) that is accessible via keyboard and screen readers.',
+    'Tooltips should not contain interactive elements (links, buttons) as they may be difficult to reach for keyboard users.',
+    'Screen readers generally announce the tooltip content when the trigger receives focus or is activated, depending on platform behavior.',
+  ]}
+/>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Trigger</strong> — The element that toggles the tooltip visibility (wrapped in <code>TooltipTrigger</code>).</li>
+    <li><strong>Content</strong> — The container for the tooltip text or custom content (<code>TooltipContent</code>).</li>
+    <li><strong>Arrow</strong> — The visual indicator pointing to the trigger element, automatically positioned based on placement.</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection
+  items={[
+    'Wrap the trigger element with `TooltipTrigger` and the content with `TooltipContent` inside the `Tooltip` component.',
+    'Use the `placement` prop to specify the preferred position (top, bottom, left, right, and variations). The tooltip will automatically adjust if it hits the screen edges.',
+    'Ensure the `Tooltip` component is used within a `SafeAreaProvider` if not already provided by the app root (though the story decorator handles this).',
+    'For long text, the tooltip max-width is constrained by the `maxWidth` token. Text will wrap automatically.',
+  ]}
+/>
+
+## Props
+
+<ArgsTable of={Tooltip} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`maxWidth`**
+- **`radius`**
+- **`tooltip/background`**
+- **`tooltip/label/color`**
+- **`tooltip/label/fontSize`**
+- **`tooltip/label/fontWeight`**
+- **`tooltip/label/lineHeight`**
+- **`tooltip/lable/fontFamily`**
+- **`tooltip/padding/horizontal`**
+- **`tooltip/padding/vertical`**
+- **`tooltip/tipItem/height`**
+- **`tooltip/tipItem/width`**
+
+All tokens support mode-based theming through the `modes` prop.