@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/Tooltip/TooltipWrapper.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useKeyboardListener=require('../../hooks/useKeyboardListener.js');var useClickOutside=require('../../hooks/useClickOutside.js');var useScrollMonitor=require('../../hooks/useScrollMonitor.js');var constants=require('../../shared/constants.js');var jsxRuntime=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');const closeFnNoop=()=>{};exports.TooltipWrapper=React.forwardRef(((e,t)=>{const{size:o,sizeXXS:s,sizeXS:r,sizeS:n,sizeM:c,sizeL:i,sizeXL:u,black:l,contrast:a,showCloseButton:p,closeButtonProps:d,closeOnClickOutside:m,closeOnScroll:R,id:f,role:z,closeFn:S=closeFnNoop,component:k,...C}=e;const y=React.useRef(null);const b=React.useRef(null);const j=React.useRef(null);React.useImperativeHandle(t,(()=>y.current),[]),React.useEffect((()=>{if(m&&y.current){const e=y.current.getAttribute('id');e&&(b.current=document.querySelector(`[data-id="${e}"]`))}}),[m]),useKeyboardListener.useKeyboardListener('keyup',constants.keyboardKeys.Esc.key,S),useClickOutside.useClickOutside(y,(e=>{b.current&&b.current.contains(e.target)||(j.current&&clearTimeout(j.current),j.current=setTimeout((()=>{S(),j.current=null}),0))}),{enabled:m}),useScrollMonitor.useScrollMonitor({onScrollStart:()=>{R&&S()}});const q={size:o,sizeXXS:s,sizeXS:r,sizeS:n,sizeM:c,sizeL:i,sizeXL:u,black:l,contrast:a,showCloseButton:p,closeButtonProps:d,id:f,role:z,closeFn:S};if(React.isValidElement(k)){const e=typeof k.props=='object'&&k.props!==null?k.props:{};return React.cloneElement(k,{ref:y,...q,...e})}return typeof k=='function'?k(q):jsxRuntime.jsx(TooltipComponent.TooltipComponent,{ref:y,...q,...C})}));
+'use strict';var React=require('react');var useKeyboardListener=require('../../hooks/useKeyboardListener.js');var useClickOutside=require('../../hooks/useClickOutside.js');var useScrollMonitor=require('../../hooks/useScrollMonitor.js');var constants=require('../../shared/constants.js');const closeFnNoop=()=>{};exports.TooltipWrapper=React.forwardRef((e,r)=>{const{closeFn:t=closeFnNoop,closeOnClickOutside:o=!1,closeOnScroll:s=!1,id:c,role:n,children:u}=e;const l=React.useRef(null);const i=React.useRef(null);const a=React.useRef(null);return React.useImperativeHandle(r,()=>l.current,[]),React.useEffect(()=>{if(o&&l.current){const e=l.current.getAttribute('id');e&&(i.current=document.querySelector(`[data-id="${e}"]`))}},[o]),useKeyboardListener.useKeyboardListener('keyup',constants.keyboardKeys.Esc.key,t),useClickOutside.useClickOutside(l,e=>{i.current&&i.current.contains(e.target)||(a.current&&clearTimeout(a.current),a.current=setTimeout(()=>{t(),a.current=null},0))},{enabled:o}),useScrollMonitor.useScrollMonitor({onScrollStart:()=>{s&&t()}}),React.cloneElement(u,{ref:l,id:c,role:n,closeFn:t,...typeof u.props=='object'&&u.props!==null?u.props:{}})});
 //# sourceMappingURL=TooltipWrapper.js.map

