@foxford/ui 2.38.0 → 2.39.0-beta-345ac6d-20240814

package/components/Tooltip/default-constants.js

@@ -1,2 +1 @@
-var i={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};export{i as TOOLTIP_STYLES_DEFAULT};
-//# sourceMappingURL=default-constants.js.map
+'use strict';exports.TOOLTIP_STYLES_DEFAULT={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};

package/components/Tooltip/default-constants.mjs

@@ -0,0 +1 @@
+const TOOLTIP_STYLES_DEFAULT={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};export{TOOLTIP_STYLES_DEFAULT};

package/components/TooltipComponent/TooltipComponent.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as n}from'./constants.js';export{SIZES}from'./constants.js';import{Root as a,CloseButton as m}from'./style.js';import{jsxs as p,jsx as c}from'react/jsx-runtime';var l=["size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton"];var f='TooltipComponent';var h=r(e(((e,r)=>{var{size:n="s",titleProps:f={},contentProps:h={},closeButtonProps:d={},title:j,content:u,footer:C,closeFn:P,showCloseButton:g}=e,v=t(e,l);var b={appearance:'body',size:'inherit',color:'inherit'};return p(a,o(o({},v),{},{size:n,ref:r,children:[g&&c(m,o(o({},d),{},{type:"button",onClick:o=>{'function'==typeof P&&P(),d.onClick&&d.onClick(o)},children:c(i,{as:"span",name:"close",size:16})})),j&&c(s,o(o(o({weight:700,marginRight:g?16:void 0,marginBottom:u||C?'0.3em':void 0},b),f),{},{children:j})),u&&c(s,o(o(o({marginRight:!j&&g?16:void 0,marginBottom:C?'0.2em':void 0},b),h),{},{children:u})),C]}))})),{sizes:n,displayName:"TooltipComponent"});export{f as COMPONENT_NAME,h as TooltipComponent};
-//# sourceMappingURL=TooltipComponent.js.map
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const TooltipComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:o="s",titleProps:r={},contentProps:s={},closeButtonProps:i={},title:n,content:c,footer:a,closeFn:p,showCloseButton:l,...u}=e;const m={appearance:'body',size:'inherit',color:'inherit'};return require$$0.jsxs(style.Root,{...u,size:o,ref:t,children:[l&&require$$0.jsx(style.CloseButton,{...i,type:"button",onClick:e=>{typeof p=='function'&&p(),i.onClick&&i.onClick(e)},children:require$$0.jsx(Icon.Icon,{as:"span",name:"close",size:16})}),n&&require$$0.jsx(Text.Text,{weight:700,marginRight:l?16:void 0,marginBottom:c||a?'0.3em':void 0,...m,...r,children:n}),c&&require$$0.jsx(Text.Text,{marginRight:!n&&l?16:void 0,marginBottom:a?'0.2em':void 0,...m,...s,children:c}),a]})})),{sizes:constants.SIZES,displayName:"TooltipComponent"});exports.SIZES=constants.SIZES,exports.COMPONENT_NAME="TooltipComponent",exports.TooltipComponent=TooltipComponent;

package/components/TooltipComponent/TooltipComponent.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='TooltipComponent';const TooltipComponent=withMergedProps(forwardRef(((o,t)=>{const{size:e="s",titleProps:n={},contentProps:r={},closeButtonProps:i={},title:s,content:m,footer:p,closeFn:c,showCloseButton:l,...a}=o;const d={appearance:'body',size:'inherit',color:'inherit'};return jsxs(Root,{...a,size:e,ref:t,children:[l&&jsx(CloseButton,{...i,type:"button",onClick:o=>{typeof c=='function'&&c(),i.onClick&&i.onClick(o)},children:jsx(Icon,{as:"span",name:"close",size:16})}),s&&jsx(Text,{weight:700,marginRight:l?16:void 0,marginBottom:m||p?'0.3em':void 0,...d,...n,children:s}),m&&jsx(Text,{marginRight:!s&&l?16:void 0,marginBottom:p?'0.2em':void 0,...d,...r,children:m}),p]})})),{sizes:SIZES,displayName:"TooltipComponent"});export{COMPONENT_NAME,SIZES,TooltipComponent};

package/components/TooltipComponent/constants.js

@@ -1,2 +1 @@
-var d={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};export{d as SIZES};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};

package/components/TooltipComponent/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};export{SIZES};

package/components/TooltipComponent/style.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import e,{css as r}from'styled-components';import n from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{focus as c}from'../../mixins/focus.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=t((o=>!['black','contrast','elevated'].includes(o)));var s=e.button.withConfig({componentId:"fox-ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],c);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(o.shadowColor,");\n\n  & > ").concat(s," {\n    color: ").concat(o.closeColor,";\n  }\n  & > ").concat(s,":hover {\n    color: ").concat(o.closeColorHover,";\n  }\n  & > ").concat(s,":active {\n    color: ").concat(o.closeColorActive,";\n  }\n  & > ").concat(s,":disabled {\n    color: ").concat(o.closeColorDisabled,";\n  }\n\n");var m={contrast:r(["",""],(e=>i(o({color:e.theme.colors['content-oncolor-primary'],backgroundColor:e.theme.colors['bg-brand-primary-basic'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-oncolor-tertiary'],closeColorHover:e.theme.colors['content-oncolor-primary'],closeColorActive:e.theme.colors['content-oncolor-primary'],closeColorDisabled:e.theme.colors['content-oncolor-disabled']},e.palette)))),black:r(["",""],(e=>i(o({color:e.theme.colors['content-onmain-inverse'],backgroundColor:e.theme.colors['bg-onmain-inverse'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-onmain-inverse'],closeColorHover:n(e.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:n(e.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:e.theme.colors['content-disabled']},e.palette)))),primary:r(["",""],(e=>i(o({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-onmain-primary'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-onmain-tertiary'],closeColorHover:e.theme.colors['content-onmain-primary'],closeColorActive:e.theme.colors['content-onmain-primary'],closeColorDisabled:e.theme.colors['content-disabled']},e.palette))))};var d=e.div.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(e),minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"fox-ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{var e=m.primary;return o.black&&(e=m.black),o.contrast&&(e=m.contrast),e}),l);export{s as CloseButton,d as Root};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled.button.withConfig({componentId:"fox-ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus.focus);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${o.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${o.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${o.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${o.closeColorDisabled};\n  }\n\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,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...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,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...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,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"fox-ui__sc-1fjl2iv-1"})(["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);exports.CloseButton=CloseButton,exports.Root=Root;

package/components/TooltipComponent/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardTooltipComponentProp=createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled.button.withConfig({componentId:"fox-ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${o.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${o.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${o.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${o.closeColorDisabled};\n  }\n\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,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...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,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...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,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"fox-ui__sc-1fjl2iv-1"})(["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);export{CloseButton,Root};