@mirohq/design-system-tooltip 3.2.16 → 3.2.18-themes.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +21 -12
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +22 -13
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +236 -214
  6. package/package.json +4 -4
package/dist/main.js CHANGED
@@ -71,6 +71,7 @@ const Content = React__default["default"].forwardRef(
71
71
  }
72
72
  )
73
73
  );
74
+ Content.displayName = "Tooltip.Content";
74
75
 
75
76
  const StyledTrigger = designSystemStitches.styled(reactTooltip.Trigger);
76
77
 
@@ -83,12 +84,14 @@ const Trigger = React__default["default"].forwardRef(({ onPress, onClick, ...res
83
84
  ref: forwardRef
84
85
  }
85
86
  ));
87
+ Trigger.displayName = "Tooltip.Trigger";
86
88
 
87
89
  const ProviderContext = React.createContext({});
88
90
  const Provider = ({
89
91
  children,
90
92
  ...restProps
91
93
  }) => /* @__PURE__ */ jsxRuntime.jsx(ProviderContext.Provider, { value: restProps, children });
94
+ Provider.displayName = "Tooltip.Provider";
92
95
  const useTooltipContext = () => React.useContext(ProviderContext);
93
96
 
94
97
  const Portal = (props) => /* @__PURE__ */ jsxRuntime.jsx(reactTooltip.Portal, { ...props });