package/components/Tooltip/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement, useRef, useImperativeHandle, useEffect } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { useClickOutside } from 'hooks/useClickOutside'\nimport { useScrollMonitor } from 'hooks/useScrollMonitor'\nimport { keyboardKeys } from 'shared/constants'\nimport { TooltipComponent } from 'components/TooltipComponent'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, forwardedRef) => {\n  const {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    closeOnClickOutside,\n    closeOnScroll,\n    id,\n    role,\n    closeFn = closeFnNoop,\n    component,\n    ...restProps\n  } = props\n\n  const ref = useRef<HTMLDivElement>(null)\n  const tooltipChildRef = useRef<Element | null>(null)\n\n  const closeFnTimerId = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useImperativeHandle(forwardedRef, () => ref.current as HTMLDivElement, [])\n\n  useEffect(() => {\n    if (closeOnClickOutside && ref.current) {\n      const componentId = ref.current.getAttribute('id')\n\n      if (componentId) {\n        tooltipChildRef.current = document.querySelector(`[data-id=\"${componentId}\"]`)\n      }\n    }\n  }, [closeOnClickOutside])\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  useClickOutside(\n    ref,\n    (evt) => {\n      if (!tooltipChildRef.current || !tooltipChildRef.current.contains(evt.target as Node)) {\n        if (closeFnTimerId.current) {\n          clearTimeout(closeFnTimerId.current)\n        }\n\n        closeFnTimerId.current = setTimeout(() => {\n          closeFn()\n          closeFnTimerId.current = null\n        }, 0)\n      }\n    },\n    {\n      enabled: closeOnClickOutside,\n    }\n  )\n\n  useScrollMonitor({\n    onScrollStart: () => {\n      if (closeOnScroll) closeFn()\n    },\n  })\n\n  const injectionProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn,\n  }\n\n  if (isValidElement(component)) {\n    const elementProps = typeof component.props === 'object' && component.props !== null ? component.props : {}\n\n    return cloneElement(component as React.ReactElement<React.RefAttributes<HTMLElement>>, {\n      ref,\n      ...injectionProps,\n      ...elementProps,\n    })\n  }\n\n  if (typeof component === 'function') {\n    return component(injectionProps)\n  }\n\n  return <TooltipComponent ref={ref} {...injectionProps} {...restProps} />\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","forwardRef","props","forwardedRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","closeOnClickOutside","closeOnScroll","id","role","closeFn","component","restProps","ref","useRef","tooltipChildRef","closeFnTimerId","useImperativeHandle","current","useEffect","componentId","getAttribute","document","querySelector","useKeyboardListener","keyboardKeys","Esc","key","useClickOutside","evt","contains","target","clearTimeout","setTimeout","enabled","useScrollMonitor","onScrollStart","injectionProps","isValidElement","elementProps","cloneElement","_jsx","TooltipComponent"],"mappings":"mZAQA,MAAMA,YAAcA,KAAe,yBAEZC,MAAAA,YAAgD,CAACC,EAAOC,KAC7E,MAAMC,KACJA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,gBACRA,EAAeC,iBACfA,EAAgBC,oBAChBA,EAAmBC,cACnBA,EAAaC,GACbA,EAAEC,KACFA,EAAIC,QACJA,EAAUnB,YAAWoB,UACrBA,KACGC,GACDnB,EAEJ,MAAMoB,EAAMC,MAAAA,OAAuB,MACnC,MAAMC,EAAkBD,MAAAA,OAAuB,MAE/C,MAAME,EAAiBF,MAAAA,OAA6C,MAEpEG,MAAAA,oBAAoBvB,GAAc,IAAMmB,EAAIK,SAA2B,IAEvEC,MAAAA,WAAU,KACR,GAAIb,GAAuBO,EAAIK,QAAS,CACtC,MAAME,EAAcP,EAAIK,QAAQG,aAAa,MAEzCD,IACFL,EAAgBG,QAAUI,SAASC,cAAc,aAAaH,OAElE,IACC,CAACd,IAEJkB,oBAAAA,oBAAoB,QAASC,UAAAA,aAAaC,IAAIC,IAAKjB,GAEnDkB,gBAAAA,gBACEf,GACCgB,IACMd,EAAgBG,SAAYH,EAAgBG,QAAQY,SAASD,EAAIE,UAChEf,EAAeE,SACjBc,aAAahB,EAAeE,SAG9BF,EAAeE,QAAUe,YAAW,KAClCvB,IACAM,EAAeE,QAAU,IAAI,GAC5B,GACL,GAEF,CACEgB,QAAS5B,IAIb6B,kCAAiB,CACfC,cAAeA,KACT7B,GAAeG,GAAS,IAIhC,MAAM2B,EAAiB,CACrB1C,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,WACAC,kBACAC,mBACAG,KACAC,OACAC,WAGF,GAAI4B,MAAAA,eAAe3B,GAAY,CAC7B,MAAM4B,SAAsB5B,EAAUlB,OAAU,UAAYkB,EAAUlB,QAAU,KAAOkB,EAAUlB,MAAQ,CAAA,EAEzG,OAAO+C,MAAAA,aAAa7B,EAAmE,CACrFE,SACGwB,KACAE,GAEP,CAEA,cAAW5B,GAAc,WAChBA,EAAU0B,GAGZI,WAAAA,IAACC,iBAAAA,iBAAgB,CAAC7B,IAAKA,KAASwB,KAAoBzB,GAAa"}
+{"version":3,"file":"TooltipWrapper.js","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, cloneElement, useRef, useImperativeHandle, useEffect } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { useClickOutside } from 'hooks/useClickOutside'\nimport { useScrollMonitor } from 'hooks/useScrollMonitor'\nimport { keyboardKeys } from 'shared/constants'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, forwardedRef) => {\n  const { closeFn = closeFnNoop, closeOnClickOutside = false, closeOnScroll = false, id, role, children } = props\n\n  const ref = useRef<HTMLDivElement>(null)\n  const tooltipChildRef = useRef<Element | null>(null)\n\n  const closeFnTimerId = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useImperativeHandle(forwardedRef, () => ref.current as HTMLDivElement, [])\n\n  useEffect(() => {\n    if (closeOnClickOutside && ref.current) {\n      const componentId = ref.current.getAttribute('id')\n\n      if (componentId) {\n        tooltipChildRef.current = document.querySelector(`[data-id=\"${componentId}\"]`)\n      }\n    }\n  }, [closeOnClickOutside])\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  useClickOutside(\n    ref,\n    (evt) => {\n      if (!tooltipChildRef.current || !tooltipChildRef.current.contains(evt.target as Node)) {\n        if (closeFnTimerId.current) {\n          clearTimeout(closeFnTimerId.current)\n        }\n\n        closeFnTimerId.current = setTimeout(() => {\n          closeFn()\n          closeFnTimerId.current = null\n        }, 0)\n      }\n    },\n    {\n      enabled: closeOnClickOutside,\n    }\n  )\n\n  useScrollMonitor({\n    onScrollStart: () => {\n      if (closeOnScroll) closeFn()\n    },\n  })\n\n  const childrenProps = typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n  return cloneElement(children, { ref, id, role, closeFn, ...childrenProps })\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","forwardRef","props","forwardedRef","closeFn","closeOnClickOutside","closeOnScroll","id","role","children","ref","useRef","tooltipChildRef","closeFnTimerId","useImperativeHandle","current","useEffect","componentId","getAttribute","document","querySelector","useKeyboardListener","keyboardKeys","Esc","key","useClickOutside","evt","contains","target","clearTimeout","setTimeout","enabled","useScrollMonitor","onScrollStart","cloneElement"],"mappings":"+RAOA,MAAMA,YAAcA,8BAEGC,MAAAA,WAAgD,CAACC,EAAOC,KAC7E,MAAMC,QAAEA,EAAUJ,YAAWK,oBAAEA,GAAsB,EAAKC,cAAEA,GAAgB,EAAKC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,GAAaP,EAE1G,MAAMQ,EAAMC,MAAAA,OAAuB,MACnC,MAAMC,EAAkBD,MAAAA,OAAuB,MAE/C,MAAME,EAAiBF,MAAAA,OAA6C,MA2CpE,OAzCAG,MAAAA,oBAAoBX,EAAc,IAAMO,EAAIK,QAA2B,IAEvEC,MAAAA,UAAU,KACR,GAAIX,GAAuBK,EAAIK,QAAS,CACtC,MAAME,EAAcP,EAAIK,QAAQG,aAAa,MAEzCD,IACFL,EAAgBG,QAAUI,SAASC,cAAc,aAAaH,OAElE,GACC,CAACZ,IAEJgB,oBAAAA,oBAAoB,QAASC,UAAAA,aAAaC,IAAIC,IAAKpB,GAEnDqB,gBAAAA,gBACEf,EACCgB,IACMd,EAAgBG,SAAYH,EAAgBG,QAAQY,SAASD,EAAIE,UAChEf,EAAeE,SACjBc,aAAahB,EAAeE,SAG9BF,EAAeE,QAAUe,WAAW,KAClC1B,IACAS,EAAeE,QAAU,MACxB,KAGP,CACEgB,QAAS1B,IAIb2B,kCAAiB,CACfC,cAAeA,KACT3B,GAAeF,OAMhB8B,MAAAA,aAAazB,EAAU,CAAEC,MAAKH,KAAIC,OAAMJ,oBAFlBK,EAASP,OAAU,UAAYO,EAASP,QAAU,KAAOO,EAASP,MAAQ,CAAA"}

package/components/Tooltip/TooltipWrapper.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useRef,useImperativeHandle,useEffect,isValidElement,cloneElement}from'react';import{useKeyboardListener}from'../../hooks/useKeyboardListener.mjs';import{useClickOutside}from'../../hooks/useClickOutside.mjs';import{useScrollMonitor}from'../../hooks/useScrollMonitor.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{jsx}from'react/jsx-runtime';import{TooltipComponent}from'../TooltipComponent/TooltipComponent.mjs';const closeFnNoop=()=>{};const TooltipWrapper=forwardRef(((e,o)=>{const{size:t,sizeXXS:s,sizeXS:r,sizeS:n,sizeM:i,sizeL:l,sizeXL:c,black:u,contrast:p,showCloseButton:m,closeButtonProps:a,closeOnClickOutside:f,closeOnScroll:d,id:z,role:k,closeFn:S=closeFnNoop,component:y,...b}=e;const C=useRef(null);const j=useRef(null);const T=useRef(null);useImperativeHandle(o,(()=>C.current),[]),useEffect((()=>{if(f&&C.current){const e=C.current.getAttribute('id');e&&(j.current=document.querySelector(`[data-id="${e}"]`))}}),[f]),useKeyboardListener('keyup',keyboardKeys.Esc.key,S),useClickOutside(C,(e=>{j.current&&j.current.contains(e.target)||(T.current&&clearTimeout(T.current),T.current=setTimeout((()=>{S(),T.current=null}),0))}),{enabled:f}),useScrollMonitor({onScrollStart:()=>{d&&S()}});const X={size:t,sizeXXS:s,sizeXS:r,sizeS:n,sizeM:i,sizeL:l,sizeXL:c,black:u,contrast:p,showCloseButton:m,closeButtonProps:a,id:z,role:k,closeFn:S};if(isValidElement(y)){const e=typeof y.props=='object'&&y.props!==null?y.props:{};return cloneElement(y,{ref:C,...X,...e})}return typeof y=='function'?y(X):jsx(TooltipComponent,{ref:C,...X,...b})}));export{TooltipWrapper};
+import{forwardRef,useRef,useImperativeHandle,useEffect,cloneElement}from'react';import{useKeyboardListener}from'../../hooks/useKeyboardListener.mjs';import{useClickOutside}from'../../hooks/useClickOutside.mjs';import{useScrollMonitor}from'../../hooks/useScrollMonitor.mjs';import{keyboardKeys}from'../../shared/constants.mjs';const closeFnNoop=()=>{};const TooltipWrapper=forwardRef((e,r)=>{const{closeFn:o=closeFnNoop,closeOnClickOutside:t=!1,closeOnScroll:s=!1,id:n,role:c,children:l}=e;const u=useRef(null);const i=useRef(null);const p=useRef(null);return useImperativeHandle(r,()=>u.current,[]),useEffect(()=>{if(t&&u.current){const e=u.current.getAttribute('id');e&&(i.current=document.querySelector(`[data-id="${e}"]`))}},[t]),useKeyboardListener('keyup',keyboardKeys.Esc.key,o),useClickOutside(u,e=>{i.current&&i.current.contains(e.target)||(p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{o(),p.current=null},0))},{enabled:t}),useScrollMonitor({onScrollStart:()=>{s&&o()}}),cloneElement(l,{ref:u,id:n,role:c,closeFn:o,...typeof l.props=='object'&&l.props!==null?l.props:{}})});export{TooltipWrapper};
 //# sourceMappingURL=TooltipWrapper.mjs.map

