@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

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,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};
 //# 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, 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,OAEpB,MAAMC,eAAiBC,WAAgD,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,EAAc,IAAMmB,EAAIK,QAA2B,IAEvEC,UAAU,KACR,GAAIb,GAAuBO,EAAIK,QAAS,CACtC,MAAME,EAAcP,EAAIK,QAAQG,aAAa,MAEzCD,IACFL,EAAgBG,QAAUI,SAASC,cAAc,aAAaH,OAElE,GACC,CAACd,IAEJkB,oBAAoB,QAASC,aAAaC,IAAIC,IAAKjB,GAEnDkB,gBACEf,EACCgB,IACMd,EAAgBG,SAAYH,EAAgBG,QAAQY,SAASD,EAAIE,UAChEf,EAAeE,SACjBc,aAAahB,EAAeE,SAG9BF,EAAeE,QAAUe,WAAW,KAClCvB,IACAM,EAAeE,QAAU,MACxB,KAGP,CACEgB,QAAS5B,IAIb6B,iBAAiB,CACfC,cAAeA,KACT7B,GAAeG,OAIvB,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"}

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 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;
 //# 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 { 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,WAA+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,MAGzD,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,OAI1D,CACEuB,MAAOE,UAAAA,MACPC,YA9FmB,0EAAA"}

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{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};
 //# 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 { 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,WAA+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,MAGzD,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,OAI1D,CACEuB,MAAOE,MACPC,YA9FmB"}

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');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;
 //# 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 { 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,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,uHAAA,IAAA,IAQGR,IACD,IAAIc,EAASjB,aAAaS,QAK1B,OAHIN,EAAMK,QAAOS,EAASjB,aAAaQ,OACnCL,EAAMF,WAAUgB,EAASjB,aAAaC,UAEnCgB,GAGPC,eAAAA,gBAGG,MAAMC,YAAcR,gBAAAA,QAAOS,uBAAWP,WAAA,CAAAE,YAAA,gCAAAC,YAAA,oBAAlBL,CAAkB,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';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};
 //# 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 { 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,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,uHAAA,IAAA,IAQGR,IACD,IAAIc,EAASjB,aAAaS,QAK1B,OAHIN,EAAMK,QAAOS,EAASjB,aAAaQ,OACnCL,EAAMF,WAAUgB,EAASjB,aAAaC,UAEnCgB,GAGPC,gBAGG,MAAMC,YAAcR,OAAOS,YAAWP,WAAA,CAAAE,YAAA,gCAAAC,YAAA,oBAAlBL,CAAkB,CAAA"}