@@ -110,7 +113,7 @@ const Tooltip = ({
110
113
  children
111
114
  }) => {
112
115
  const context = useTooltipContext();
113
- const [mounted, setMounted] = React.useState(false);
116
+ const isMounted = React.useRef(false);
114
117
  const [openState, setOpenState] = React.useState(defaultOpen);
115
118
  const setDelayedOpen = React.useCallback(
116
119
  (newOpenState) => {
@@ -134,13 +137,23 @@ const Tooltip = ({
134
137
  return;
135
138
  }
136
139
  shouldSkipDelay = true;
137
- if (mounted) {
140
+ if (isMounted.current) {
138
141
  setOpenState(true);
139
142
  onOpen == null ? void 0 : onOpen();
140
143
  }
141
144
  }, (_b = delayDuration != null ? delayDuration : context.delayDuration) != null ? _b : DEFAULT_DELAY_DURATION);
142
145
  },
143
- [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]
146
+ [delayDuration, skipDelayDuration, context, onClose, onOpen]
147
+ );
148
+ const handleOpenChange = React.useCallback(
149
+ (newState) => {
150
+ if (open == null) {
151
+ setDelayedOpen(newState);
152
+ return;
153
+ }
154
+ newState ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
155
+ },
156
+ [open, onOpen, onClose, setDelayedOpen]
144
157
  );
145
158
  React.useEffect(
146
159
  () => () => {
@@ -153,8 +166,10 @@ const Tooltip = ({
153
166
  [clearDelaysOnUnmount]
154
167
  );
155
168
  React.useEffect(() => {
156
- setMounted(true);
157
- return () => setMounted(false);
169
+ isMounted.current = true;
170
+ return () => {
171
+ isMounted.current = false;
172
+ };
158
173
  }, []);
159
174
  return /* @__PURE__ */ jsxRuntime.jsx(reactTooltip.Provider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
160
175
  reactTooltip.Root,
@@ -162,13 +177,7 @@ const Tooltip = ({
162
177
  disableHoverableContent,
163
178
  open: open != null ? open : openState,
164
179
  delayDuration: 0,
165
- onOpenChange: (newState) => {
166
- if (open == null) {
167
- setDelayedOpen(newState);
168
- return;
169
- }
170
- newState ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
171
- },
180
+ onOpenChange: handleOpenChange,
172
181
  children
173
182
  }
174
183
  ) });
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n Content as RadixContent,\n Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n fill: '$black',\n height: '5px',\n transform: 'translateY(-1px)',\n width: '15px',\n})\n\nexport const StyledContent = styled(RadixContent, {\n backgroundColor: '$black',\n borderRadius: '$50',\n color: '$white',\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '20px',\n fontFamily: 'inherit',\n padding: '$150',\n '@media (prefers-reduced-motion: no-preference)': {\n animationDuration: '220ms',\n animationTimingFunction: 'ease',\n willChange: 'opacity',\n '&[data-state=\"delayed-open\"]': {\n animationName: animations.fadeIn,\n },\n '&[data-state=\"closed\"]': {\n animationName: animations.fadeOut,\n },\n },\n zIndex: '$tooltip',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n /**\n * The preferred alignment against the trigger. May change when collisions\n * occur.\n */\n align?: Align\n\n /**\n * An offset in pixels from the \"start\" or \"end\" alignment options.\n */\n alignOffset?: number\n\n /**\n * The distance in pixels from the trigger.\n */\n sideOffset?: number\n\n /** The preferred side of the trigger to render against when open.\n * Will be reversed when collisions occur and avoidCollisions is enabled.\n */\n side?: Side\n\n /**\n * When true, overrides the side and align preferences to prevent collisions\n * with window edges.\n */\n avoidCollisions?: boolean\n\n /**\n * The distance in pixels from window edges where collision detection should\n * occur.\n */\n collisionPadding?: number\n\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. It inherits from Tooltip.Portal.\n */\n forceMount?: true\n\n /**\n * The element used as the collision boundary. By default this is the\n * viewport, though you can provide additional element(s) to be included in\n * this check.\n */\n collisionBoundary?: Element | null\n\n /**\n * The sticky behavior on the align axis. \"partial\" will keep the content in\n * the boundary as long as the trigger is at least partially in the boundary\n * whilst \"always\" will keep the content in the boundary regardless.\n */\n sticky?: 'partial' | 'always'\n\n /**\n * Whether to hide the content when the trigger becomes fully occluded.\n */\n hideWhenDetached?: boolean\n\n /**\n * Event handler called when the escape key is down. It can be prevented by\n * calling event.preventDefault.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n /**\n * Event handler called when a pointer event occurs outside the bounds of the\n * component. It can be prevented by calling event.preventDefault.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n ElementRef<typeof StyledContent>,\n ContentProps\n>(\n (\n {\n align = 'center',\n alignOffset = 0,\n avoidCollisions = true,\n collisionPadding = 0,\n children,\n side = 'top',\n sideOffset = 5,\n sticky = 'partial',\n ...restProps\n },\n forwardRef\n ) => (\n <StyledContent\n {...restProps}\n ref={forwardRef}\n align={align}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n collisionPadding={collisionPadding}\n side={side}\n sideOffset={sideOffset}\n sticky={sticky}\n >\n {children}\n <StyledArrowIcon />\n </StyledContent>\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n /**\n * temporary the same as onClick, later will be added touch events support\n */\n onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n ElementRef<typeof StyledTrigger>,\n TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => (\n <StyledTrigger\n {...restProps}\n onClick={onPress ?? onClick}\n data-tooltip-trigger=''\n ref={forwardRef}\n />\n))\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n /**\n * The duration from when the mouse enters a tooltip trigger until\n * the tooltip opens.\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n */\n skipDelayDuration?: number\n\n /**\n * The content\n */\n children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider: React.FC<ProviderProps> = ({\n children,\n ...restProps\n}) => (\n <ProviderContext.Provider value={restProps}>\n {children}\n </ProviderContext.Provider>\n)\n\nexport const useTooltipContext = (): ProviderProps =>\n useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. If used on this part, it will be\n * inherited by Tooltip.Content.\n */\n forceMount?: true\n\n /**\n * Specify a container element to portal the content into.\n */\n container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState, useCallback, useEffect } from 'react'\nimport {\n Provider as RadixProvider,\n Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\n\nexport interface TooltipProps {\n /**\n * The open state of the tooltip when it is initially rendered. Use when you\n * do not need to control its open state.\n */\n defaultOpen?: boolean\n\n /**\n * The current state of the tooltip.\n */\n open?: boolean\n\n /**\n * Event handler called when the tooltip opens.\n */\n onOpen?: () => void\n\n /**\n * Event handler called when the tooltip closes.\n */\n onClose?: () => void\n\n /**\n * Overrides the duration given to the `Provider` to customize the open delay\n * for a specific tooltip.\n * @default 200\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n * @default 500\n */\n skipDelayDuration?: number\n\n /**\n * Clears the delayDuration and skipDelayDuration timeouts when the component\n * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n * @default false\n */\n clearDelaysOnUnmount?: boolean\n\n /**\n * Closes the tooltip as soon as the pointer leaves the trigger making it\n * impossible to hover the content.\n */\n disableHoverableContent?: boolean\n\n /**\n * The content\n */\n children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 200\n\nexport const Tooltip: React.FC<TooltipProps> & Partials = ({\n defaultOpen = false,\n open,\n onOpen,\n onClose,\n skipDelayDuration,\n delayDuration,\n disableHoverableContent,\n clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n children,\n}) => {\n const context = useTooltipContext()\n const [mounted, setMounted] = useState(false)\n\n const [openState, setOpenState] = useState(defaultOpen)\n const setDelayedOpen = useCallback(\n (newOpenState: boolean) => {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n\n if (!newOpenState) {\n skipDelayTimer = setTimeout(() => {\n shouldSkipDelay = false\n }, skipDelayDuration ?? context.skipDelayDuration ?? DEFAULT_SKIP_DELAY_DURATION)\n\n setOpenState(false)\n onClose?.()\n return\n }\n\n if (\n shouldSkipDelay ||\n document.querySelector('[data-tooltip-trigger]:focus') != null\n ) {\n setOpenState(newOpenState)\n return\n }\n\n delayTimer = setTimeout(() => {\n // ignore it if the the user quickly hover the trigger and leave before the timeout\n // (unfortunately JSDOM seems not to support :hover selector)\n if (\n document.querySelector('[data-tooltip-trigger]:hover') == null &&\n process.env.NODE_ENV !== 'test'\n ) {\n return\n }\n\n shouldSkipDelay = true\n\n if (mounted) {\n setOpenState(true)\n onOpen?.()\n }\n }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n },\n [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]\n )\n\n useEffect(\n () => () => {\n if (clearDelaysOnUnmount) {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n shouldSkipDelay = false\n }\n },\n [clearDelaysOnUnmount]\n )\n\n useEffect(() => {\n setMounted(true)\n return () => setMounted(false)\n }, [])\n\n return (\n <RadixProvider delayDuration={0} skipDelayDuration={0}>\n <RadixTooltip\n disableHoverableContent={disableHoverableContent}\n open={open ?? openState}\n delayDuration={0} // we control it manually\n onOpenChange={newState => {\n if (open == null) {\n setDelayedOpen(newState)\n return\n }\n\n newState ? onOpen?.() : onClose?.()\n }}\n >\n {children}\n </RadixTooltip>\n </RadixProvider>\n )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Trigger: typeof Trigger\n Content: typeof Content\n Provider: typeof Provider\n Portal: typeof Portal\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\n"],"names":["styled","RadixArrow","RadixContent","animations","React","jsxs","Trigger","jsx","createContext","useContext","RadixPortal","useState","useCallback","useEffect","RadixProvider","RadixTooltip"],"mappings":";;;;;;;;;;;;;;AAQa,MAAA,eAAA,GAAkBA,4BAAOC,kBAAY,EAAA;AAAA,EAChD,IAAM,EAAA,QAAA;AAAA,EACN,MAAQ,EAAA,KAAA;AAAA,EACR,SAAW,EAAA,kBAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAC,CAAA,CAAA;AAEY,MAAA,aAAA,GAAgBD,4BAAOE,oBAAc,EAAA;AAAA,EAChD,eAAiB,EAAA,QAAA;AAAA,EACjB,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA,QAAA;AAAA,EACP,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,KAAA;AAAA,EACZ,UAAY,EAAA,MAAA;AAAA,EACZ,UAAY,EAAA,SAAA;AAAA,EACZ,OAAS,EAAA,MAAA;AAAA,EACT,gDAAkD,EAAA;AAAA,IAChD,iBAAmB,EAAA,OAAA;AAAA,IACnB,uBAAyB,EAAA,MAAA;AAAA,IACzB,UAAY,EAAA,SAAA;AAAA,IACZ,8BAAgC,EAAA;AAAA,MAC9B,eAAeC,6BAAW,CAAA,MAAA;AAAA,KAC5B;AAAA,IACA,wBAA0B,EAAA;AAAA,MACxB,eAAeA,6BAAW,CAAA,OAAA;AAAA,KAC5B;AAAA,GACF;AAAA,EACA,MAAQ,EAAA,UAAA;AACV,CAAC,CAAA;;AC2CM,MAAM,UAAUC,yBAAM,CAAA,UAAA;AAAA,EAI3B,CACE;AAAA,IACE,KAAQ,GAAA,QAAA;AAAA,IACR,WAAc,GAAA,CAAA;AAAA,IACd,eAAkB,GAAA,IAAA;AAAA,IAClB,gBAAmB,GAAA,CAAA;AAAA,IACnB,QAAA;AAAA,IACA,IAAO,GAAA,KAAA;AAAA,IACP,UAAa,GAAA,CAAA;AAAA,IACb,MAAS,GAAA,SAAA;AAAA,IACT,GAAG,SAAA;AAAA,KAEL,UAEA,qBAAAC,eAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,GAAK,EAAA,UAAA;AAAA,MACL,KAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,uCACA,eAAgB,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACnB;AAEJ,CAAA;;AC5Ga,MAAA,aAAA,GAAgBL,4BAAOM,oBAAO,CAAA;;ACS9B,MAAA,OAAA,GAAUF,yBAAM,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAS,OAAS,EAAA,GAAG,SAAU,EAAA,EAAG,UACrC,qBAAAG,cAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,SAAS,OAAW,IAAA,IAAA,GAAA,OAAA,GAAA,OAAA;AAAA,IACpB,sBAAqB,EAAA,EAAA;AAAA,IACrB,GAAK,EAAA,UAAA;AAAA,GAAA;AACP,CACD,CAAA;;ACFY,MAAA,eAAA,GAAkBC,mBAA6B,CAAA,EAAS,CAAA,CAAA;AAE9D,MAAM,WAAoC,CAAC;AAAA,EAChD,QAAA;AAAA,EACA,GAAG,SAAA;AACL,CAAA,oCACG,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAA,EAAO,WAC9B,QACH,EAAA,CAAA,CAAA;AAGW,MAAA,iBAAA,GAAoB,MAC/BC,gBAAA,CAAW,eAAe,CAAA;;ACfrB,MAAM,MAAgC,GAAA,CAAA,KAAA,qBAAUF,cAAA,CAAAG,mBAAA,EAAA,EAAa,GAAG,KAAO,EAAA,CAAA;;ACgD9E,IAAI,UAAA,CAAA;AACJ,IAAI,cAAA,CAAA;AACJ,IAAI,eAAkB,GAAA,KAAA,CAAA;AAEf,MAAM,2BAA8B,GAAA,IAAA;AACpC,MAAM,sBAAyB,GAAA,IAAA;AAE/B,MAAM,UAA6C,CAAC;AAAA,EACzD,WAAc,GAAA,KAAA;AAAA,EACd,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,uBAAA;AAAA,EACA,oBAAA,GAAuB,OAAQ,CAAA,GAAA,CAAI,QAAa,KAAA,MAAA;AAAA,EAChD,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,UAAU,iBAAkB,EAAA,CAAA;AAClC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,WAAW,CAAA,CAAA;AACtD,EAAA,MAAM,cAAiB,GAAAC,iBAAA;AAAA,IACrB,CAAC,YAA0B,KAAA;AAzF/B,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA0FM,MAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AACvB,MAAA,YAAA,CAAa,cAAc,CAAA,CAAA;AAE3B,MAAA,IAAI,CAAC,YAAc,EAAA;AACjB,QAAA,cAAA,GAAiB,WAAW,MAAM;AAChC,UAAkB,eAAA,GAAA,KAAA,CAAA;AAAA,SACjB,EAAA,CAAA,EAAA,GAAA,iBAAA,IAAA,IAAA,GAAA,iBAAA,GAAqB,OAAQ,CAAA,iBAAA,KAA7B,YAAkD,2BAA2B,CAAA,CAAA;AAEhF,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,QAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AACA,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,IACE,eACA,IAAA,QAAA,CAAS,aAAc,CAAA,8BAA8B,KAAK,IAC1D,EAAA;AACA,QAAA,YAAA,CAAa,YAAY,CAAA,CAAA;AACzB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,UAAA,GAAa,WAAW,MAAM;AAG5B,QACE,IAAA,QAAA,CAAS,cAAc,8BAA8B,CAAA,IAAK,QAC1D,OAAQ,CAAA,GAAA,CAAI,aAAa,MACzB,EAAA;AACA,UAAA,OAAA;AAAA,SACF;AAEA,QAAkB,eAAA,GAAA,IAAA,CAAA;AAElB,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,UAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,EAAA,CAAA;AAAA,SACF;AAAA,OACC,EAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,aAAA,GAAiB,OAAQ,CAAA,aAAA,KAAzB,YAA0C,sBAAsB,CAAA,CAAA;AAAA,KACrE;AAAA,IACA,CAAC,aAAe,EAAA,iBAAA,EAAmB,OAAS,EAAA,OAAA,EAAS,SAAS,MAAM,CAAA;AAAA,GACtE,CAAA;AAEA,EAAAC,eAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,IAAI,oBAAsB,EAAA;AACxB,QAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AACvB,QAAA,YAAA,CAAa,cAAc,CAAA,CAAA;AAC3B,QAAkB,eAAA,GAAA,KAAA,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,IACA,CAAC,oBAAoB,CAAA;AAAA,GACvB,CAAA;AAEA,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,IAAO,OAAA,MAAM,WAAW,KAAK,CAAA,CAAA;AAAA,GAC/B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,uBACGN,cAAA,CAAAO,qBAAA,EAAA,EAAc,aAAe,EAAA,CAAA,EAAG,mBAAmB,CAClD,EAAA,QAAA,kBAAAP,cAAA;AAAA,IAACQ,iBAAA;AAAA,IAAA;AAAA,MACC,uBAAA;AAAA,MACA,MAAM,IAAQ,IAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAAA,MACd,aAAe,EAAA,CAAA;AAAA,MACf,cAAc,CAAY,QAAA,KAAA;AACxB,QAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,UAAA,cAAA,CAAe,QAAQ,CAAA,CAAA;AACvB,UAAA,OAAA;AAAA,SACF;AAEA,QAAA,QAAA,GAAW,MAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,OAC1B;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GAEL,EAAA,CAAA,CAAA;AAEJ,EAAA;AAYA,OAAA,CAAQ,OAAU,GAAA,OAAA,CAAA;AAClB,OAAA,CAAQ,OAAU,GAAA,OAAA,CAAA;AAClB,OAAA,CAAQ,QAAW,GAAA,QAAA,CAAA;AACnB,OAAA,CAAQ,MAAS,GAAA,MAAA;;;;;;;;;;;"}
1
+ {"version":3,"file":"main.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n Content as RadixContent,\n Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n fill: '$black',\n height: '5px',\n transform: 'translateY(-1px)',\n width: '15px',\n})\n\nexport const StyledContent = styled(RadixContent, {\n backgroundColor: '$black',\n borderRadius: '$50',\n color: '$white',\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '20px',\n fontFamily: 'inherit',\n padding: '$150',\n '@media (prefers-reduced-motion: no-preference)': {\n animationDuration: '220ms',\n animationTimingFunction: 'ease',\n willChange: 'opacity',\n '&[data-state=\"delayed-open\"]': {\n animationName: animations.fadeIn,\n },\n '&[data-state=\"closed\"]': {\n animationName: animations.fadeOut,\n },\n },\n zIndex: '$tooltip',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n /**\n * The preferred alignment against the trigger. May change when collisions\n * occur.\n */\n align?: Align\n\n /**\n * An offset in pixels from the \"start\" or \"end\" alignment options.\n */\n alignOffset?: number\n\n /**\n * The distance in pixels from the trigger.\n */\n sideOffset?: number\n\n /** The preferred side of the trigger to render against when open.\n * Will be reversed when collisions occur and avoidCollisions is enabled.\n */\n side?: Side\n\n /**\n * When true, overrides the side and align preferences to prevent collisions\n * with window edges.\n */\n avoidCollisions?: boolean\n\n /**\n * The distance in pixels from window edges where collision detection should\n * occur.\n */\n collisionPadding?: number\n\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. It inherits from Tooltip.Portal.\n */\n forceMount?: true\n\n /**\n * The element used as the collision boundary. By default this is the\n * viewport, though you can provide additional element(s) to be included in\n * this check.\n */\n collisionBoundary?: Element | null\n\n /**\n * The sticky behavior on the align axis. \"partial\" will keep the content in\n * the boundary as long as the trigger is at least partially in the boundary\n * whilst \"always\" will keep the content in the boundary regardless.\n */\n sticky?: 'partial' | 'always'\n\n /**\n * Whether to hide the content when the trigger becomes fully occluded.\n */\n hideWhenDetached?: boolean\n\n /**\n * Event handler called when the escape key is down. It can be prevented by\n * calling event.preventDefault.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n /**\n * Event handler called when a pointer event occurs outside the bounds of the\n * component. It can be prevented by calling event.preventDefault.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n ElementRef<typeof StyledContent>,\n ContentProps\n>(\n (\n {\n align = 'center',\n alignOffset = 0,\n avoidCollisions = true,\n collisionPadding = 0,\n children,\n side = 'top',\n sideOffset = 5,\n sticky = 'partial',\n ...restProps\n },\n forwardRef\n ) => (\n <StyledContent\n {...restProps}\n ref={forwardRef}\n align={align}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n collisionPadding={collisionPadding}\n side={side}\n sideOffset={sideOffset}\n sticky={sticky}\n >\n {children}\n <StyledArrowIcon />\n </StyledContent>\n )\n)\n\nContent.displayName = 'Tooltip.Content'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n /**\n * temporary the same as onClick, later will be added touch events support\n */\n onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n ElementRef<typeof StyledTrigger>,\n TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => (\n <StyledTrigger\n {...restProps}\n onClick={onPress ?? onClick}\n data-tooltip-trigger=''\n ref={forwardRef}\n />\n))\n\nTrigger.displayName = 'Tooltip.Trigger'\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n /**\n * The duration from when the mouse enters a tooltip trigger until\n * the tooltip opens.\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n */\n skipDelayDuration?: number\n\n /**\n * The content\n */\n children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider: React.FC<ProviderProps> = ({\n children,\n ...restProps\n}) => (\n <ProviderContext.Provider value={restProps}>\n {children}\n </ProviderContext.Provider>\n)\n\nProvider.displayName = 'Tooltip.Provider'\n\nexport const useTooltipContext = (): ProviderProps =>\n useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. If used on this part, it will be\n * inherited by Tooltip.Content.\n */\n forceMount?: true\n\n /**\n * Specify a container element to portal the content into.\n */\n container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState, useCallback, useEffect, useRef } from 'react'\nimport {\n Provider as RadixProvider,\n Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\n\nexport interface TooltipProps {\n /**\n * The open state of the tooltip when it is initially rendered. Use when you\n * do not need to control its open state.\n */\n defaultOpen?: boolean\n\n /**\n * The current state of the tooltip.\n */\n open?: boolean\n\n /**\n * Event handler called when the tooltip opens.\n */\n onOpen?: () => void\n\n /**\n * Event handler called when the tooltip closes.\n */\n onClose?: () => void\n\n /**\n * Overrides the duration given to the `Provider` to customize the open delay\n * for a specific tooltip.\n * @default 200\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n * @default 500\n */\n skipDelayDuration?: number\n\n /**\n * Clears the delayDuration and skipDelayDuration timeouts when the component\n * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n * @default false\n */\n clearDelaysOnUnmount?: boolean\n\n /**\n * Closes the tooltip as soon as the pointer leaves the trigger making it\n * impossible to hover the content.\n */\n disableHoverableContent?: boolean\n\n /**\n * The content\n */\n children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 200\n\nexport const Tooltip: React.FC<TooltipProps> & Partials = ({\n defaultOpen = false,\n open,\n onOpen,\n onClose,\n skipDelayDuration,\n delayDuration,\n disableHoverableContent,\n clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n children,\n}) => {\n const context = useTooltipContext()\n const isMounted = useRef(false)\n\n const [openState, setOpenState] = useState(defaultOpen)\n const setDelayedOpen = useCallback(\n (newOpenState: boolean) => {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n\n if (!newOpenState) {\n skipDelayTimer = setTimeout(() => {\n shouldSkipDelay = false\n }, skipDelayDuration ?? context.skipDelayDuration ?? DEFAULT_SKIP_DELAY_DURATION)\n\n setOpenState(false)\n onClose?.()\n return\n }\n\n if (\n shouldSkipDelay ||\n document.querySelector('[data-tooltip-trigger]:focus') != null\n ) {\n setOpenState(newOpenState)\n return\n }\n\n delayTimer = setTimeout(() => {\n // ignore it if the the user quickly hover the trigger and leave before the timeout\n // (unfortunately JSDOM seems not to support :hover selector)\n if (\n document.querySelector('[data-tooltip-trigger]:hover') == null &&\n process.env.NODE_ENV !== 'test'\n ) {\n return\n }\n\n shouldSkipDelay = true\n\n if (isMounted.current) {\n setOpenState(true)\n onOpen?.()\n }\n }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n },\n [delayDuration, skipDelayDuration, context, onClose, onOpen]\n )\n\n const handleOpenChange = useCallback(\n (newState: boolean) => {\n if (open == null) {\n setDelayedOpen(newState)\n return\n }\n\n newState ? onOpen?.() : onClose?.()\n },\n [open, onOpen, onClose, setDelayedOpen]\n )\n\n useEffect(\n () => () => {\n if (clearDelaysOnUnmount) {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n shouldSkipDelay = false\n }\n },\n [clearDelaysOnUnmount]\n )\n\n useEffect(() => {\n isMounted.current = true\n return () => {\n isMounted.current = false\n }\n }, [])\n\n return (\n <RadixProvider delayDuration={0} skipDelayDuration={0}>\n <RadixTooltip\n disableHoverableContent={disableHoverableContent}\n open={open ?? openState}\n delayDuration={0} // we control it manually\n onOpenChange={handleOpenChange}\n >\n {children}\n </RadixTooltip>\n </RadixProvider>\n )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Trigger: typeof Trigger\n Content: typeof Content\n Provider: typeof Provider\n Portal: typeof Portal\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\n"],"names":["styled","RadixArrow","RadixContent","animations","React","jsxs","Trigger","jsx","createContext","useContext","RadixPortal","useRef","useState","useCallback","useEffect","RadixProvider","RadixTooltip"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import React, { createContext, useContext, useState, useCallback, useEffect } from 'react';
2
+ import React, { createContext, useContext, useRef, useState, useCallback, useEffect } from 'react';
3
3
  import { Arrow, Content as Content$1, Trigger as Trigger$1, Portal as Portal$1, Provider as Provider$1, Root } from '@radix-ui/react-tooltip';
4
4
  import { styled } from '@mirohq/design-system-stitches';
5
5
  import { animations } from '@mirohq/design-system-styles';
@@ -63,6 +63,7 @@ const Content = React.forwardRef(
63
63
  }
64
64
  )
65
65
  );
66
+ Content.displayName = "Tooltip.Content";
66
67
 
67
68
  const StyledTrigger = styled(Trigger$1);
68
69
 
@@ -75,12 +76,14 @@ const Trigger = React.forwardRef(({ onPress, onClick, ...restProps }, forwardRef
75
76
  ref: forwardRef
76
77
  }
77
78
  ));
79
+ Trigger.displayName = "Tooltip.Trigger";
78
80
 
79
81
  const ProviderContext = createContext({});
80
82
  const Provider = ({
81
83
  children,
82
84
  ...restProps
83
85
  }) => /* @__PURE__ */ jsx(ProviderContext.Provider, { value: restProps, children });
86
+ Provider.displayName = "Tooltip.Provider";
84
87
  const useTooltipContext = () => useContext(ProviderContext);
85
88
 
86
89
  const Portal = (props) => /* @__PURE__ */ jsx(Portal$1, { ...props });
@@ -102,7 +105,7 @@ const Tooltip = ({
102
105
  children
103
106
  }) => {
104
107
  const context = useTooltipContext();
105
- const [mounted, setMounted] = useState(false);
108
+ const isMounted = useRef(false);
106
109
  const [openState, setOpenState] = useState(defaultOpen);
107
110
  const setDelayedOpen = useCallback(
108
111
  (newOpenState) => {
@@ -126,13 +129,23 @@ const Tooltip = ({
126
129
  return;
127
130
  }
128
131
  shouldSkipDelay = true;
129
- if (mounted) {
132
+ if (isMounted.current) {
130
133
  setOpenState(true);
131
134
  onOpen == null ? void 0 : onOpen();
132
135
  }
133
136
  }, (_b = delayDuration != null ? delayDuration : context.delayDuration) != null ? _b : DEFAULT_DELAY_DURATION);
134
137
  },
135
- [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]
138
+ [delayDuration, skipDelayDuration, context, onClose, onOpen]
139
+ );
140
+ const handleOpenChange = useCallback(
141
+ (newState) => {
142
+ if (open == null) {
143
+ setDelayedOpen(newState);
144
+ return;
145
+ }
146
+ newState ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
147
+ },
148
+ [open, onOpen, onClose, setDelayedOpen]
136
149
  );
137
150
  useEffect(
138
151
  () => () => {
@@ -145,8 +158,10 @@ const Tooltip = ({
145
158
  [clearDelaysOnUnmount]
146
159
  );
147
160
  useEffect(() => {
148
- setMounted(true);
149
- return () => setMounted(false);
161
+ isMounted.current = true;
162
+ return () => {
163
+ isMounted.current = false;
164
+ };
150
165
  }, []);
151
166
  return /* @__PURE__ */ jsx(Provider$1, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsx(
152
167
  Root,
@@ -154,13 +169,7 @@ const Tooltip = ({
154
169
  disableHoverableContent,
155
170
  open: open != null ? open : openState,
156
171
  delayDuration: 0,
157
- onOpenChange: (newState) => {
158
- if (open == null) {
159
- setDelayedOpen(newState);
160
- return;
161
- }
162
- newState ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
163
- },
172
+ onOpenChange: handleOpenChange,
164
173
  children
165
174
  }
166
175
  ) });
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n Content as RadixContent,\n Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n fill: '$black',\n height: '5px',\n transform: 'translateY(-1px)',\n width: '15px',\n})\n\nexport const StyledContent = styled(RadixContent, {\n backgroundColor: '$black',\n borderRadius: '$50',\n color: '$white',\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '20px',\n fontFamily: 'inherit',\n padding: '$150',\n '@media (prefers-reduced-motion: no-preference)': {\n animationDuration: '220ms',\n animationTimingFunction: 'ease',\n willChange: 'opacity',\n '&[data-state=\"delayed-open\"]': {\n animationName: animations.fadeIn,\n },\n '&[data-state=\"closed\"]': {\n animationName: animations.fadeOut,\n },\n },\n zIndex: '$tooltip',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n /**\n * The preferred alignment against the trigger. May change when collisions\n * occur.\n */\n align?: Align\n\n /**\n * An offset in pixels from the \"start\" or \"end\" alignment options.\n */\n alignOffset?: number\n\n /**\n * The distance in pixels from the trigger.\n */\n sideOffset?: number\n\n /** The preferred side of the trigger to render against when open.\n * Will be reversed when collisions occur and avoidCollisions is enabled.\n */\n side?: Side\n\n /**\n * When true, overrides the side and align preferences to prevent collisions\n * with window edges.\n */\n avoidCollisions?: boolean\n\n /**\n * The distance in pixels from window edges where collision detection should\n * occur.\n */\n collisionPadding?: number\n\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. It inherits from Tooltip.Portal.\n */\n forceMount?: true\n\n /**\n * The element used as the collision boundary. By default this is the\n * viewport, though you can provide additional element(s) to be included in\n * this check.\n */\n collisionBoundary?: Element | null\n\n /**\n * The sticky behavior on the align axis. \"partial\" will keep the content in\n * the boundary as long as the trigger is at least partially in the boundary\n * whilst \"always\" will keep the content in the boundary regardless.\n */\n sticky?: 'partial' | 'always'\n\n /**\n * Whether to hide the content when the trigger becomes fully occluded.\n */\n hideWhenDetached?: boolean\n\n /**\n * Event handler called when the escape key is down. It can be prevented by\n * calling event.preventDefault.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n /**\n * Event handler called when a pointer event occurs outside the bounds of the\n * component. It can be prevented by calling event.preventDefault.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n ElementRef<typeof StyledContent>,\n ContentProps\n>(\n (\n {\n align = 'center',\n alignOffset = 0,\n avoidCollisions = true,\n collisionPadding = 0,\n children,\n side = 'top',\n sideOffset = 5,\n sticky = 'partial',\n ...restProps\n },\n forwardRef\n ) => (\n <StyledContent\n {...restProps}\n ref={forwardRef}\n align={align}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n collisionPadding={collisionPadding}\n side={side}\n sideOffset={sideOffset}\n sticky={sticky}\n >\n {children}\n <StyledArrowIcon />\n </StyledContent>\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n /**\n * temporary the same as onClick, later will be added touch events support\n */\n onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n ElementRef<typeof StyledTrigger>,\n TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => (\n <StyledTrigger\n {...restProps}\n onClick={onPress ?? onClick}\n data-tooltip-trigger=''\n ref={forwardRef}\n />\n))\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n /**\n * The duration from when the mouse enters a tooltip trigger until\n * the tooltip opens.\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n */\n skipDelayDuration?: number\n\n /**\n * The content\n */\n children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider: React.FC<ProviderProps> = ({\n children,\n ...restProps\n}) => (\n <ProviderContext.Provider value={restProps}>\n {children}\n </ProviderContext.Provider>\n)\n\nexport const useTooltipContext = (): ProviderProps =>\n useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. If used on this part, it will be\n * inherited by Tooltip.Content.\n */\n forceMount?: true\n\n /**\n * Specify a container element to portal the content into.\n */\n container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState, useCallback, useEffect } from 'react'\nimport {\n Provider as RadixProvider,\n Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\n\nexport interface TooltipProps {\n /**\n * The open state of the tooltip when it is initially rendered. Use when you\n * do not need to control its open state.\n */\n defaultOpen?: boolean\n\n /**\n * The current state of the tooltip.\n */\n open?: boolean\n\n /**\n * Event handler called when the tooltip opens.\n */\n onOpen?: () => void\n\n /**\n * Event handler called when the tooltip closes.\n */\n onClose?: () => void\n\n /**\n * Overrides the duration given to the `Provider` to customize the open delay\n * for a specific tooltip.\n * @default 200\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n * @default 500\n */\n skipDelayDuration?: number\n\n /**\n * Clears the delayDuration and skipDelayDuration timeouts when the component\n * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n * @default false\n */\n clearDelaysOnUnmount?: boolean\n\n /**\n * Closes the tooltip as soon as the pointer leaves the trigger making it\n * impossible to hover the content.\n */\n disableHoverableContent?: boolean\n\n /**\n * The content\n */\n children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 200\n\nexport const Tooltip: React.FC<TooltipProps> & Partials = ({\n defaultOpen = false,\n open,\n onOpen,\n onClose,\n skipDelayDuration,\n delayDuration,\n disableHoverableContent,\n clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n children,\n}) => {\n const context = useTooltipContext()\n const [mounted, setMounted] = useState(false)\n\n const [openState, setOpenState] = useState(defaultOpen)\n const setDelayedOpen = useCallback(\n (newOpenState: boolean) => {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n\n if (!newOpenState) {\n skipDelayTimer = setTimeout(() => {\n shouldSkipDelay = false\n }, skipDelayDuration ?? context.skipDelayDuration ?? DEFAULT_SKIP_DELAY_DURATION)\n\n setOpenState(false)\n onClose?.()\n return\n }\n\n if (\n shouldSkipDelay ||\n document.querySelector('[data-tooltip-trigger]:focus') != null\n ) {\n setOpenState(newOpenState)\n return\n }\n\n delayTimer = setTimeout(() => {\n // ignore it if the the user quickly hover the trigger and leave before the timeout\n // (unfortunately JSDOM seems not to support :hover selector)\n if (\n document.querySelector('[data-tooltip-trigger]:hover') == null &&\n process.env.NODE_ENV !== 'test'\n ) {\n return\n }\n\n shouldSkipDelay = true\n\n if (mounted) {\n setOpenState(true)\n onOpen?.()\n }\n }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n },\n [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]\n )\n\n useEffect(\n () => () => {\n if (clearDelaysOnUnmount) {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n shouldSkipDelay = false\n }\n },\n [clearDelaysOnUnmount]\n )\n\n useEffect(() => {\n setMounted(true)\n return () => setMounted(false)\n }, [])\n\n return (\n <RadixProvider delayDuration={0} skipDelayDuration={0}>\n <RadixTooltip\n disableHoverableContent={disableHoverableContent}\n open={open ?? openState}\n delayDuration={0} // we control it manually\n onOpenChange={newState => {\n if (open == null) {\n setDelayedOpen(newState)\n return\n }\n\n newState ? onOpen?.() : onClose?.()\n }}\n >\n {children}\n </RadixTooltip>\n </RadixProvider>\n )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Trigger: typeof Trigger\n Content: typeof Content\n Provider: typeof Provider\n Portal: typeof Portal\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\n"],"names":["RadixArrow","RadixContent","Trigger","RadixPortal","RadixProvider","RadixTooltip"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n Content as RadixContent,\n Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n fill: '$black',\n height: '5px',\n transform: 'translateY(-1px)',\n width: '15px',\n})\n\nexport const StyledContent = styled(RadixContent, {\n backgroundColor: '$black',\n borderRadius: '$50',\n color: '$white',\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '20px',\n fontFamily: 'inherit',\n padding: '$150',\n '@media (prefers-reduced-motion: no-preference)': {\n animationDuration: '220ms',\n animationTimingFunction: 'ease',\n willChange: 'opacity',\n '&[data-state=\"delayed-open\"]': {\n animationName: animations.fadeIn,\n },\n '&[data-state=\"closed\"]': {\n animationName: animations.fadeOut,\n },\n },\n zIndex: '$tooltip',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n /**\n * The preferred alignment against the trigger. May change when collisions\n * occur.\n */\n align?: Align\n\n /**\n * An offset in pixels from the \"start\" or \"end\" alignment options.\n */\n alignOffset?: number\n\n /**\n * The distance in pixels from the trigger.\n */\n sideOffset?: number\n\n /** The preferred side of the trigger to render against when open.\n * Will be reversed when collisions occur and avoidCollisions is enabled.\n */\n side?: Side\n\n /**\n * When true, overrides the side and align preferences to prevent collisions\n * with window edges.\n */\n avoidCollisions?: boolean\n\n /**\n * The distance in pixels from window edges where collision detection should\n * occur.\n */\n collisionPadding?: number\n\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. It inherits from Tooltip.Portal.\n */\n forceMount?: true\n\n /**\n * The element used as the collision boundary. By default this is the\n * viewport, though you can provide additional element(s) to be included in\n * this check.\n */\n collisionBoundary?: Element | null\n\n /**\n * The sticky behavior on the align axis. \"partial\" will keep the content in\n * the boundary as long as the trigger is at least partially in the boundary\n * whilst \"always\" will keep the content in the boundary regardless.\n */\n sticky?: 'partial' | 'always'\n\n /**\n * Whether to hide the content when the trigger becomes fully occluded.\n */\n hideWhenDetached?: boolean\n\n /**\n * Event handler called when the escape key is down. It can be prevented by\n * calling event.preventDefault.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n /**\n * Event handler called when a pointer event occurs outside the bounds of the\n * component. It can be prevented by calling event.preventDefault.\n */\n onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n ElementRef<typeof StyledContent>,\n ContentProps\n>(\n (\n {\n align = 'center',\n alignOffset = 0,\n avoidCollisions = true,\n collisionPadding = 0,\n children,\n side = 'top',\n sideOffset = 5,\n sticky = 'partial',\n ...restProps\n },\n forwardRef\n ) => (\n <StyledContent\n {...restProps}\n ref={forwardRef}\n align={align}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n collisionPadding={collisionPadding}\n side={side}\n sideOffset={sideOffset}\n sticky={sticky}\n >\n {children}\n <StyledArrowIcon />\n </StyledContent>\n )\n)\n\nContent.displayName = 'Tooltip.Content'\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n /**\n * temporary the same as onClick, later will be added touch events support\n */\n onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n ElementRef<typeof StyledTrigger>,\n TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => (\n <StyledTrigger\n {...restProps}\n onClick={onPress ?? onClick}\n data-tooltip-trigger=''\n ref={forwardRef}\n />\n))\n\nTrigger.displayName = 'Tooltip.Trigger'\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n /**\n * The duration from when the mouse enters a tooltip trigger until\n * the tooltip opens.\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n */\n skipDelayDuration?: number\n\n /**\n * The content\n */\n children?: React.ReactNode\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider: React.FC<ProviderProps> = ({\n children,\n ...restProps\n}) => (\n <ProviderContext.Provider value={restProps}>\n {children}\n </ProviderContext.Provider>\n)\n\nProvider.displayName = 'Tooltip.Provider'\n\nexport const useTooltipContext = (): ProviderProps =>\n useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n /**\n * Used to force mounting when more control is needed. Useful when controlling\n * animation with React animation libraries. If used on this part, it will be\n * inherited by Tooltip.Content.\n */\n forceMount?: true\n\n /**\n * Specify a container element to portal the content into.\n */\n container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState, useCallback, useEffect, useRef } from 'react'\nimport {\n Provider as RadixProvider,\n Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\n\nexport interface TooltipProps {\n /**\n * The open state of the tooltip when it is initially rendered. Use when you\n * do not need to control its open state.\n */\n defaultOpen?: boolean\n\n /**\n * The current state of the tooltip.\n */\n open?: boolean\n\n /**\n * Event handler called when the tooltip opens.\n */\n onOpen?: () => void\n\n /**\n * Event handler called when the tooltip closes.\n */\n onClose?: () => void\n\n /**\n * Overrides the duration given to the `Provider` to customize the open delay\n * for a specific tooltip.\n * @default 200\n */\n delayDuration?: number\n\n /**\n * How much time a user has to enter another trigger without incurring\n * a delay again.\n * @default 500\n */\n skipDelayDuration?: number\n\n /**\n * Clears the delayDuration and skipDelayDuration timeouts when the component\n * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n * @default false\n */\n clearDelaysOnUnmount?: boolean\n\n /**\n * Closes the tooltip as soon as the pointer leaves the trigger making it\n * impossible to hover the content.\n */\n disableHoverableContent?: boolean\n\n /**\n * The content\n */\n children: React.ReactNode\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 200\n\nexport const Tooltip: React.FC<TooltipProps> & Partials = ({\n defaultOpen = false,\n open,\n onOpen,\n onClose,\n skipDelayDuration,\n delayDuration,\n disableHoverableContent,\n clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n children,\n}) => {\n const context = useTooltipContext()\n const isMounted = useRef(false)\n\n const [openState, setOpenState] = useState(defaultOpen)\n const setDelayedOpen = useCallback(\n (newOpenState: boolean) => {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n\n if (!newOpenState) {\n skipDelayTimer = setTimeout(() => {\n shouldSkipDelay = false\n }, skipDelayDuration ?? context.skipDelayDuration ?? DEFAULT_SKIP_DELAY_DURATION)\n\n setOpenState(false)\n onClose?.()\n return\n }\n\n if (\n shouldSkipDelay ||\n document.querySelector('[data-tooltip-trigger]:focus') != null\n ) {\n setOpenState(newOpenState)\n return\n }\n\n delayTimer = setTimeout(() => {\n // ignore it if the the user quickly hover the trigger and leave before the timeout\n // (unfortunately JSDOM seems not to support :hover selector)\n if (\n document.querySelector('[data-tooltip-trigger]:hover') == null &&\n process.env.NODE_ENV !== 'test'\n ) {\n return\n }\n\n shouldSkipDelay = true\n\n if (isMounted.current) {\n setOpenState(true)\n onOpen?.()\n }\n }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n },\n [delayDuration, skipDelayDuration, context, onClose, onOpen]\n )\n\n const handleOpenChange = useCallback(\n (newState: boolean) => {\n if (open == null) {\n setDelayedOpen(newState)\n return\n }\n\n newState ? onOpen?.() : onClose?.()\n },\n [open, onOpen, onClose, setDelayedOpen]\n )\n\n useEffect(\n () => () => {\n if (clearDelaysOnUnmount) {\n clearTimeout(delayTimer)\n clearTimeout(skipDelayTimer)\n shouldSkipDelay = false\n }\n },\n [clearDelaysOnUnmount]\n )\n\n useEffect(() => {\n isMounted.current = true\n return () => {\n isMounted.current = false\n }\n }, [])\n\n return (\n <RadixProvider delayDuration={0} skipDelayDuration={0}>\n <RadixTooltip\n disableHoverableContent={disableHoverableContent}\n open={open ?? openState}\n delayDuration={0} // we control it manually\n onOpenChange={handleOpenChange}\n >\n {children}\n </RadixTooltip>\n </RadixProvider>\n )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Trigger: typeof Trigger\n Content: typeof Content\n Provider: typeof Provider\n Portal: typeof Portal\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\n"],"names":["RadixArrow","RadixContent","Trigger","RadixPortal","RadixProvider","RadixTooltip"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
16
16
  readonly lg: "4px";
17
17
  };
18
18
  colors: {
19
+ readonly black: any;
19
20
  readonly 'blue-100': any;
20
21
  readonly 'blue-200': any;
21
22
  readonly 'blue-300': any;
@@ -35,6 +36,15 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
35
36
  readonly 'gray-700': any;
36
37
  readonly 'gray-800': any;
37
38
  readonly 'gray-900': any;
39
+ readonly 'green-100': any;
40
+ readonly 'green-200': any;
41
+ readonly 'green-300': any;
42
+ readonly 'green-400': any;
43
+ readonly 'green-500': any;
44
+ readonly 'green-600': any;
45
+ readonly 'green-700': any;
46
+ readonly 'green-800': any;
47
+ readonly 'green-900': any;
38
48
  readonly 'indigo-100': any;
39
49
  readonly 'indigo-200': any;
40
50
  readonly 'indigo-300': any;
@@ -53,6 +63,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
53
63
  readonly 'red-700': any;
54
64
  readonly 'red-800': any;
55
65
  readonly 'red-900': any;
66
+ readonly transparent: any;
67
+ readonly white: any;
56
68
  readonly 'yellow-100': any;
57
69
  readonly 'yellow-200': any;
58
70
  readonly 'yellow-300': any;
@@ -62,113 +74,112 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{}, never
62
74
  readonly 'yellow-700': any;
63
75
  readonly 'yellow-800': any;
64
76
  readonly 'yellow-900': any;
65
- readonly 'green-100': any;
66
- readonly 'green-200': any;
67
- readonly 'green-300': any;
68
- readonly 'green-400': any;
69
- readonly 'green-500': any;
70
- readonly 'green-600': any;
71
- readonly 'green-700': any;
72
- readonly 'green-800': any;
73
- readonly 'green-900': any;
74
- readonly black: any;
75
- readonly white: any;
76
- readonly transparent: any;
77
- readonly 'background-danger'?: any;
78
- readonly 'background-danger-hover'?: any;
79
- readonly 'background-danger-prominent'?: any;
80
- readonly 'background-danger-prominent-active'?: any;
81
- readonly 'background-danger-prominent-hover'?: any;
82
- readonly 'background-neutrals'?: any;
83
- readonly 'background-neutrals-container'?: any;
84
- readonly 'background-neutrals-controls-disabled'?: any;
85
- readonly 'background-neutrals-disabled'?: any;
86
- readonly 'background-neutrals-inactive'?: any;
87
- readonly 'background-neutrals-inactive-hover'?: any;
88
- readonly 'background-neutrals-inverted'?: any;
89
- readonly 'background-neutrals-inverted-subtle'?: any;
90
- readonly 'background-neutrals-page'?: any;
91
- readonly 'background-neutrals-page-subtle'?: any;
92
- readonly 'background-neutrals-scrolls'?: any;
93
- readonly 'background-neutrals-scrolls-hover'?: any;
94
- readonly 'background-neutrals-subtle'?: any;
95
- readonly 'background-neutrals-subtle-active'?: any;
96
- readonly 'background-neutrals-subtle-hover'?: any;
97
- readonly 'background-primary-prominent'?: any;
98
- readonly 'background-primary-prominent-active'?: any;
99
- readonly 'background-primary-prominent-hover'?: any;
100
- readonly 'background-primary-prominent-selected'?: any;
101
- readonly 'background-primary-subtle'?: any;
102
- readonly 'background-primary-subtle-active'?: any;
103
- readonly 'background-primary-subtle-hover'?: any;
104
- readonly 'background-primary-subtle-selected'?: any;
105
- readonly 'background-success'?: any;
106
- readonly 'background-warning-prominent'?: any;
107
- readonly 'background-warning-subtle'?: any;
108
- readonly 'text-danger'?: any;
109
- readonly 'text-danger-active'?: any;
110
- readonly 'text-danger-hover'?: any;
111
- readonly 'text-danger-inverted'?: any;
112
- readonly 'text-neutrals'?: any;
113
- readonly 'text-neutrals-disabled'?: any;
114
- readonly 'text-neutrals-inverted'?: any;
115
- readonly 'text-neutrals-placeholder'?: any;
116
- readonly 'text-neutrals-placeholder-only'?: any;
117
- readonly 'text-neutrals-subtle'?: any;
118
- readonly 'text-neutrals-subtle-active'?: any;
119
- readonly 'text-neutrals-subtle-hover'?: any;
120
- readonly 'text-primary'?: any;
121
- readonly 'text-primary-active'?: any;
122
- readonly 'text-primary-hover'?: any;
123
- readonly 'text-primary-inverted'?: any;
124
- readonly 'text-primary-inverted-subtle'?: any;
125
- readonly 'text-primary-selected'?: any;
126
- readonly 'text-success'?: any;
127
- readonly 'text-warning'?: any;
128
- readonly 'icon-danger'?: any;
129
- readonly 'icon-danger-active'?: any;
130
- readonly 'icon-danger-hover'?: any;
131
- readonly 'icon-danger-inverted'?: any;
132
- readonly 'icon-neutrals'?: any;
133
- readonly 'icon-neutrals-disabled'?: any;
134
- readonly 'icon-neutrals-inactive'?: any;
135
- readonly 'icon-neutrals-inactive-hover'?: any;
136
- readonly 'icon-neutrals-inverted'?: any;
137
- readonly 'icon-neutrals-search'?: any;
138
- readonly 'icon-neutrals-subtle'?: any;
139
- readonly 'icon-neutrals-text'?: any;
140
- readonly 'icon-primary'?: any;
141
- readonly 'icon-primary-active'?: any;
142
- readonly 'icon-primary-hover'?: any;
143
- readonly 'icon-primary-inverted'?: any;
144
- readonly 'icon-primary-selected'?: any;
145
- readonly 'icon-success'?: any;
146
- readonly 'icon-success-inverted'?: any;
147
- readonly 'icon-warning'?: any;
148
- readonly 'icon-warning-prominent'?: any;
149
- readonly 'border-danger'?: any;
150
- readonly 'border-danger-active'?: any;
151
- readonly 'border-danger-hover'?: any;
152
- readonly 'border-focus-inner'?: any;
153
- readonly 'border-focus-middle'?: any;
154
- readonly 'border-focus-outer'?: any;
155
- readonly 'border-neutrals'?: any;
156
- readonly 'border-neutrals-active'?: any;
157
- readonly 'border-neutrals-controls'?: any;
158
- readonly 'border-neutrals-controls-disabled'?: any;
159
- readonly 'border-neutrals-disabled'?: any;
160
- readonly 'border-neutrals-hover'?: any;
161
- readonly 'border-neutrals-inverted'?: any;
162
- readonly 'border-neutrals-subtle'?: any;
163
- readonly 'border-neutrals-text-subtle'?: any;
164
- readonly 'border-neutrals-text-subtle-active'?: any;
165
- readonly 'border-neutrals-text-subtle-hover'?: any;
166
- readonly 'border-primary'?: any;
167
- readonly 'border-primary-active'?: any;
168
- readonly 'border-primary-hover'?: any;
169
- readonly 'border-primary-inverted'?: any;
170
- readonly 'border-success'?: any;
171
- readonly 'border-warning'?: any;
77
+ "background-alpha-active"?: any;
78
+ "background-alpha-hover"?: any;
79
+ "background-danger-prominent"?: any;
80
+ "background-danger-prominent-active"?: any;
81
+ "background-danger-prominent-hover"?: any;
82
+ "background-danger-subtle"?: any;
83
+ "background-danger-subtle-active"?: any;
84
+ "background-danger-subtle-hover"?: any;
85
+ "background-neutrals"?: any;
86
+ "background-neutrals-active"?: any;
87
+ "background-neutrals-container"?: any;
88
+ "background-neutrals-controls-disabled"?: any;
89
+ "background-neutrals-disabled"?: any;
90
+ "background-neutrals-hover"?: any;
91
+ "background-neutrals-inactive"?: any;
92
+ "background-neutrals-inactive-hover"?: any;
93
+ "background-neutrals-inverted"?: any;
94
+ "background-neutrals-inverted-subtle"?: any;
95
+ "background-neutrals-page"?: any;
96
+ "background-neutrals-page-subtle"?: any;
97
+ "background-neutrals-scrolls"?: any;
98
+ "background-neutrals-scrolls-hover"?: any;
99
+ "background-neutrals-subtle"?: any;
100
+ "background-neutrals-subtle-active"?: any;
101
+ "background-neutrals-subtle-hover"?: any;
102
+ "background-primary-prominent"?: any;
103
+ "background-primary-prominent-active"?: any;
104
+ "background-primary-prominent-hover"?: any;
105
+ "background-primary-prominent-selected"?: any;
106
+ "background-primary-subtle"?: any;
107
+ "background-primary-subtle-active"?: any;
108
+ "background-primary-subtle-hover"?: any;
109
+ "background-primary-subtle-selected"?: any;
110
+ "background-success"?: any;
111
+ "background-warning-prominent"?: any;
112
+ "background-warning-subtle"?: any;
113
+ "border-danger"?: any;
114
+ "border-danger-active"?: any;
115
+ "border-danger-hover"?: any;
116
+ "border-focus-inner"?: any;
117
+ "border-focus-middle"?: any;
118
+ "border-focus-outer"?: any;
119
+ "border-neutrals"?: any;
120
+ "border-neutrals-active"?: any;
121
+ "border-neutrals-controls"?: any;
122
+ "border-neutrals-controls-disabled"?: any;
123
+ "border-neutrals-disabled"?: any;
124
+ "border-neutrals-hover"?: any;
125
+ "border-neutrals-inverted"?: any;
126
+ "border-neutrals-subtle"?: any;
127
+ "border-neutrals-text"?: any;
128
+ "border-neutrals-text-active"?: any;
129
+ "border-neutrals-text-hover"?: any;
130
+ "border-neutrals-text-subtle"?: any;
131
+ "border-neutrals-text-subtle-active"?: any;
132
+ "border-neutrals-text-subtle-hover"?: any;
133
+ "border-neutrals-transparent"?: any;
134
+ "border-primary"?: any;
135
+ "border-primary-active"?: any;
136
+ "border-primary-hover"?: any;
137
+ "border-primary-inverted"?: any;
138
+ "border-success"?: any;
139
+ "border-warning"?: any;
140
+ "icon-danger"?: any;
141
+ "icon-danger-active"?: any;
142
+ "icon-danger-hover"?: any;
143
+ "icon-danger-inverted"?: any;
144
+ "icon-neutrals"?: any;
145
+ "icon-neutrals-disabled"?: any;
146
+ "icon-neutrals-inactive"?: any;
147
+ "icon-neutrals-inactive-hover"?: any;
148
+ "icon-neutrals-inverted"?: any;
149
+ "icon-neutrals-search"?: any;
150
+ "icon-neutrals-subtle"?: any;
151
+ "icon-neutrals-text"?: any;
152
+ "icon-primary"?: any;
153
+ "icon-primary-active"?: any;
154
+ "icon-primary-hover"?: any;
155
+ "icon-primary-inverted"?: any;
156
+ "icon-primary-selected"?: any;
157
+ "icon-success"?: any;
158
+ "icon-success-inverted"?: any;
159
+ "icon-warning"?: any;
160
+ "icon-warning-prominent"?: any;
161
+ "text-danger"?: any;
162
+ "text-danger-active"?: any;
163
+ "text-danger-hover"?: any;
164
+ "text-danger-inverted"?: any;
165
+ "text-neutrals"?: any;
166
+ "text-neutrals-active"?: any;
167
+ "text-neutrals-disabled"?: any;
168
+ "text-neutrals-hover"?: any;
169
+ "text-neutrals-inverted"?: any;
170
+ "text-neutrals-placeholder"?: any;
171
+ "text-neutrals-placeholder-only"?: any;
172
+ "text-neutrals-subtle"?: any;
173
+ "text-neutrals-subtle-active"?: any;
174
+ "text-neutrals-subtle-hover"?: any;
175
+ "text-primary"?: any;
176
+ "text-primary-active"?: any;
177
+ "text-primary-hover"?: any;
178
+ "text-primary-inverted"?: any;
179
+ "text-primary-inverted-subtle"?: any;
180
+ "text-primary-selected"?: any;
181
+ "text-success"?: any;
182
+ "text-warning"?: any;
172
183
  };
173
184
  'font-sizes': {
174
185
  readonly 150: "0.75rem";
@@ -545,6 +556,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, never
545
556
  readonly lg: "4px";
546
557
  };
547
558
  colors: {
559
+ readonly black: any;
548
560
  readonly 'blue-100': any;
549
561
  readonly 'blue-200': any;
550
562
  readonly 'blue-300': any;
@@ -564,6 +576,15 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, never
564
576
  readonly 'gray-700': any;
565
577
  readonly 'gray-800': any;
566
578
  readonly 'gray-900': any;
579
+ readonly 'green-100': any;
580
+ readonly 'green-200': any;
581
+ readonly 'green-300': any;
582
+ readonly 'green-400': any;
583
+ readonly 'green-500': any;
584
+ readonly 'green-600': any;
585
+ readonly 'green-700': any;
586
+ readonly 'green-800': any;
587
+ readonly 'green-900': any;
567
588
  readonly 'indigo-100': any;
568
589
  readonly 'indigo-200': any;
569
590
  readonly 'indigo-300': any;
@@ -582,6 +603,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, never
582
603
  readonly 'red-700': any;
583
604
  readonly 'red-800': any;
584
605
  readonly 'red-900': any;
606
+ readonly transparent: any;
607
+ readonly white: any;
585
608
  readonly 'yellow-100': any;
586
609
  readonly 'yellow-200': any;
587
610
  readonly 'yellow-300': any;
@@ -591,113 +614,112 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, never
591
614
  readonly 'yellow-700': any;
592
615
  readonly 'yellow-800': any;
593
616
  readonly 'yellow-900': any;
594
- readonly 'green-100': any;
595
- readonly 'green-200': any;
596
- readonly 'green-300': any;
597
- readonly 'green-400': any;
598
- readonly 'green-500': any;
599
- readonly 'green-600': any;
600
- readonly 'green-700': any;
601
- readonly 'green-800': any;
602
- readonly 'green-900': any;
603
- readonly black: any;
604
- readonly white: any;
605
- readonly transparent: any;
606
- readonly 'background-danger'?: any;
607
- readonly 'background-danger-hover'?: any;
608
- readonly 'background-danger-prominent'?: any;
609
- readonly 'background-danger-prominent-active'?: any;
610
- readonly 'background-danger-prominent-hover'?: any;
611
- readonly 'background-neutrals'?: any;
612
- readonly 'background-neutrals-container'?: any;
613
- readonly 'background-neutrals-controls-disabled'?: any;
614
- readonly 'background-neutrals-disabled'?: any;
615
- readonly 'background-neutrals-inactive'?: any;
616
- readonly 'background-neutrals-inactive-hover'?: any;
617
- readonly 'background-neutrals-inverted'?: any;
618
- readonly 'background-neutrals-inverted-subtle'?: any;
619
- readonly 'background-neutrals-page'?: any;
620
- readonly 'background-neutrals-page-subtle'?: any;
621
- readonly 'background-neutrals-scrolls'?: any;
622
- readonly 'background-neutrals-scrolls-hover'?: any;
623
- readonly 'background-neutrals-subtle'?: any;
624
- readonly 'background-neutrals-subtle-active'?: any;
625
- readonly 'background-neutrals-subtle-hover'?: any;
626
- readonly 'background-primary-prominent'?: any;
627
- readonly 'background-primary-prominent-active'?: any;
628
- readonly 'background-primary-prominent-hover'?: any;
629
- readonly 'background-primary-prominent-selected'?: any;
630
- readonly 'background-primary-subtle'?: any;
631
- readonly 'background-primary-subtle-active'?: any;
632
- readonly 'background-primary-subtle-hover'?: any;
633
- readonly 'background-primary-subtle-selected'?: any;
634
- readonly 'background-success'?: any;
635
- readonly 'background-warning-prominent'?: any;
636
- readonly 'background-warning-subtle'?: any;
637
- readonly 'text-danger'?: any;
638
- readonly 'text-danger-active'?: any;
639
- readonly 'text-danger-hover'?: any;
640
- readonly 'text-danger-inverted'?: any;
641
- readonly 'text-neutrals'?: any;
642
- readonly 'text-neutrals-disabled'?: any;
643
- readonly 'text-neutrals-inverted'?: any;
644
- readonly 'text-neutrals-placeholder'?: any;
645
- readonly 'text-neutrals-placeholder-only'?: any;
646
- readonly 'text-neutrals-subtle'?: any;
647
- readonly 'text-neutrals-subtle-active'?: any;
648
- readonly 'text-neutrals-subtle-hover'?: any;
649
- readonly 'text-primary'?: any;
650
- readonly 'text-primary-active'?: any;
651
- readonly 'text-primary-hover'?: any;
652
- readonly 'text-primary-inverted'?: any;
653
- readonly 'text-primary-inverted-subtle'?: any;
654
- readonly 'text-primary-selected'?: any;
655
- readonly 'text-success'?: any;
656
- readonly 'text-warning'?: any;
657
- readonly 'icon-danger'?: any;
658
- readonly 'icon-danger-active'?: any;
659
- readonly 'icon-danger-hover'?: any;
660
- readonly 'icon-danger-inverted'?: any;
661
- readonly 'icon-neutrals'?: any;
662
- readonly 'icon-neutrals-disabled'?: any;
663
- readonly 'icon-neutrals-inactive'?: any;
664
- readonly 'icon-neutrals-inactive-hover'?: any;
665
- readonly 'icon-neutrals-inverted'?: any;
666
- readonly 'icon-neutrals-search'?: any;
667
- readonly 'icon-neutrals-subtle'?: any;
668
- readonly 'icon-neutrals-text'?: any;
669
- readonly 'icon-primary'?: any;
670
- readonly 'icon-primary-active'?: any;
671
- readonly 'icon-primary-hover'?: any;
672
- readonly 'icon-primary-inverted'?: any;
673
- readonly 'icon-primary-selected'?: any;
674
- readonly 'icon-success'?: any;
675
- readonly 'icon-success-inverted'?: any;
676
- readonly 'icon-warning'?: any;
677
- readonly 'icon-warning-prominent'?: any;
678
- readonly 'border-danger'?: any;
679
- readonly 'border-danger-active'?: any;
680
- readonly 'border-danger-hover'?: any;
681
- readonly 'border-focus-inner'?: any;
682
- readonly 'border-focus-middle'?: any;
683
- readonly 'border-focus-outer'?: any;
684
- readonly 'border-neutrals'?: any;
685
- readonly 'border-neutrals-active'?: any;
686
- readonly 'border-neutrals-controls'?: any;
687
- readonly 'border-neutrals-controls-disabled'?: any;
688
- readonly 'border-neutrals-disabled'?: any;
689
- readonly 'border-neutrals-hover'?: any;
690
- readonly 'border-neutrals-inverted'?: any;
691
- readonly 'border-neutrals-subtle'?: any;
692
- readonly 'border-neutrals-text-subtle'?: any;
693
- readonly 'border-neutrals-text-subtle-active'?: any;
694
- readonly 'border-neutrals-text-subtle-hover'?: any;
695
- readonly 'border-primary'?: any;
696
- readonly 'border-primary-active'?: any;
697
- readonly 'border-primary-hover'?: any;
698
- readonly 'border-primary-inverted'?: any;
699
- readonly 'border-success'?: any;
700
- readonly 'border-warning'?: any;
617
+ "background-alpha-active"?: any;
618
+ "background-alpha-hover"?: any;
619
+ "background-danger-prominent"?: any;
620
+ "background-danger-prominent-active"?: any;
621
+ "background-danger-prominent-hover"?: any;
622
+ "background-danger-subtle"?: any;
623
+ "background-danger-subtle-active"?: any;
624
+ "background-danger-subtle-hover"?: any;
625
+ "background-neutrals"?: any;
626
+ "background-neutrals-active"?: any;
627
+ "background-neutrals-container"?: any;
628
+ "background-neutrals-controls-disabled"?: any;
629
+ "background-neutrals-disabled"?: any;
630
+ "background-neutrals-hover"?: any;
631
+ "background-neutrals-inactive"?: any;
632
+ "background-neutrals-inactive-hover"?: any;
633
+ "background-neutrals-inverted"?: any;
634
+ "background-neutrals-inverted-subtle"?: any;
635
+ "background-neutrals-page"?: any;
636
+ "background-neutrals-page-subtle"?: any;
637
+ "background-neutrals-scrolls"?: any;
638
+ "background-neutrals-scrolls-hover"?: any;
639
+ "background-neutrals-subtle"?: any;
640
+ "background-neutrals-subtle-active"?: any;
641
+ "background-neutrals-subtle-hover"?: any;
642
+ "background-primary-prominent"?: any;
643
+ "background-primary-prominent-active"?: any;
644
+ "background-primary-prominent-hover"?: any;
645
+ "background-primary-prominent-selected"?: any;
646
+ "background-primary-subtle"?: any;
647
+ "background-primary-subtle-active"?: any;
648
+ "background-primary-subtle-hover"?: any;
649
+ "background-primary-subtle-selected"?: any;
650
+ "background-success"?: any;
651
+ "background-warning-prominent"?: any;
652
+ "background-warning-subtle"?: any;
653
+ "border-danger"?: any;
654
+ "border-danger-active"?: any;
655
+ "border-danger-hover"?: any;
656
+ "border-focus-inner"?: any;
657
+ "border-focus-middle"?: any;
658
+ "border-focus-outer"?: any;
659
+ "border-neutrals"?: any;
660
+ "border-neutrals-active"?: any;
661
+ "border-neutrals-controls"?: any;
662
+ "border-neutrals-controls-disabled"?: any;
663
+ "border-neutrals-disabled"?: any;
664
+ "border-neutrals-hover"?: any;
665
+ "border-neutrals-inverted"?: any;
666
+ "border-neutrals-subtle"?: any;
667
+ "border-neutrals-text"?: any;
668
+ "border-neutrals-text-active"?: any;
669
+ "border-neutrals-text-hover"?: any;
670
+ "border-neutrals-text-subtle"?: any;
671
+ "border-neutrals-text-subtle-active"?: any;
672
+ "border-neutrals-text-subtle-hover"?: any;
673
+ "border-neutrals-transparent"?: any;
674
+ "border-primary"?: any;
675
+ "border-primary-active"?: any;
676
+ "border-primary-hover"?: any;
677
+ "border-primary-inverted"?: any;
678
+ "border-success"?: any;
679
+ "border-warning"?: any;
680
+ "icon-danger"?: any;
681
+ "icon-danger-active"?: any;
682
+ "icon-danger-hover"?: any;
683
+ "icon-danger-inverted"?: any;
684
+ "icon-neutrals"?: any;
685
+ "icon-neutrals-disabled"?: any;
686
+ "icon-neutrals-inactive"?: any;
687
+ "icon-neutrals-inactive-hover"?: any;
688
+ "icon-neutrals-inverted"?: any;
689
+ "icon-neutrals-search"?: any;
690
+ "icon-neutrals-subtle"?: any;
691
+ "icon-neutrals-text"?: any;
692
+ "icon-primary"?: any;
693
+ "icon-primary-active"?: any;
694
+ "icon-primary-hover"?: any;
695
+ "icon-primary-inverted"?: any;
696
+ "icon-primary-selected"?: any;
697
+ "icon-success"?: any;
698
+ "icon-success-inverted"?: any;
699
+ "icon-warning"?: any;
700
+ "icon-warning-prominent"?: any;
701
+ "text-danger"?: any;
702
+ "text-danger-active"?: any;
703
+ "text-danger-hover"?: any;
704
+ "text-danger-inverted"?: any;
705
+ "text-neutrals"?: any;
706
+ "text-neutrals-active"?: any;
707
+ "text-neutrals-disabled"?: any;
708
+ "text-neutrals-hover"?: any;
709
+ "text-neutrals-inverted"?: any;
710
+ "text-neutrals-placeholder"?: any;
711
+ "text-neutrals-placeholder-only"?: any;
712
+ "text-neutrals-subtle"?: any;
713
+ "text-neutrals-subtle-active"?: any;
714
+ "text-neutrals-subtle-hover"?: any;
715
+ "text-primary"?: any;
716
+ "text-primary-active"?: any;
717
+ "text-primary-hover"?: any;
718
+ "text-primary-inverted"?: any;
719
+ "text-primary-inverted-subtle"?: any;
720
+ "text-primary-selected"?: any;
721
+ "text-success"?: any;
722
+ "text-warning"?: any;
701
723
  };
702
724
  'font-sizes': {
703
725
  readonly 150: "0.75rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-tooltip",
3
- "version": "3.2.16",
3
+ "version": "3.2.18-themes.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,10 +28,10 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@radix-ui/react-tooltip": "^1.0.3",
31
- "@mirohq/design-system-stitches": "^2.3.4",
32
- "@mirohq/design-system-styles": "^1.1.0",
31
+ "@mirohq/design-system-stitches": "^2.3.5-themes.0",
32
+ "@mirohq/design-system-styles": "^1.1.1-themes.0",
33
33
  "@mirohq/design-system-utils": "^0.14.1",
34
- "@mirohq/design-tokens": "^2.7.1"
34
+ "@mirohq/design-tokens": "^3.0.0-themes.0"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rollup -c ../../../rollup.config.js",