package/components/Tooltip/TooltipWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.mjs","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement, useRef, useImperativeHandle, useEffect } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { useClickOutside } from 'hooks/useClickOutside'\nimport { useScrollMonitor } from 'hooks/useScrollMonitor'\nimport { keyboardKeys } from 'shared/constants'\nimport { TooltipComponent } from 'components/TooltipComponent'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, forwardedRef) => {\n  const {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    closeOnClickOutside,\n    closeOnScroll,\n    id,\n    role,\n    closeFn = closeFnNoop,\n    component,\n    ...restProps\n  } = props\n\n  const ref = useRef<HTMLDivElement>(null)\n  const tooltipChildRef = useRef<Element | null>(null)\n\n  const closeFnTimerId = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useImperativeHandle(forwardedRef, () => ref.current as HTMLDivElement, [])\n\n  useEffect(() => {\n    if (closeOnClickOutside && ref.current) {\n      const componentId = ref.current.getAttribute('id')\n\n      if (componentId) {\n        tooltipChildRef.current = document.querySelector(`[data-id=\"${componentId}\"]`)\n      }\n    }\n  }, [closeOnClickOutside])\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  useClickOutside(\n    ref,\n    (evt) => {\n      if (!tooltipChildRef.current || !tooltipChildRef.current.contains(evt.target as Node)) {\n        if (closeFnTimerId.current) {\n          clearTimeout(closeFnTimerId.current)\n        }\n\n        closeFnTimerId.current = setTimeout(() => {\n          closeFn()\n          closeFnTimerId.current = null\n        }, 0)\n      }\n    },\n    {\n      enabled: closeOnClickOutside,\n    }\n  )\n\n  useScrollMonitor({\n    onScrollStart: () => {\n      if (closeOnScroll) closeFn()\n    },\n  })\n\n  const injectionProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn,\n  }\n\n  if (isValidElement(component)) {\n    const elementProps = typeof component.props === 'object' && component.props !== null ? component.props : {}\n\n    return cloneElement(component as React.ReactElement<React.RefAttributes<HTMLElement>>, {\n      ref,\n      ...injectionProps,\n      ...elementProps,\n    })\n  }\n\n  if (typeof component === 'function') {\n    return component(injectionProps)\n  }\n\n  return <TooltipComponent ref={ref} {...injectionProps} {...restProps} />\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","TooltipWrapper","forwardRef","props","forwardedRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","closeOnClickOutside","closeOnScroll","id","role","closeFn","component","restProps","ref","useRef","tooltipChildRef","closeFnTimerId","useImperativeHandle","current","useEffect","componentId","getAttribute","document","querySelector","useKeyboardListener","keyboardKeys","Esc","key","useClickOutside","evt","contains","target","clearTimeout","setTimeout","enabled","useScrollMonitor","onScrollStart","injectionProps","isValidElement","elementProps","cloneElement","_jsx","TooltipComponent"],"mappings":"+bAQA,MAAMA,YAAcA,KAAe,EAEnC,MAAMC,eAAiBC,YAAgD,CAACC,EAAOC,KAC7E,MAAMC,KACJA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,gBACRA,EAAeC,iBACfA,EAAgBC,oBAChBA,EAAmBC,cACnBA,EAAaC,GACbA,EAAEC,KACFA,EAAIC,QACJA,EAAUpB,YAAWqB,UACrBA,KACGC,GACDnB,EAEJ,MAAMoB,EAAMC,OAAuB,MACnC,MAAMC,EAAkBD,OAAuB,MAE/C,MAAME,EAAiBF,OAA6C,MAEpEG,oBAAoBvB,GAAc,IAAMmB,EAAIK,SAA2B,IAEvEC,WAAU,KACR,GAAIb,GAAuBO,EAAIK,QAAS,CACtC,MAAME,EAAcP,EAAIK,QAAQG,aAAa,MAEzCD,IACFL,EAAgBG,QAAUI,SAASC,cAAc,aAAaH,OAElE,IACC,CAACd,IAEJkB,oBAAoB,QAASC,aAAaC,IAAIC,IAAKjB,GAEnDkB,gBACEf,GACCgB,IACMd,EAAgBG,SAAYH,EAAgBG,QAAQY,SAASD,EAAIE,UAChEf,EAAeE,SACjBc,aAAahB,EAAeE,SAG9BF,EAAeE,QAAUe,YAAW,KAClCvB,IACAM,EAAeE,QAAU,IAAI,GAC5B,GACL,GAEF,CACEgB,QAAS5B,IAIb6B,iBAAiB,CACfC,cAAeA,KACT7B,GAAeG,GAAS,IAIhC,MAAM2B,EAAiB,CACrB1C,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,WACAC,kBACAC,mBACAG,KACAC,OACAC,WAGF,GAAI4B,eAAe3B,GAAY,CAC7B,MAAM4B,SAAsB5B,EAAUlB,OAAU,UAAYkB,EAAUlB,QAAU,KAAOkB,EAAUlB,MAAQ,CAAA,EAEzG,OAAO+C,aAAa7B,EAAmE,CACrFE,SACGwB,KACAE,GAEP,CAEA,cAAW5B,GAAc,WAChBA,EAAU0B,GAGZI,IAACC,iBAAgB,CAAC7B,IAAKA,KAASwB,KAAoBzB,GAAa"}
+{"version":3,"file":"TooltipWrapper.mjs","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, cloneElement, useRef, useImperativeHandle, useEffect } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { useClickOutside } from 'hooks/useClickOutside'\nimport { useScrollMonitor } from 'hooks/useScrollMonitor'\nimport { keyboardKeys } from 'shared/constants'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, forwardedRef) => {\n  const { closeFn = closeFnNoop, closeOnClickOutside = false, closeOnScroll = false, id, role, children } = props\n\n  const ref = useRef<HTMLDivElement>(null)\n  const tooltipChildRef = useRef<Element | null>(null)\n\n  const closeFnTimerId = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useImperativeHandle(forwardedRef, () => ref.current as HTMLDivElement, [])\n\n  useEffect(() => {\n    if (closeOnClickOutside && ref.current) {\n      const componentId = ref.current.getAttribute('id')\n\n      if (componentId) {\n        tooltipChildRef.current = document.querySelector(`[data-id=\"${componentId}\"]`)\n      }\n    }\n  }, [closeOnClickOutside])\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  useClickOutside(\n    ref,\n    (evt) => {\n      if (!tooltipChildRef.current || !tooltipChildRef.current.contains(evt.target as Node)) {\n        if (closeFnTimerId.current) {\n          clearTimeout(closeFnTimerId.current)\n        }\n\n        closeFnTimerId.current = setTimeout(() => {\n          closeFn()\n          closeFnTimerId.current = null\n        }, 0)\n      }\n    },\n    {\n      enabled: closeOnClickOutside,\n    }\n  )\n\n  useScrollMonitor({\n    onScrollStart: () => {\n      if (closeOnScroll) closeFn()\n    },\n  })\n\n  const childrenProps = typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n  return cloneElement(children, { ref, id, role, closeFn, ...childrenProps })\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","TooltipWrapper","forwardRef","props","forwardedRef","closeFn","closeOnClickOutside","closeOnScroll","id","role","children","ref","useRef","tooltipChildRef","closeFnTimerId","useImperativeHandle","current","useEffect","componentId","getAttribute","document","querySelector","useKeyboardListener","keyboardKeys","Esc","key","useClickOutside","evt","contains","target","clearTimeout","setTimeout","enabled","useScrollMonitor","onScrollStart","cloneElement"],"mappings":"sUAOA,MAAMA,YAAcA,OAEpB,MAAMC,eAAiBC,WAAgD,CAACC,EAAOC,KAC7E,MAAMC,QAAEA,EAAUL,YAAWM,oBAAEA,GAAsB,EAAKC,cAAEA,GAAgB,EAAKC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,GAAaP,EAE1G,MAAMQ,EAAMC,OAAuB,MACnC,MAAMC,EAAkBD,OAAuB,MAE/C,MAAME,EAAiBF,OAA6C,MA2CpE,OAzCAG,oBAAoBX,EAAc,IAAMO,EAAIK,QAA2B,IAEvEC,UAAU,KACR,GAAIX,GAAuBK,EAAIK,QAAS,CACtC,MAAME,EAAcP,EAAIK,QAAQG,aAAa,MAEzCD,IACFL,EAAgBG,QAAUI,SAASC,cAAc,aAAaH,OAElE,GACC,CAACZ,IAEJgB,oBAAoB,QAASC,aAAaC,IAAIC,IAAKpB,GAEnDqB,gBACEf,EACCgB,IACMd,EAAgBG,SAAYH,EAAgBG,QAAQY,SAASD,EAAIE,UAChEf,EAAeE,SACjBc,aAAahB,EAAeE,SAG9BF,EAAeE,QAAUe,WAAW,KAClC1B,IACAS,EAAeE,QAAU,MACxB,KAGP,CACEgB,QAAS1B,IAIb2B,iBAAiB,CACfC,cAAeA,KACT3B,GAAeF,OAMhB8B,aAAazB,EAAU,CAAEC,MAAKH,KAAIC,OAAMJ,oBAFlBK,EAASP,OAAU,UAAYO,EAASP,QAAU,KAAOO,EAASP,MAAQ,CAAA"}

package/components/TooltipComponent/TooltipComponent.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var index=require('../../icon-pack/src/icons/Close/index.js');var Text=require('../Text/Text.js');const TooltipComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="s",titleProps:o={},contentProps:i={},closeButtonProps:n={},sizeXXS:r,sizeXS:c,sizeS:a,sizeM:l,sizeL:p,sizeXL:x,title:u,content:m,footer:d,closeFn:z,showCloseButton:j,...T}=e;const S={size:s,sizeXXS:r,sizeXS:c,sizeS:a,sizeM:l,sizeL:p,sizeXL:x};return jsxRuntime.jsxs(style.Root,{...T,...S,ref:t,children:[j?jsxRuntime.jsx(style.CloseButton,{size:"s",icon:jsxRuntime.jsx(index.Close,{}),secondary:T.black,contrast:T.black||T.contrast,...n,onClick:e=>{typeof z=='function'&&z(),n.onClick&&n.onClick(e)}}):null,u?jsxRuntime.jsx(Text.Text,{appearance:"body",color:"inherit",weight:700,marginRight:j?16:void 0,marginBottom:m||d?'0.3em':void 0,sizes:constants.SIZES_TEXT,...S,...o,children:u}):null,m?jsxRuntime.jsx(Text.Text,{appearance:"body",color:"inherit",marginRight:!u&&j?16:void 0,marginBottom:d?'0.2em':void 0,sizes:constants.SIZES_TEXT,...S,...i,children:m}):null,typeof d=='function'?d(S):d]})})),{sizes:constants.SIZES,displayName:"TooltipComponent"});exports.SIZES=constants.SIZES,exports.COMPONENT_NAME="TooltipComponent",exports.TooltipComponent=TooltipComponent;
+'use strict';var React=require('react');var useMergedProps=require('../../hooks/useMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var index=require('../../icon-pack/src/icons/Close/index.js');exports.TooltipComponent=React.forwardRef((e,s)=>{const{size:r="s",root:o,body:t,title:i,content:n,closeButton:l,closeFn:c,sizeXXS:a,sizeXS:u,sizeS:S,sizeM:j,sizeL:p,sizeXL:x,...d}=useMergedProps.useMergedProps(e,{componentName:"TooltipComponent",sizes:sizes.SIZES});const z={size:r,sizeXXS:a,sizeXS:u,sizeS:S,sizeM:j,sizeL:p,sizeXL:x};const m={...z,sizes:sizes.SIZES_CLOSE_BUTTON,icon:jsxRuntime.jsx(index.Close,{}),square:!0,secondary:d.black,contrast:d.black||d.contrast,onClick:()=>{typeof c=='function'&&c()}};const R={...z,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',weight:700,wordBreak:'break-word'};const k={...z,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};return jsxRuntime.jsx(style.Root,{...d,...z,ref:s,children:jsxRuntime.jsx(Slot.Slot,{render:o,props:{titleProps:R,contentProps:k,closeButtonProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.Body,{...z,sizes:l?sizes.SIZES_BODY_WITH_BUTTON:sizes.SIZES_BODY,children:jsxRuntime.jsx(Slot.Slot,{render:t,props:{titleProps:R,contentProps:k},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:i,props:R}),jsxRuntime.jsx(Slot.Slot,{render:n,props:k})]})})}),l?jsxRuntime.jsx(style.ButtonContainer,{children:jsxRuntime.jsx(Slot.Slot,{render:l,props:m})}):null]})})})});
 //# sourceMappingURL=TooltipComponent.js.map

package/components/TooltipComponent/TooltipComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_TEXT } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс `TooltipComponent` можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/TooltipComponent/types.ts).\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n  TooltipComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<TooltipComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      title,\n      content,\n      footer,\n      closeFn,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        {showCloseButton ? (\n          <Styled.CloseButton\n            size='s'\n            icon={<Close />}\n            secondary={restProps.black}\n            contrast={restProps.black || restProps.contrast}\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n            }}\n          />\n        ) : null}\n        {title ? (\n          <Text\n            appearance='body'\n            color='inherit'\n            weight={700}\n            marginRight={showCloseButton ? 16 : undefined}\n            marginBottom={content || footer ? '0.3em' : undefined}\n            sizes={SIZES_TEXT}\n            {...sizeProps}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        ) : null}\n        {content ? (\n          <Text\n            appearance='body'\n            color='inherit'\n            marginRight={!title && showCloseButton ? 16 : undefined}\n            marginBottom={footer ? '0.2em' : undefined}\n            sizes={SIZES_TEXT}\n            {...sizeProps}\n            {...contentProps}\n          >\n            {content}\n          </Text>\n        ) : null}\n        {typeof footer === 'function' ? footer(sizeProps) : footer}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","title","content","footer","closeFn","showCloseButton","restProps","sizeProps","_jsxs","Styled","children","_jsx","icon","Close","secondary","black","contrast","onClick","evt","Text","appearance","color","weight","marginRight","undefined","marginBottom","sizes","SIZES_TEXT","SIZES","displayName"],"mappings":"2TAqBA,MAAMA,iBAA2EC,gBAAAA,gBAI/EC,MAAAA,YAA+D,CAACC,EAAOC,KACrE,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAA,EAAEC,aACfA,EAAe,CAAA,EAAEC,iBACjBA,EAAmB,CAAA,EAAEC,QACrBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,gBACPA,KACGC,GACDjB,EAEJ,MAAMkB,EAAY,CAChBhB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEQ,WAAAA,KAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWjB,IAAKA,EAAIoB,UACjDL,EACCM,WAAAA,IAACF,kBAAkB,CACjBlB,KAAK,IACLqB,KAAMD,WAAAA,IAACE,MAAAA,UACPC,UAAWR,EAAUS,MACrBC,SAAUV,EAAUS,OAAST,EAAUU,YACnCtB,EACJuB,QAAUC,WACGd,GAAY,YAAYA,IAC/BV,EAAiBuB,SAASvB,EAAiBuB,QAAQC,EAAI,IAG7D,KACHjB,EACCU,WAAAA,IAACQ,KAAAA,KAAI,CACHC,WAAW,OACXC,MAAM,UACNC,OAAQ,IACRC,YAAalB,EAAkB,QAAKmB,EACpCC,aAAcvB,GAAWC,EAAS,aAAUqB,EAC5CE,MAAOC,UAAAA,cACHpB,KACAf,EAAUkB,SAEbT,IAED,KACHC,EACCS,WAAAA,IAACQ,KAAAA,KAAI,CACHC,WAAW,OACXC,MAAM,UACNE,aAActB,GAASI,EAAkB,QAAKmB,EAC9CC,aAActB,EAAS,aAAUqB,EACjCE,MAAOC,UAAAA,cACHpB,KACAd,EAAYiB,SAEfR,IAED,YACIC,GAAW,WAAaA,EAAOI,GAAaJ,IACxC,IAGlB,CACEuB,MAAOE,UAAAA,MACPC,YA9FmB,0EAAA"}
+{"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_BODY, SIZES_BODY_WITH_BUTTON, SIZES_CLOSE_BUTTON, SIZES_TEXT } from './sizes'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = forwardRef<\n  HTMLDivElement,\n  TooltipComponentProps\n>((props, ref) => {\n  const {\n    size = 's',\n    root,\n    body,\n    title,\n    content,\n    closeButton,\n    closeFn,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = useMergedProps<TooltipComponentProps>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const closeButtonProps: IconButtonProps = {\n    ...sizeProps,\n    sizes: SIZES_CLOSE_BUTTON,\n    icon: <Close />,\n    square: true,\n    secondary: restProps.black,\n    contrast: restProps.black || restProps.contrast,\n    onClick: () => {\n      if (typeof closeFn === 'function') {\n        closeFn()\n      }\n    },\n  }\n\n  const titleProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    appearance: 'body',\n    color: 'inherit',\n    weight: 700,\n    wordBreak: 'break-word',\n  }\n\n  const contentProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    appearance: 'body',\n    color: 'inherit',\n    wordBreak: 'break-word',\n  }\n\n  return (\n    <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n      <Slot\n        render={root}\n        props={{\n          titleProps,\n          contentProps,\n          closeButtonProps,\n        }}\n        fallback={\n          <>\n            <Styled.Body {...sizeProps} sizes={closeButton ? SIZES_BODY_WITH_BUTTON : SIZES_BODY}>\n              <Slot\n                render={body}\n                props={{\n                  titleProps,\n                  contentProps,\n                }}\n                fallback={\n                  <>\n                    <Slot render={title} props={titleProps} />\n                    <Slot render={content} props={contentProps} />\n                  </>\n                }\n              />\n            </Styled.Body>\n            {closeButton ? (\n              <Styled.ButtonContainer>\n                <Slot render={closeButton} props={closeButtonProps} />\n              </Styled.ButtonContainer>\n            ) : null}\n          </>\n        }\n      />\n    </Styled.Root>\n  )\n})\n\nexport { TooltipComponent }\n"],"names":["forwardRef","props","ref","size","root","body","title","content","closeButton","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","closeButtonProps","SIZES_CLOSE_BUTTON","icon","_jsx","Close","square","secondary","black","contrast","onClick","titleProps","SIZES_TEXT","appearance","color","weight","wordBreak","contentProps","Styled","children","Slot","render","fallback","_jsxs","_Fragment","SIZES_BODY_WITH_BUTTON","SIZES_BODY"],"mappings":"2UAYiFA,MAAAA,WAG/E,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAAA,eAAsChB,EAAO,CAC/CiB,cAtBmB,mBAuBnBC,MAAOC,MAAAA,QAGT,MAAMC,EAAY,CAChBlB,OACAO,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAAoC,IACrCD,EACHF,MAAOI,MAAAA,mBACPC,KAAMC,WAAAA,IAACC,MAAAA,UACPC,QAAQ,EACRC,UAAWZ,EAAUa,MACrBC,SAAUd,EAAUa,OAASb,EAAUc,SACvCC,QAASA,YACItB,GAAY,YACrBA,MAKN,MAAMuB,EAAwB,IACzBX,EACHF,MAAOc,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,OAAQ,IACRC,UAAW,cAGb,MAAMC,EAA0B,IAC3BjB,EACHF,MAAOc,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPE,UAAW,cAGb,OACEZ,WAAAA,IAACc,MAAAA,KAAW,IAAKvB,KAAeK,EAAWnB,IAAKA,EAAIsC,SAClDf,WAAAA,IAACgB,UAAI,CACHC,OAAQtC,EACRH,MAAO,CACL+B,aACAM,eACAhB,oBAEFqB,SACEC,WAAAA,KAAAC,oBAAA,CAAAL,SAAA,CACEf,WAAAA,IAACc,WAAW,IAAKlB,EAAWF,MAAOX,EAAcsC,MAAAA,uBAAyBC,MAAAA,WAAWP,SACnFf,WAAAA,IAACgB,UAAI,CACHC,OAAQrC,EACRJ,MAAO,CACL+B,aACAM,gBAEFK,SACEC,WAAAA,KAAAC,oBAAA,CAAAL,SAAA,CACEf,WAAAA,IAACgB,UAAI,CAACC,OAAQpC,EAAOL,MAAO+B,IAC5BP,WAAAA,IAACgB,UAAI,CAACC,OAAQnC,EAASN,MAAOqC,WAKrC9B,EACCiB,WAAAA,IAACc,sBAAsB,CAAAC,SACrBf,WAAAA,IAACgB,UAAI,CAACC,OAAQlC,EAAaP,MAAOqB,MAElC"}

package/components/TooltipComponent/TooltipComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_TEXT,SIZES}from'./constants.mjs';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='TooltipComponent';const TooltipComponent=withMergedProps(forwardRef(((o,e)=>{const{size:t="s",titleProps:s={},contentProps:i={},closeButtonProps:n={},sizeXXS:r,sizeXS:c,sizeS:m,sizeM:l,sizeL:p,sizeXL:a,title:z,content:S,footer:d,closeFn:f,showCloseButton:T,...x}=o;const C={size:t,sizeXXS:r,sizeXS:c,sizeS:m,sizeM:l,sizeL:p,sizeXL:a};return jsxs(Root,{...x,...C,ref:e,children:[T?jsx(CloseButton,{size:"s",icon:jsx(Close,{}),secondary:x.black,contrast:x.black||x.contrast,...n,onClick:o=>{typeof f=='function'&&f(),n.onClick&&n.onClick(o)}}):null,z?jsx(Text,{appearance:"body",color:"inherit",weight:700,marginRight:T?16:void 0,marginBottom:S||d?'0.3em':void 0,sizes:SIZES_TEXT,...C,...s,children:z}):null,S?jsx(Text,{appearance:"body",color:"inherit",marginRight:!z&&T?16:void 0,marginBottom:d?'0.2em':void 0,sizes:SIZES_TEXT,...C,...i,children:S}):null,typeof d=='function'?d(C):d]})})),{sizes:SIZES,displayName:"TooltipComponent"});export{COMPONENT_NAME,SIZES,TooltipComponent};
+import{forwardRef}from'react';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{SIZES_CLOSE_BUTTON,SIZES_TEXT,SIZES_BODY_WITH_BUTTON,SIZES_BODY,SIZES}from'./sizes.mjs';import{Root,Body,ButtonContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const TooltipComponent=forwardRef((o,e)=>{const{size:s="s",root:r,body:t,title:n,content:i,closeButton:p,closeFn:c,sizeXXS:S,sizeXS:l,sizeS:a,sizeM:m,sizeL:d,sizeXL:z,...j}=useMergedProps(o,{componentName:"TooltipComponent",sizes:SIZES});const T={size:s,sizeXXS:S,sizeXS:l,sizeS:a,sizeM:m,sizeL:d,sizeXL:z};const f={...T,sizes:SIZES_CLOSE_BUTTON,icon:jsx(Close,{}),square:!0,secondary:j.black,contrast:j.black||j.contrast,onClick:()=>{typeof c=='function'&&c()}};const x={...T,sizes:SIZES_TEXT,appearance:'body',color:'inherit',weight:700,wordBreak:'break-word'};const B={...T,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};return jsx(Root,{...j,...T,ref:e,children:jsx(Slot,{render:r,props:{titleProps:x,contentProps:B,closeButtonProps:f},fallback:jsxs(Fragment,{children:[jsx(Body,{...T,sizes:p?SIZES_BODY_WITH_BUTTON:SIZES_BODY,children:jsx(Slot,{render:t,props:{titleProps:x,contentProps:B},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:n,props:x}),jsx(Slot,{render:i,props:B})]})})}),p?jsx(ButtonContainer,{children:jsx(Slot,{render:p,props:f})}):null]})})})});export{TooltipComponent};
 //# sourceMappingURL=TooltipComponent.mjs.map

package/components/TooltipComponent/TooltipComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipComponent.mjs","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_TEXT } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс `TooltipComponent` можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/TooltipComponent/types.ts).\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n  TooltipComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<TooltipComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      title,\n      content,\n      footer,\n      closeFn,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        {showCloseButton ? (\n          <Styled.CloseButton\n            size='s'\n            icon={<Close />}\n            secondary={restProps.black}\n            contrast={restProps.black || restProps.contrast}\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n            }}\n          />\n        ) : null}\n        {title ? (\n          <Text\n            appearance='body'\n            color='inherit'\n            weight={700}\n            marginRight={showCloseButton ? 16 : undefined}\n            marginBottom={content || footer ? '0.3em' : undefined}\n            sizes={SIZES_TEXT}\n            {...sizeProps}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        ) : null}\n        {content ? (\n          <Text\n            appearance='body'\n            color='inherit'\n            marginRight={!title && showCloseButton ? 16 : undefined}\n            marginBottom={footer ? '0.2em' : undefined}\n            sizes={SIZES_TEXT}\n            {...sizeProps}\n            {...contentProps}\n          >\n            {content}\n          </Text>\n        ) : null}\n        {typeof footer === 'function' ? footer(sizeProps) : footer}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["COMPONENT_NAME","TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","title","content","footer","closeFn","showCloseButton","restProps","sizeProps","_jsxs","Styled","children","_jsx","icon","Close","secondary","black","contrast","onClick","evt","Text","appearance","color","weight","marginRight","undefined","marginBottom","sizes","SIZES_TEXT","SIZES","displayName"],"mappings":"0TASA,MAAMA,eAAiB,mBAYvB,MAAMC,iBAA2EC,gBAI/EC,YAA+D,CAACC,EAAOC,KACrE,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAA,EAAEC,aACfA,EAAe,CAAA,EAAEC,iBACjBA,EAAmB,CAAA,EAAEC,QACrBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,gBACPA,KACGC,GACDjB,EAEJ,MAAMkB,EAAY,CAChBhB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEQ,KAACC,KAAW,IAAKH,KAAeC,EAAWjB,IAAKA,EAAIoB,UACjDL,EACCM,IAACF,YAAkB,CACjBlB,KAAK,IACLqB,KAAMD,IAACE,UACPC,UAAWR,EAAUS,MACrBC,SAAUV,EAAUS,OAAST,EAAUU,YACnCtB,EACJuB,QAAUC,WACGd,GAAY,YAAYA,IAC/BV,EAAiBuB,SAASvB,EAAiBuB,QAAQC,EAAI,IAG7D,KACHjB,EACCU,IAACQ,KAAI,CACHC,WAAW,OACXC,MAAM,UACNC,OAAQ,IACRC,YAAalB,EAAkB,QAAKmB,EACpCC,aAAcvB,GAAWC,EAAS,aAAUqB,EAC5CE,MAAOC,cACHpB,KACAf,EAAUkB,SAEbT,IAED,KACHC,EACCS,IAACQ,KAAI,CACHC,WAAW,OACXC,MAAM,UACNE,aAActB,GAASI,EAAkB,QAAKmB,EAC9CC,aAActB,EAAS,aAAUqB,EACjCE,MAAOC,cACHpB,KACAd,EAAYiB,SAEfR,IAED,YACIC,GAAW,WAAaA,EAAOI,GAAaJ,IACxC,IAGlB,CACEuB,MAAOE,MACPC,YA9FmB"}
+{"version":3,"file":"TooltipComponent.mjs","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_BODY, SIZES_BODY_WITH_BUTTON, SIZES_CLOSE_BUTTON, SIZES_TEXT } from './sizes'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = forwardRef<\n  HTMLDivElement,\n  TooltipComponentProps\n>((props, ref) => {\n  const {\n    size = 's',\n    root,\n    body,\n    title,\n    content,\n    closeButton,\n    closeFn,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = useMergedProps<TooltipComponentProps>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const closeButtonProps: IconButtonProps = {\n    ...sizeProps,\n    sizes: SIZES_CLOSE_BUTTON,\n    icon: <Close />,\n    square: true,\n    secondary: restProps.black,\n    contrast: restProps.black || restProps.contrast,\n    onClick: () => {\n      if (typeof closeFn === 'function') {\n        closeFn()\n      }\n    },\n  }\n\n  const titleProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    appearance: 'body',\n    color: 'inherit',\n    weight: 700,\n    wordBreak: 'break-word',\n  }\n\n  const contentProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    appearance: 'body',\n    color: 'inherit',\n    wordBreak: 'break-word',\n  }\n\n  return (\n    <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n      <Slot\n        render={root}\n        props={{\n          titleProps,\n          contentProps,\n          closeButtonProps,\n        }}\n        fallback={\n          <>\n            <Styled.Body {...sizeProps} sizes={closeButton ? SIZES_BODY_WITH_BUTTON : SIZES_BODY}>\n              <Slot\n                render={body}\n                props={{\n                  titleProps,\n                  contentProps,\n                }}\n                fallback={\n                  <>\n                    <Slot render={title} props={titleProps} />\n                    <Slot render={content} props={contentProps} />\n                  </>\n                }\n              />\n            </Styled.Body>\n            {closeButton ? (\n              <Styled.ButtonContainer>\n                <Slot render={closeButton} props={closeButtonProps} />\n              </Styled.ButtonContainer>\n            ) : null}\n          </>\n        }\n      />\n    </Styled.Root>\n  )\n})\n\nexport { TooltipComponent }\n"],"names":["TooltipComponent","forwardRef","props","ref","size","root","body","title","content","closeButton","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","closeButtonProps","SIZES_CLOSE_BUTTON","icon","_jsx","Close","square","secondary","black","contrast","onClick","titleProps","SIZES_TEXT","appearance","color","weight","wordBreak","contentProps","Styled","children","Slot","render","fallback","_jsxs","_Fragment","SIZES_BODY_WITH_BUTTON","SIZES_BODY"],"mappings":"4XAYA,MAAMA,iBAA2EC,WAG/E,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,QACLA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAsChB,EAAO,CAC/CiB,cAtBmB,mBAuBnBC,MAAOC,QAGT,MAAMC,EAAY,CAChBlB,OACAO,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAAoC,IACrCD,EACHF,MAAOI,mBACPC,KAAMC,IAACC,UACPC,QAAQ,EACRC,UAAWZ,EAAUa,MACrBC,SAAUd,EAAUa,OAASb,EAAUc,SACvCC,QAASA,YACItB,GAAY,YACrBA,MAKN,MAAMuB,EAAwB,IACzBX,EACHF,MAAOc,WACPC,WAAY,OACZC,MAAO,UACPC,OAAQ,IACRC,UAAW,cAGb,MAAMC,EAA0B,IAC3BjB,EACHF,MAAOc,WACPC,WAAY,OACZC,MAAO,UACPE,UAAW,cAGb,OACEZ,IAACc,KAAW,IAAKvB,KAAeK,EAAWnB,IAAKA,EAAIsC,SAClDf,IAACgB,KAAI,CACHC,OAAQtC,EACRH,MAAO,CACL+B,aACAM,eACAhB,oBAEFqB,SACEC,KAAAC,SAAA,CAAAL,SAAA,CACEf,IAACc,KAAW,IAAKlB,EAAWF,MAAOX,EAAcsC,uBAAyBC,WAAWP,SACnFf,IAACgB,KAAI,CACHC,OAAQrC,EACRJ,MAAO,CACL+B,aACAM,gBAEFK,SACEC,KAAAC,SAAA,CAAAL,SAAA,CACEf,IAACgB,KAAI,CAACC,OAAQpC,EAAOL,MAAO+B,IAC5BP,IAACgB,KAAI,CAACC,OAAQnC,EAASN,MAAOqC,WAKrC9B,EACCiB,IAACc,gBAAsB,CAAAC,SACrBf,IAACgB,KAAI,CAACC,OAAQlC,EAAaP,MAAOqB,MAElC"}

package/components/TooltipComponent/sizes.js

@@ -0,0 +1,2 @@
+'use strict';var sizes=require('../IconButton/sizes.js');const SIZES_BODY={m:{paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16},s:{paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8}};const SIZES_BODY_WITH_BUTTON={m:{...SIZES_BODY.m,paddingRight:0},s:{...SIZES_BODY.s,paddingRight:0}};const SIZES_CLOSE_BUTTON={m:sizes.SIZES_BASE.s,s:sizes.SIZES_BASE.s};exports.SIZES={m:{minWidth:48,maxWidth:400,borderRadius:8,'--tooltip-component-gap':'4px'},s:{minWidth:48,maxWidth:208,borderRadius:8,'--tooltip-component-gap':'2px'}},exports.SIZES_BODY=SIZES_BODY,exports.SIZES_BODY_WITH_BUTTON=SIZES_BODY_WITH_BUTTON,exports.SIZES_CLOSE_BUTTON=SIZES_CLOSE_BUTTON,exports.SIZES_TEXT={m:{fontSize:14},s:{fontSize:14}};
+//# sourceMappingURL=sizes.js.map

package/components/TooltipComponent/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/TooltipComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  m: {\n    minWidth: 48,\n    maxWidth: 400,\n    borderRadius: 8,\n    '--tooltip-component-gap': '4px',\n  },\n  s: {\n    minWidth: 48,\n    maxWidth: 208,\n    borderRadius: 8,\n    '--tooltip-component-gap': '2px',\n  },\n}\n\nexport const SIZES_BODY: Record<Size, CSSProperties> = {\n  m: {\n    paddingTop: 12,\n    paddingRight: 16,\n    paddingBottom: 12,\n    paddingLeft: 16,\n  },\n  s: {\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n  },\n}\n\nexport const SIZES_BODY_WITH_BUTTON: Record<Size, CSSProperties> = {\n  m: {\n    ...SIZES_BODY.m,\n    paddingRight: 0,\n  },\n  s: {\n    ...SIZES_BODY.s,\n    paddingRight: 0,\n  },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n  m: SIZES_ICON_BUTTON.s,\n  s: SIZES_ICON_BUTTON.s,\n}\n"],"names":["SIZES_BODY","m","paddingTop","paddingRight","paddingBottom","paddingLeft","s","SIZES_BODY_WITH_BUTTON","SIZES_CLOSE_BUTTON","SIZES_ICON_BUTTON","minWidth","maxWidth","borderRadius","fontSize"],"mappings":"yDAmBO,MAAMA,WAA0C,CACrDC,EAAG,CACDC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,EAAG,CACDJ,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,IAIV,MAAME,uBAAsD,CACjEN,EAAG,IACED,WAAWC,EACdE,aAAc,GAEhBG,EAAG,IACEN,WAAWM,EACdH,aAAc,IASX,MAAMK,mBAAkD,CAC7DP,EAAGQ,MAAAA,WAAkBH,EACrBA,EAAGG,MAAAA,WAAkBH,iBAhD2B,CAChDL,EAAG,CACDS,SAAU,GACVC,SAAU,IACVC,aAAc,EACd,0BAA2B,OAE7BN,EAAG,CACDI,SAAU,GACVC,SAAU,IACVC,aAAc,EACd,0BAA2B,6JA8BwB,CACrDX,EAAG,CAAEY,SAAU,IACfP,EAAG,CAAEO,SAAU"}

package/components/TooltipComponent/sizes.mjs

@@ -0,0 +1,2 @@
+import{SIZES_BASE}from'../IconButton/sizes.mjs';const SIZES={m:{minWidth:48,maxWidth:400,borderRadius:8,'--tooltip-component-gap':'4px'},s:{minWidth:48,maxWidth:208,borderRadius:8,'--tooltip-component-gap':'2px'}};const SIZES_BODY={m:{paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16},s:{paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8}};const SIZES_BODY_WITH_BUTTON={m:{...SIZES_BODY.m,paddingRight:0},s:{...SIZES_BODY.s,paddingRight:0}};const SIZES_TEXT={m:{fontSize:14},s:{fontSize:14}};const SIZES_CLOSE_BUTTON={m:SIZES_BASE.s,s:SIZES_BASE.s};export{SIZES,SIZES_BODY,SIZES_BODY_WITH_BUTTON,SIZES_CLOSE_BUTTON,SIZES_TEXT};
+//# sourceMappingURL=sizes.mjs.map

package/components/TooltipComponent/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/TooltipComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  m: {\n    minWidth: 48,\n    maxWidth: 400,\n    borderRadius: 8,\n    '--tooltip-component-gap': '4px',\n  },\n  s: {\n    minWidth: 48,\n    maxWidth: 208,\n    borderRadius: 8,\n    '--tooltip-component-gap': '2px',\n  },\n}\n\nexport const SIZES_BODY: Record<Size, CSSProperties> = {\n  m: {\n    paddingTop: 12,\n    paddingRight: 16,\n    paddingBottom: 12,\n    paddingLeft: 16,\n  },\n  s: {\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n  },\n}\n\nexport const SIZES_BODY_WITH_BUTTON: Record<Size, CSSProperties> = {\n  m: {\n    ...SIZES_BODY.m,\n    paddingRight: 0,\n  },\n  s: {\n    ...SIZES_BODY.s,\n    paddingRight: 0,\n  },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n  m: SIZES_ICON_BUTTON.s,\n  s: SIZES_ICON_BUTTON.s,\n}\n"],"names":["SIZES","m","minWidth","maxWidth","borderRadius","s","SIZES_BODY","paddingTop","paddingRight","paddingBottom","paddingLeft","SIZES_BODY_WITH_BUTTON","SIZES_TEXT","fontSize","SIZES_CLOSE_BUTTON","SIZES_ICON_BUTTON"],"mappings":"gDAIO,MAAMA,MAAqC,CAChDC,EAAG,CACDC,SAAU,GACVC,SAAU,IACVC,aAAc,EACd,0BAA2B,OAE7BC,EAAG,CACDH,SAAU,GACVC,SAAU,IACVC,aAAc,EACd,0BAA2B,QAIxB,MAAME,WAA0C,CACrDL,EAAG,CACDM,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfL,EAAG,CACDE,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,IAIV,MAAMC,uBAAsD,CACjEV,EAAG,IACEK,WAAWL,EACdO,aAAc,GAEhBH,EAAG,IACEC,WAAWD,EACdG,aAAc,IAIX,MAAMI,WAA0C,CACrDX,EAAG,CAAEY,SAAU,IACfR,EAAG,CAAEQ,SAAU,KAGV,MAAMC,mBAAkD,CAC7Db,EAAGc,WAAkBV,EACrBA,EAAGU,WAAkBV"}

package/components/TooltipComponent/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize.responsiveSize);const CloseButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"TooltipComponent__CloseButton",componentId:"ui__sc-1fjl2iv-1"})(["position:absolute;top:2px;right:2px;"]);exports.CloseButton=CloseButton,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardTooltipComponentProp=style.createShouldForwardProp(o=>!['black','contrast','elevated'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})),black:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})),primary:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;display:inline-flex;position:relative;isolation:isolate;cursor:default;"," ",""],o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e},responsiveSize.responsiveSize);const Body=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).withConfig({displayName:"TooltipComponent__Body",componentId:"ui__sc-1fjl2iv-1"})(["box-sizing:border-box;flex-grow:1;& > *:not(:last-child){margin-bottom:var(--tooltip-component-gap);}",""],responsiveSize.responsiveSize);const ButtonContainer=styled__default.default.div.withConfig({displayName:"TooltipComponent__ButtonContainer",componentId:"ui__sc-1fjl2iv-2"})(["box-sizing:border-box;padding:4px;"]);exports.Body=Body,exports.ButtonContainer=ButtonContainer,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/TooltipComponent/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTooltipComponentProps>({\n  shouldForwardProp: shouldForwardTooltipComponentProp,\n})`\n  box-sizing: border-box;\n  display: inline-block;\n  isolation: isolate;\n  position: relative;\n  cursor: default;\n  word-break: break-word;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 2px;\n  right: 2px;\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","contrast","css","props","theme","colors","elevated","transparent","black","primary","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","schema","responsiveSize","CloseButton","IconButton"],"mappings":"uUAMA,MAAMA,kCAAoCC,MAAAA,yBACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,KAG3D,MAAME,SAAYC,GAAqC,cAC5CA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,SAAUC,OAAAA,IAAG,CAAA,GAAA,KACRC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,2BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,0BACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,YAGfY,MAAON,OAAAA,IAAG,CAAA,GAAA,KACLC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,YAGfa,QAASP,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,aAKV,MAAMc,KAAOC,gBAAAA,QAAOC,IAAIC,WAAwC,CACrEC,kBAAmBvB,oCACnBsB,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAFkBL,CAElB,CAAA,uHAAA,IAAA,KAQGR,IACD,IAAIc,EAASjB,aAAaS,QAK1B,OAHIN,EAAMK,QAAOS,EAASjB,aAAaQ,OACnCL,EAAMF,WAAUgB,EAASjB,aAAaC,UAEnCgB,CAAM,GAGbC,eAAAA,gBAGG,MAAMC,YAAcR,gBAAAA,QAAOS,uBAAWP,WAAA,CAAAE,YAAA,gCAAAC,YAAA,oBAAlBL,CAAkB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette, Size } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTooltipComponentProps>({\n  shouldForwardProp: shouldForwardTooltipComponentProp,\n})`\n  box-sizing: border-box;\n  display: inline-flex;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n\nexport const Body = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardTooltipComponentProp,\n})`\n  box-sizing: border-box;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-bottom: var(--tooltip-component-gap);\n  }\n\n  ${responsiveSize}\n`\n\nexport const ButtonContainer = styled.div`\n  box-sizing: border-box;\n  padding: 4px;\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","contrast","css","props","theme","colors","elevated","transparent","black","primary","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","schema","responsiveSize","Body","ButtonContainer"],"mappings":"iRAMA,MAAMA,kCAAoCC,MAAAA,wBACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,IAG3D,MAAME,SAAYC,GAAqC,cAC5CA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,SAAUC,OAAAA,IAAG,CAAA,GAAA,IACRC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,2BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,0BACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,WAGfY,MAAON,OAAAA,IAAG,CAAA,GAAA,IACLC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,WAGfa,QAASP,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,YAKV,MAAMc,KAAOC,gBAAAA,QAAOC,IAAIC,WAAwC,CACrEC,kBAAmBvB,oCACnBsB,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAFkBL,CAElB,CAAA,gGAAA,IAAA,IAOGR,IACD,IAAIc,EAASjB,aAAaS,QAK1B,OAHIN,EAAMK,QAAOS,EAASjB,aAAaQ,OACnCL,EAAMF,WAAUgB,EAASjB,aAAaC,UAEnCgB,GAGPC,eAAAA,gBAGG,MAAMC,KAAOR,gBAAAA,QAAOC,IAAIC,WAAoF,CACjHC,kBAAmBvB,oCACnBsB,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAFkBL,CAElB,CAAA,wGAAA,IAQEO,eAAAA,sBAGSE,gBAAkBT,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,oCAAAC,YAAA,oBAAVL,CAAU,CAAA"}

package/components/TooltipComponent/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const shouldForwardTooltipComponentProp=createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={contrast:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let t=COLOR_SCHEMA.primary;return o.black&&(t=COLOR_SCHEMA.black),o.contrast&&(t=COLOR_SCHEMA.contrast),t}),responsiveSize);const CloseButton=styled(IconButton).withConfig({displayName:"TooltipComponent__CloseButton",componentId:"ui__sc-1fjl2iv-1"})(["position:absolute;top:2px;right:2px;"]);export{CloseButton,Root};
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardTooltipComponentProp=createShouldForwardProp(o=>!['black','contrast','elevated'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={contrast:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})),black:css(["",""],o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})),primary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;display:inline-flex;position:relative;isolation:isolate;cursor:default;"," ",""],o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e},responsiveSize);const Body=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).withConfig({displayName:"TooltipComponent__Body",componentId:"ui__sc-1fjl2iv-1"})(["box-sizing:border-box;flex-grow:1;& > *:not(:last-child){margin-bottom:var(--tooltip-component-gap);}",""],responsiveSize);const ButtonContainer=styled.div.withConfig({displayName:"TooltipComponent__ButtonContainer",componentId:"ui__sc-1fjl2iv-2"})(["box-sizing:border-box;padding:4px;"]);export{Body,ButtonContainer,Root};
 //# sourceMappingURL=style.mjs.map

package/components/TooltipComponent/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTooltipComponentProps>({\n  shouldForwardProp: shouldForwardTooltipComponentProp,\n})`\n  box-sizing: border-box;\n  display: inline-block;\n  isolation: isolate;\n  position: relative;\n  cursor: default;\n  word-break: break-word;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 2px;\n  right: 2px;\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","contrast","css","props","theme","colors","elevated","transparent","black","primary","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","schema","responsiveSize","CloseButton","IconButton"],"mappings":"+NAMA,MAAMA,kCAAoCC,yBACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,KAG3D,MAAME,SAAYC,GAAqC,cAC5CA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,SAAUC,IAAG,CAAA,GAAA,KACRC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,2BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,0BACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,YAGfY,MAAON,IAAG,CAAA,GAAA,KACLC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,YAGfa,QAASP,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,aAKV,MAAMc,KAAOC,OAAOC,IAAIC,WAAwC,CACrEC,kBAAmBvB,oCACnBsB,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAFkBL,CAElB,CAAA,uHAAA,IAAA,KAQGR,IACD,IAAIc,EAASjB,aAAaS,QAK1B,OAHIN,EAAMK,QAAOS,EAASjB,aAAaQ,OACnCL,EAAMF,WAAUgB,EAASjB,aAAaC,UAEnCgB,CAAM,GAGbC,gBAGG,MAAMC,YAAcR,OAAOS,YAAWP,WAAA,CAAAE,YAAA,gCAAAC,YAAA,oBAAlBL,CAAkB,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette, Size } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledTooltipComponentProps>({\n  shouldForwardProp: shouldForwardTooltipComponentProp,\n})`\n  box-sizing: border-box;\n  display: inline-flex;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n\nexport const Body = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardTooltipComponentProp,\n})`\n  box-sizing: border-box;\n  flex-grow: 1;\n\n  & > *:not(:last-child) {\n    margin-bottom: var(--tooltip-component-gap);\n  }\n\n  ${responsiveSize}\n`\n\nexport const ButtonContainer = styled.div`\n  box-sizing: border-box;\n  padding: 4px;\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","contrast","css","props","theme","colors","elevated","transparent","black","primary","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","schema","responsiveSize","Body","ButtonContainer"],"mappings":"0KAMA,MAAMA,kCAAoCC,wBACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,IAG3D,MAAME,SAAYC,GAAqC,cAC5CA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,SAAUC,IAAG,CAAA,GAAA,IACRC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,2BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,0BACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,WAGfY,MAAON,IAAG,CAAA,GAAA,IACLC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,WAGfa,QAASP,IAAG,CAAA,GAAA,IACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,0BAC1BP,gBAAiBK,EAAMC,MAAMC,OAAO,qBACpCN,YAAaI,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,eACvFJ,EAAMP,YAKV,MAAMc,KAAOC,OAAOC,IAAIC,WAAwC,CACrEC,kBAAmBvB,oCACnBsB,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAFkBL,CAElB,CAAA,gGAAA,IAAA,IAOGR,IACD,IAAIc,EAASjB,aAAaS,QAK1B,OAHIN,EAAMK,QAAOS,EAASjB,aAAaQ,OACnCL,EAAMF,WAAUgB,EAASjB,aAAaC,UAEnCgB,GAGPC,gBAGG,MAAMC,KAAOR,OAAOC,IAAIC,WAAoF,CACjHC,kBAAmBvB,oCACnBsB,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAFkBL,CAElB,CAAA,wGAAA,IAQEO,sBAGSE,gBAAkBT,OAAOC,IAAGC,WAAA,CAAAE,YAAA,oCAAAC,YAAA,oBAAVL,CAAU,CAAA"}