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

package/assets/youtube-social.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path d="m9.645 8.924 5.182 2.961-5.182 2.961V8.924Z"></path><path fill-rule="evenodd" d="M5.202 3A3.702 3.702 0 0 0 1.5 6.702v10.364a3.702 3.702 0 0 0 3.702 3.701h13.325a3.702 3.702 0 0 0 3.702-3.701V6.702A3.702 3.702 0 0 0 18.527 3H5.202Zm-.74 3.702a.74.74 0 0 1 .74-.74h13.325a.74.74 0 0 1 .74.74v10.364a.74.74 0 0 1-.74.74H5.202a.74.74 0 0 1-.74-.74V6.702Z" clip-rule="evenodd"></path></svg>

package/assets/zambia.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#496E2D" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"></path><path fill="#D80027" d="M16.696 12H12v12a11.98 11.98 0 0 0 4-.684L16.696 12Z"></path><path fill="#FF9811" d="M20 20.943c2.455-2.197 4-5.39 4-8.943h-4.696L20 20.943Z"></path><path fill="#000" d="M16 12v11.316a11.993 11.993 0 0 0 4-2.372V12h-4Z"></path><path fill="#FF9811" d="M22.174 7.826h-3.13a1.044 1.044 0 0 0-2.087 0h-3.13c0 .577.501 1.044 1.077 1.044h-.034c0 .576.467 1.043 1.043 1.043 0 .576.467 1.044 1.044 1.044h2.087c.576 0 1.043-.468 1.043-1.044.576 0 1.044-.467 1.044-1.043h-.035c.576 0 1.078-.468 1.078-1.044Z"></path><circle cx="12" cy="12" r="11.5" opacity=".05"></circle></g><defs><clipPath id="a"><rect width="24" height="24" fill="#fff"></rect></clipPath></defs></svg>

package/assets/zimbabwe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#F0F0F0" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"></path><path fill="#FFDA44" d="M22.851 6.872a12.03 12.03 0 0 0-2.447-3.436L12 2.61l-8.405.827-.08.08 3.357 3.356L12 7.03l10.851-.157Z"></path><path fill="#FFDA44" d="m3.516 20.485.133.131 8.351.776 8.351-.776a12.031 12.031 0 0 0 2.476-3.436l-15.523-.484-3.788 3.788Z"></path><path fill="#000" d="M23.88 10.308 9.914 9.913 12 12l-2.087 2.087 13.96-.343a12.086 12.086 0 0 0 .008-3.436Z"></path><path fill="#6DA544" d="M12 0a11.96 11.96 0 0 0-8.405 3.436h16.81A11.96 11.96 0 0 0 12 0Z"></path><path fill="#D80027" d="M10.308 10.308h13.573a11.914 11.914 0 0 0-1.03-3.436H6.873l3.436 3.436Z"></path><path fill="#D80027" d="M6.82 17.18h16.007c.512-1.067.87-2.222 1.046-3.436H10.256L6.82 17.18Z"></path><path fill="#6DA544" d="M12 24a11.96 11.96 0 0 0 8.351-3.384H3.65A11.96 11.96 0 0 0 12 24Z"></path><path fill="#000" d="M4.285 2.81c-.267.224-.524.459-.77.705L12 12l-8.485 8.485c.246.247.503.482.77.706l9.19-9.19-9.19-9.191Z"></path><path fill="#D80027" d="m4.825 8.87.777 2.391h2.514l-2.034 1.478.777 2.391-2.034-1.478-2.035 1.479.777-2.392-2.034-1.478h2.515l.777-2.391Z"></path><path fill="#FFDA44" d="m6.962 12.195-2.025-.717s-.15-1.403-.159-1.451a.783.783 0 1 0-1.523.354l-.567.571h1.009c0 1.048-.782 1.048-.782 2.091l.434 1.044h2.609l.434-1.044c.044-.1.07-.203.081-.306.375-.152.489-.542.489-.542Z"></path><circle cx="12" cy="12" r="11.5" opacity=".05"></circle></g><defs><clipPath id="a"><rect width="24" height="24" fill="#fff"></rect></clipPath></defs></svg>

package/components/ActionBtn/ActionBtn.js

@@ -1,2 +1 @@
-import{useClassname as s}from'../../hooks/useClassname.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as o}from'./style.js';import{jsxs as e,jsx as i}from'react/jsx-runtime';function n(t){var{icon:c,disabled:r=!1,onClick:m,children:l,className:d,active:p,style:j}=t;var f=s(n.displayName,d);return e(o,{className:f,style:j,disabled:r,active:p,onClick:m,children:[c&&i(a,{size:16,name:c}),l]})}n.displayName='ActionBtn';export{n as ActionBtn};
-//# sourceMappingURL=ActionBtn.js.map
+'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');function ActionBtn({icon:e,disabled:s=!1,onClick:n,children:i,className:t,active:a,style:r}){const c=useClassname.useClassname(ActionBtn.displayName,t);return require$$0.jsxs(style.Root,{className:c,style:r,disabled:s,active:a,onClick:n,children:[e&&require$$0.jsx(Icon.Icon,{size:16,name:e}),i]})}ActionBtn.displayName='ActionBtn',exports.ActionBtn=ActionBtn;

package/components/ActionBtn/ActionBtn.mjs

@@ -0,0 +1 @@
+import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';function ActionBtn({icon:s,disabled:o=!1,onClick:n,children:t,className:e,active:i,style:c}){const a=useClassname(ActionBtn.displayName,e);return jsxs(Root,{className:a,style:c,disabled:o,active:i,onClick:n,children:[s&&jsx(Icon,{size:16,name:s}),t]})}ActionBtn.displayName='ActionBtn';export{ActionBtn};

package/components/ActionBtn/style.js

@@ -1,2 +1 @@
-import o,{css as r}from'styled-components';import{display as a}from'../../mixins/display.js';var e=r(["background:",";color:",";"],(o=>o.theme.colors.onahau),(o=>o.theme.colors.accent));var s=r(["&:hover{background:",";}&:active{","}"],(o=>o.theme.colors.mercury),e);var i=r(["cursor:default;opacity:0.6;"]);var t=o.div.withConfig({componentId:"fox-ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(o=>o.theme.colors.silver),(o=>o.disabled?i:s),(o=>o.active?e:null),(o=>o.display?a(o.display):r(["display:inline-block;"])));export{t as Root};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');const active=styled.css(["background:",";color:",";"],(s=>s.theme.colors.onahau),(s=>s.theme.colors.accent));const notDisabled=styled.css(["&:hover{background:",";}&:active{","}"],(s=>s.theme.colors.mercury),active);const disabled=styled.css(["cursor:default;opacity:0.6;"]);const Root=styled.div.withConfig({componentId:"fox-ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(s=>s.theme.colors.silver),(s=>s.disabled?disabled:notDisabled),(s=>s.active?active:null),(s=>s.display?display.display(s.display):styled.css(["display:inline-block;"])));exports.Root=Root;

package/components/ActionBtn/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';const active=css(["background:",";color:",";"],(o=>o.theme.colors.onahau),(o=>o.theme.colors.accent));const notDisabled=css(["&:hover{background:",";}&:active{","}"],(o=>o.theme.colors.mercury),active);const disabled=css(["cursor:default;opacity:0.6;"]);const Root=styled.div.withConfig({componentId:"fox-ui__sc-1l1tbhr-0"})(["padding:4px;background:transparent;color:",";transition:background 0.4s ease-out,color 0.6s ease-out;line-height:0;cursor:pointer;border-radius:5px;& + &{margin-left:16px;}"," "," ",""],(o=>o.theme.colors.silver),(o=>o.disabled?disabled:notDisabled),(o=>o.active?active:null),(o=>o.display?display(o.display):css(["display:inline-block;"])));export{Root};

package/components/Alert/Alert.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as e,useState as r}from'react';import{useTheme as t}from'styled-components';import{Close as i,WarningTriangleFill as n,CheckCircleFill as s,NotifFill as a,CloseCirlceFill as c}from'@foxford/icon-pack';import{useClassname as l}from'../../hooks/useClassname.js';import{useConfigPriority as m}from'../../hooks/use-config-priority.js';import{Anchor as p}from'../Anchor/Anchor.js';import{Button as h}from'../Button/Button.js';import{Icon as u}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as C,IconWrapper as d,Timer as f,ContentWrapper as y,Title as k,Content as g,Link as w,Actions as x,CancelTimer as A,CloseIcon as T}from'./style.js';import{countdownColor as b}from'./utils.js';import{jsxs as v,jsx as z}from'react/jsx-runtime';var j=o=>{var{isCompact:e,theme:r,type:t}=o;var i=e?16:24;switch(t){case'error':return z(c,{color:r.colors['alert-bg-error-500'],size:i});case'info':return z(a,{color:r.colors['content-brand-primary'],size:i});case'success':return z(s,{color:r.colors['alert-success'],size:i});case'warning':return z(n,{color:r.colors['alert-warning'],size:i});default:return null}};var I='Alert';var W=e(((e,n)=>{var s;var a=t();var{cancelTimerText:c="Отменить",primaryAction:I,primaryActionProps:W={},secondaryAction:N,secondaryActionProps:P={},children:B,className:F,clear:M,customIcon:E,image:L,isCompact:O,link:R,linkProps:S={},noIcon:H,onClickCancelTimer:_,closeToast:q,size:D="s",style:G,textProps:J={},textWrap:K,timer:Q,title:U,titleProps:V={},type:X,width:Y=['fit-content','fit-content','fit-content','351px','304px','304px']}=m(null===(s=a.components)||void 0===s?void 0:s.Alert,e);var Z=l("Alert",F);var[$,oo]=r(!1);var eo=Boolean('l'===D||!!U||O&&(U||R||I||N));return v(C,{className:Z,clear:M,column:eo,isCompact:O,noIcon:H,onMouseEnter:()=>{Q&&oo(!0)},onMouseLeave:()=>{Q&&oo(!1)},ref:n,size:D,style:G,textWrap:K,type:X,width:Y,withAction:!!I||!!N,withCloseIcon:!!q,withImage:!!L,withLink:!!R,withTimer:!!Q,withTitle:!!U,children:[(!H||E)&&v(d,{column:eo,isCompact:O,withImage:!!L,children:[!H&&!Q&&!E&&!L&&j({isCompact:O,theme:a,type:X}),E&&z(u,{name:E,size:O?16:24}),L,Q&&z(f,{isCompact:O,paused:$,timer:Q,color:b({theme:a,type:X})})]}),v(y,{column:eo,isCompact:O,children:[U&&z(k,o(o({color:a.colors['content-onmain-primary'],isCompact:O,size:O?14:16,lineHeight:"m"},V),{},{children:U})),z(g,o(o({appearance:"body",color:a.colors['content-onmain-primary'],column:eo,isCompact:O,size:O?'xs':'s',textWrap:K},J),{},{children:B})),R&&z(w,{clear:M,column:eo,isCompact:O,withTitle:!!U,children:z(p,o(o({color:e.clear?a.colors['content-link']:a.colors['content-onmain-primary'],onClick:R.onClick,preset:"default",pseudo:!0,size:O?'s':'m'},S),{},{children:R.content}))}),(I||N)&&v(x,{column:eo,isCompact:O,withTitle:!!U,children:[N&&z(h,o(o({black:!0,fontWeight:"normal",onClick:N.onClick,outline:!0,preset:"brand",size:O?'xs':'s',margin:4},P),{},{children:N.content})),I&&z(h,o(o({black:!0,fontWeight:"normal",onClick:I.onClick,preset:"brand",size:O?'xs':'s',margin:4},W),{},{children:I.content}))]})]}),_&&z(A,{black:!0,clear:!0,fontWeight:"normal",isCompact:O,onClick:_,preset:"brand",size:O?'xs':'s',margin:4,children:c}),q&&(!O||!Q)&&z(T,{"aria-label":"close",onClick:q,type:"button",withTimer:!!Q,children:z(i,{color:a.colors['content-onmain-primary'],size:O?18:24})})]})}));W.displayName="Alert";export{W as Alert,I as COMPONENT_NAME};
-//# sourceMappingURL=Alert.js.map
+'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.js');var index$2=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js');var index$3=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.js');var index$4=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js');const getDefaultIcon=({isCompact:e,theme:r,type:o})=>{const i=e?16:24;switch(o){case'error':return require$$0.jsx(index$4.CloseCirlceFill,{color:r.colors['alert-bg-error-500'],size:i});case'info':return require$$0.jsx(index$3.NotifFill,{color:r.colors['content-brand-primary'],size:i});case'success':return require$$0.jsx(index$2.CheckCircleFill,{color:r.colors['alert-success'],size:i});case'warning':return require$$0.jsx(index$1.WarningTriangleFill,{color:r.colors['alert-warning'],size:i});default:return null}};const Alert=React.forwardRef(((e,r)=>{const o=styled.useTheme();const{cancelTimerText:i="Отменить",primaryAction:n,primaryActionProps:t={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:u,customIcon:m,image:p,isCompact:d,link:x,linkProps:$={},noIcon:C,onClickCancelTimer:h,closeToast:f,size:y="s",style:q,textProps:j={},textWrap:k,timer:_,title:g,titleProps:A={},type:w,width:v=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(o.components?.Alert,e);const T=useClassname.useClassname("Alert",a);const[I,z]=React.useState(!1);const b=Boolean(y==='l'||!!g||d&&(g||x||n||c));return require$$0.jsxs(style.Root,{className:T,clear:u,column:b,isCompact:d,noIcon:C,onMouseEnter:()=>{_&&z(!0)},onMouseLeave:()=>{_&&z(!1)},ref:r,size:y,style:q,textWrap:k,type:w,width:v,withAction:!!n||!!c,withCloseIcon:!!f,withImage:!!p,withLink:!!x,withTimer:!!_,withTitle:!!g,children:[(!C||m)&&require$$0.jsxs(style.IconWrapper,{column:b,isCompact:d,withImage:!!p,children:[!C&&!_&&!m&&!p&&getDefaultIcon({isCompact:d,theme:o,type:w}),m&&require$$0.jsx(Icon.Icon,{name:m,size:d?16:24}),p,_&&require$$0.jsx(style.Timer,{isCompact:d,paused:I,timer:_,color:utils.countdownColor({theme:o,type:w})})]}),require$$0.jsxs(style.ContentWrapper,{column:b,isCompact:d,children:[g&&require$$0.jsx(style.Title,{color:o.colors['content-onmain-primary'],isCompact:d,size:d?14:16,lineHeight:"m",...A,children:g}),require$$0.jsx(style.Content,{appearance:"body",color:o.colors['content-onmain-primary'],column:b,isCompact:d,size:d?'xs':'s',textWrap:k,...j,children:l}),x&&require$$0.jsx(style.Link,{clear:u,column:b,isCompact:d,withTitle:!!g,children:require$$0.jsx(Anchor.Anchor,{color:e.clear?o.colors['content-link']:o.colors['content-onmain-primary'],onClick:x.onClick,preset:"default",pseudo:!0,size:d?'s':'m',...$,children:x.content})}),(n||c)&&require$$0.jsxs(style.Actions,{column:b,isCompact:d,withTitle:!!g,children:[c&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:d?'xs':'s',margin:4,...s,children:c.content}),n&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:n.onClick,preset:"brand",size:d?'xs':'s',margin:4,...t,children:n.content})]})]}),h&&require$$0.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:d,onClick:h,preset:"brand",size:d?'xs':'s',margin:4,children:i}),f&&(!d||!_)&&require$$0.jsx(style.CloseIcon,{"aria-label":"close",onClick:f,type:"button",withTimer:!!_,children:require$$0.jsx(index.Close,{color:o.colors['content-onmain-primary'],size:d?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";

package/components/Alert/Alert.mjs

@@ -0,0 +1 @@
+import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';import{Close as Close_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.mjs';import{WarningTriangleFill as WarningTriangleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.mjs';import{CheckCircleFill as CheckCircleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.mjs';import{NotifFill as NotifFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.mjs';import{CloseCirlceFill as CloseCirlceFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:r})=>{const n=o?16:24;switch(r){case'error':return jsx(CloseCirlceFill_2,{color:e.colors['alert-bg-error-500'],size:n});case'info':return jsx(NotifFill_2,{color:e.colors['content-brand-primary'],size:n});case'success':return jsx(CheckCircleFill_2,{color:e.colors['alert-success'],size:n});case'warning':return jsx(WarningTriangleFill_2,{color:e.colors['alert-warning'],size:n});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const r=useTheme();const{cancelTimerText:n="Отменить",primaryAction:t,primaryActionProps:i={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:m,customIcon:p,image:d,isCompact:C,link:f,linkProps:x={},noIcon:u,onClickCancelTimer:h,closeToast:_,size:j="s",style:k,textProps:g={},textWrap:y,timer:T,title:A,titleProps:w={},type:F,width:I=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(r.components?.Alert,o);const z=useClassname("Alert",a);const[W,N]=useState(!1);const b=Boolean(j==='l'||!!A||C&&(A||f||t||c));return jsxs(Root,{className:z,clear:m,column:b,isCompact:C,noIcon:u,onMouseEnter:()=>{T&&N(!0)},onMouseLeave:()=>{T&&N(!1)},ref:e,size:j,style:k,textWrap:y,type:F,width:I,withAction:!!t||!!c,withCloseIcon:!!_,withImage:!!d,withLink:!!f,withTimer:!!T,withTitle:!!A,children:[(!u||p)&&jsxs(IconWrapper,{column:b,isCompact:C,withImage:!!d,children:[!u&&!T&&!p&&!d&&getDefaultIcon({isCompact:C,theme:r,type:F}),p&&jsx(Icon,{name:p,size:C?16:24}),d,T&&jsx(Timer,{isCompact:C,paused:W,timer:T,color:countdownColor({theme:r,type:F})})]}),jsxs(ContentWrapper,{column:b,isCompact:C,children:[A&&jsx(Title,{color:r.colors['content-onmain-primary'],isCompact:C,size:C?14:16,lineHeight:"m",...w,children:A}),jsx(Content,{appearance:"body",color:r.colors['content-onmain-primary'],column:b,isCompact:C,size:C?'xs':'s',textWrap:y,...g,children:l}),f&&jsx(Link,{clear:m,column:b,isCompact:C,withTitle:!!A,children:jsx(Anchor,{color:o.clear?r.colors['content-link']:r.colors['content-onmain-primary'],onClick:f.onClick,preset:"default",pseudo:!0,size:C?'s':'m',...x,children:f.content})}),(t||c)&&jsxs(Actions,{column:b,isCompact:C,withTitle:!!A,children:[c&&jsx(Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:C?'xs':'s',margin:4,...s,children:c.content}),t&&jsx(Button,{black:!0,fontWeight:"normal",onClick:t.onClick,preset:"brand",size:C?'xs':'s',margin:4,...i,children:t.content})]})]}),h&&jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:C,onClick:h,preset:"brand",size:C?'xs':'s',margin:4,children:n}),_&&(!C||!T)&&jsx(CloseIcon,{"aria-label":"close",onClick:_,type:"button",withTimer:!!T,children:jsx(Close_2,{color:r.colors['content-onmain-primary'],size:C?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};

package/components/Alert/CountdownCircle.js

@@ -1,2 +1 @@
-import{useState as r,useRef as e,useEffect as s}from'react';import{DefaultColorNames as t}from'../../theme/colors.js';import{Progress as a}from'../Progress/Progress.js';import{jsx as o}from'react/jsx-runtime';var l=l=>{var{className:c,color:n,isCompact:m,paused:i,timer:u}=l;var[p,f]=r(u);var v=e();return s((()=>()=>{v.current&&clearInterval(v.current)}),[]),s((()=>{i?clearInterval(v.current):v.current=setInterval((()=>{f((r=>r<=.05?(clearInterval(v.current),r):r-.05))}),50)}),[i]),o(a.Circle,{className:c,progress:p/u*100,progressStartAngle:0,resultColor:n,size:m?16:20,strokeBGColor:t.transparent,strokeLineWidth:1.5,children:Math.ceil(p)})};export{l as CountdownCircle};
-//# sourceMappingURL=CountdownCircle.js.map
+'use strict';var React=require('react');var colors=require('../../theme/colors.js');var require$$0=require('react/jsx-runtime');var Progress=require('../Progress/Progress.js');exports.CountdownCircle=({className:r,color:e,isCompact:s,paused:t,timer:a})=>{const[c,o]=React.useState(a);const l=React.useRef();return React.useEffect((()=>()=>{l.current&&clearInterval(l.current)}),[]),React.useEffect((()=>{t?clearInterval(l.current):l.current=setInterval((()=>{o((r=>r<=.05?(clearInterval(l.current),r):r-.05))}),50)}),[t]),require$$0.jsx(Progress.Progress.Circle,{className:r,progress:c/a*100,progressStartAngle:0,resultColor:e,size:s?16:20,strokeBGColor:colors.DefaultColorNames.transparent,strokeLineWidth:1.5,children:Math.ceil(c)})};

package/components/Alert/CountdownCircle.mjs

@@ -0,0 +1 @@
+import{useState,useRef,useEffect}from'react';import{DefaultColorNames}from'../../theme/colors.mjs';import{jsx}from'react/jsx-runtime';import{Progress}from'../Progress/Progress.mjs';const CountdownCircle=({className:e,color:r,isCompact:t,paused:s,timer:o})=>{const[c,a]=useState(o);const l=useRef();return useEffect((()=>()=>{l.current&&clearInterval(l.current)}),[]),useEffect((()=>{s?clearInterval(l.current):l.current=setInterval((()=>{a((e=>e<=.05?(clearInterval(l.current),e):e-.05))}),50)}),[s]),jsx(Progress.Circle,{className:e,progress:c/o*100,progressStartAngle:0,resultColor:r,size:t?16:20,strokeBGColor:DefaultColorNames.transparent,strokeLineWidth:1.5,children:Math.ceil(c)})};export{CountdownCircle};

package/components/Alert/style.js

@@ -1,2 +1 @@
-import n from'styled-components';import{focus as o}from'../../mixins/focus.js';import{responsiveProperty as t}from'../../mixins/responsive-property.js';import{Button as i}from'../Button/Button.js';import{Text as c}from'../Text/Text.js';import{CountdownCircle as a}from'./CountdownCircle.js';var r=n=>{var{column:o,isCompact:t,withImage:i,withTimer:c}=n;return o?'16px':t?c?'5px':'12px':i?'8px':c?'2px':'12px'};var e=n=>{var{column:o,isCompact:t}=n;return t?'20px':o?'28px':'32px'};var p=n.div.withConfig({shouldForwardProp:n=>['children','className','onMouseEnter','onMouseLeave','style'].includes(n)}).withConfig({componentId:"fox-ui__sc-1v79u95-0"})([""," ",""],(n=>"\n    display: flex;\n    align-items: ".concat(n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center',";\n    justify-content: ").concat(n.withTimer?'space-between':'flex-start',";\n    padding-top: ").concat(r(n),";\n    padding-right: ").concat((n=>{var{isCompact:o,withCloseIcon:t,withTimer:i}=n;return t?o?'12px':'16px':i?'8px':'20px'})(n),";\n    padding-bottom: ").concat(r(n),";\n    padding-left: ").concat((n=>{var{isCompact:o,noIcon:t,size:i,withAction:c,withImage:a,withTitle:r}=n;return o?r||'l'===i?a||!t?'16px':'20px':a?'12px':c&&t?'20px':'16px':r||'l'===i?a||!t?'16px':'24px':a?'16px':'20px'})(n),";\n    height: ").concat(n.isCompact||n.column||n.textWrap?'auto':'48px',";\n    min-width: ").concat(n.isCompact?'304px':'auto',";\n    max-width: ").concat(n.isCompact?'351px':'100%',";\n    border-radius: ").concat(n.column?n.isCompact?'20px':'12px':'30px',";\n    background-color: ").concat(((n,o,t)=>{if(o)return n.colors['bg-onmain-primary'];switch(t){case'error':return n.colors['alert-bg-error-200'];case'info':return n.colors['bg-brand-primary-200'];case'success':return n.colors['alert-bg-success-200'];case'warning':return n.colors['alert-bg-warning-200'];default:return n.colors['bg-oncolor-primary']}})(n.theme,!!n.clear,n.type),";\n    box-shadow: ").concat(n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none',";\n    box-sizing: border-box;\n  ")),t('width','width'));var s=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})([""," ",";"],(n=>"\n    display: flex;\n    margin-right: ".concat((n=>{var{column:o,isCompact:t,withImage:i}=n;return t?'8px':o?i?'8px':'12px':'8px'})(n),";\n  ")),(n=>n.withImage?"\n          img,\n          svg {\n            height: ".concat(e(n),";\n            width: ").concat(e(n),";\n          }\n        "):null));var m=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["",""],(n=>"\n    display: flex;\n    margin-right: auto;\n    flex-direction: ".concat(n.column?'column':'row',";\n    align-items: ").concat(n.column?'flex-start':'center',";\n    align-self: center;\n    max-width: ").concat(n.column?'260px':'initial',";\n    white-space: ").concat(n.column||n.isCompact?'normal':'nowrap',";\n    overflow: hidden;\n  ")));var l=n(c).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["",""],(n=>"\n    display: inline-block;\n    margin-top: ".concat(n.isCompact?'0':'2px',";\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  ")));var x=n(c).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["",""],(n=>"\n    text-overflow: ".concat(n.column||n.isCompact?'clip':'ellipsis',";\n    white-space: ").concat(n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit',";\n    overflow: hidden;\n  ")));var u=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["",""],(n=>"\n    display: flex;\n    margin-top: ".concat(n.column?n.isCompact&&!n.withTitle?'4px':'12px':0,";\n    margin-left: ").concat(n.column?0:'60px',";\n    color: ").concat(n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary'],";\n  ")));var d=n.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["",""],(n=>"\n     margin-top: ".concat((n=>{var{column:o,isCompact:t,withTitle:i}=n;return o?t?i?'16px':'8px':'16px':0})(n),";\n     margin-left: ").concat(n.column?0:'60px',";\n  ")));var g=n.button.withConfig({componentId:"fox-ui__sc-1v79u95-7"})([""," ",""],(n=>"\n    appearance: none;\n    display: flex;\n    margin-left: ".concat(n.withTimer?'0':'16px',";\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  ")),o);var h=n(i).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["",""],(n=>"\n    margin-left: ".concat(n.isCompact?'28px':'60px',";\n    padding-right: ").concat(n.isCompact?'16px':'28px',";\n    padding-left: ").concat(n.isCompact?'16px':'28px',";\n  ")));var f=n(a).withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["",""],(n=>"\n    line-height: ".concat(n.isCompact?'12px':'18px',";\n    font-weight: ").concat(n.isCompact?'700':'400',";\n    font-size: ").concat(n.isCompact?'11px':'14px',";\n    color: ").concat(n.color,";\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  ")));export{d as Actions,h as CancelTimer,g as CloseIcon,x as Content,m as ContentWrapper,s as IconWrapper,u as Link,p as Root,f as Timer,l as Title};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');var focus=require('../../mixins/focus.js');var responsiveProperty=require('../../mixins/responsive-property.js');var CountdownCircle=require('./CountdownCircle.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const getPaddingY=({column:n,isCompact:o,withImage:t,withTimer:e})=>n?'16px':o?e?'5px':'12px':t?'8px':e?'2px':'12px';const getImageSize=({column:n,isCompact:o})=>o?'20px':n?'28px':'32px';const Root=styled.div.withConfig({shouldForwardProp:n=>['children','className','onMouseEnter','onMouseLeave','style'].includes(n)}).withConfig({componentId:"fox-ui__sc-1v79u95-0"})([""," ",""],(n=>`\n    display: flex;\n    align-items: ${n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center'};\n    justify-content: ${n.withTimer?'space-between':'flex-start'};\n    padding-top: ${getPaddingY(n)};\n    padding-right: ${(({isCompact:n,withCloseIcon:o,withTimer:t})=>o?n?'12px':'16px':t?'8px':'20px')(n)};\n    padding-bottom: ${getPaddingY(n)};\n    padding-left: ${(({isCompact:n,noIcon:o,size:t,withAction:e,withImage:i,withTitle:r})=>n?r||t==='l'?i||!o?'16px':'20px':i?'12px':e&&o?'20px':'16px':r||t==='l'?i||!o?'16px':'24px':i?'16px':'20px')(n)};\n    height: ${n.isCompact||n.column||n.textWrap?'auto':'48px'};\n    min-width: ${n.isCompact?'304px':'auto'};\n    max-width: ${n.isCompact?'351px':'100%'};\n    border-radius: ${n.column?n.isCompact?'20px':'12px':'30px'};\n    background-color: ${((n,o,t)=>{if(o)return n.colors['bg-onmain-primary'];switch(t){case'error':return n.colors['alert-bg-error-200'];case'info':return n.colors['bg-brand-primary-200'];case'success':return n.colors['alert-bg-success-200'];case'warning':return n.colors['alert-bg-warning-200'];default:return n.colors['bg-oncolor-primary']}})(n.theme,!!n.clear,n.type)};\n    box-shadow: ${n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none'};\n    box-sizing: border-box;\n  `),responsiveProperty.responsiveProperty('width','width'));const IconWrapper=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})([""," ",";"],(n=>`\n    display: flex;\n    margin-right: ${(({column:n,isCompact:o,withImage:t})=>o?'8px':n?t?'8px':'12px':'8px')(n)};\n  `),(n=>n.withImage?`\n          img,\n          svg {\n            height: ${getImageSize(n)};\n            width: ${getImageSize(n)};\n          }\n        `:null));const ContentWrapper=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["",""],(n=>`\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${n.column?'column':'row'};\n    align-items: ${n.column?'flex-start':'center'};\n    align-self: center;\n    max-width: ${n.column?'260px':'initial'};\n    white-space: ${n.column||n.isCompact?'normal':'nowrap'};\n    overflow: hidden;\n  `));const Title=styled(Text.Text).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["",""],(n=>`\n    display: inline-block;\n    margin-top: ${n.isCompact?'0':'2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `));const Content=styled(Text.Text).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["",""],(n=>`\n    text-overflow: ${n.column||n.isCompact?'clip':'ellipsis'};\n    white-space: ${n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit'};\n    overflow: hidden;\n  `));const Link=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["",""],(n=>`\n    display: flex;\n    margin-top: ${n.column?n.isCompact&&!n.withTitle?'4px':'12px':0};\n    margin-left: ${n.column?0:'60px'};\n    color: ${n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary']};\n  `));const Actions=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["",""],(n=>`\n     margin-top: ${(({column:n,isCompact:o,withTitle:t})=>n?o?t?'16px':'8px':'16px':0)(n)};\n     margin-left: ${n.column?0:'60px'};\n  `));const CloseIcon=styled.button.withConfig({componentId:"fox-ui__sc-1v79u95-7"})([""," ",""],(n=>`\n    appearance: none;\n    display: flex;\n    margin-left: ${n.withTimer?'0':'16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `),focus.focus);const CancelTimer=styled(Button.Button).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["",""],(n=>`\n    margin-left: ${n.isCompact?'28px':'60px'};\n    padding-right: ${n.isCompact?'16px':'28px'};\n    padding-left: ${n.isCompact?'16px':'28px'};\n  `));const Timer=styled(CountdownCircle.CountdownCircle).withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["",""],(n=>`\n    line-height: ${n.isCompact?'12px':'18px'};\n    font-weight: ${n.isCompact?'700':'400'};\n    font-size: ${n.isCompact?'11px':'14px'};\n    color: ${n.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `));exports.Actions=Actions,exports.CancelTimer=CancelTimer,exports.CloseIcon=CloseIcon,exports.Content=Content,exports.ContentWrapper=ContentWrapper,exports.IconWrapper=IconWrapper,exports.Link=Link,exports.Root=Root,exports.Timer=Timer,exports.Title=Title;

package/components/Alert/style.mjs

@@ -0,0 +1 @@
+import styled from'styled-components';import{focus}from'../../mixins/focus.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import{CountdownCircle}from'./CountdownCircle.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const getPaddingY=({column:n,isCompact:o,withImage:t,withTimer:i})=>n?'16px':o?i?'5px':'12px':t?'8px':i?'2px':'12px';const getImageSize=({column:n,isCompact:o})=>o?'20px':n?'28px':'32px';const Root=styled.div.withConfig({shouldForwardProp:n=>['children','className','onMouseEnter','onMouseLeave','style'].includes(n)}).withConfig({componentId:"fox-ui__sc-1v79u95-0"})([""," ",""],(n=>`\n    display: flex;\n    align-items: ${n.column||(n.isCompact?!n.withTimer:n.textWrap)?'flex-start':'center'};\n    justify-content: ${n.withTimer?'space-between':'flex-start'};\n    padding-top: ${getPaddingY(n)};\n    padding-right: ${(({isCompact:n,withCloseIcon:o,withTimer:t})=>o?n?'12px':'16px':t?'8px':'20px')(n)};\n    padding-bottom: ${getPaddingY(n)};\n    padding-left: ${(({isCompact:n,noIcon:o,size:t,withAction:i,withImage:e,withTitle:r})=>n?r||t==='l'?e||!o?'16px':'20px':e?'12px':i&&o?'20px':'16px':r||t==='l'?e||!o?'16px':'24px':e?'16px':'20px')(n)};\n    height: ${n.isCompact||n.column||n.textWrap?'auto':'48px'};\n    min-width: ${n.isCompact?'304px':'auto'};\n    max-width: ${n.isCompact?'351px':'100%'};\n    border-radius: ${n.column?n.isCompact?'20px':'12px':'30px'};\n    background-color: ${((n,o,t)=>{if(o)return n.colors['bg-onmain-primary'];switch(t){case'error':return n.colors['alert-bg-error-200'];case'info':return n.colors['bg-brand-primary-200'];case'success':return n.colors['alert-bg-success-200'];case'warning':return n.colors['alert-bg-warning-200'];default:return n.colors['bg-oncolor-primary']}})(n.theme,!!n.clear,n.type)};\n    box-shadow: ${n.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none'};\n    box-sizing: border-box;\n  `),responsiveProperty('width','width'));const IconWrapper=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})([""," ",";"],(n=>`\n    display: flex;\n    margin-right: ${(({column:n,isCompact:o,withImage:t})=>o?'8px':n?t?'8px':'12px':'8px')(n)};\n  `),(n=>n.withImage?`\n          img,\n          svg {\n            height: ${getImageSize(n)};\n            width: ${getImageSize(n)};\n          }\n        `:null));const ContentWrapper=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["",""],(n=>`\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${n.column?'column':'row'};\n    align-items: ${n.column?'flex-start':'center'};\n    align-self: center;\n    max-width: ${n.column?'260px':'initial'};\n    white-space: ${n.column||n.isCompact?'normal':'nowrap'};\n    overflow: hidden;\n  `));const Title=styled(Text).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["",""],(n=>`\n    display: inline-block;\n    margin-top: ${n.isCompact?'0':'2px'};\n    margin-bottom: 8px;\n    max-width: 100%;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    font-weight: 700;\n    overflow: hidden;\n  `));const Content=styled(Text).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["",""],(n=>`\n    text-overflow: ${n.column||n.isCompact?'clip':'ellipsis'};\n    white-space: ${n.column||n.isCompact||n.textWrap?'pre-wrap':'inherit'};\n    overflow: hidden;\n  `));const Link=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["",""],(n=>`\n    display: flex;\n    margin-top: ${n.column?n.isCompact&&!n.withTitle?'4px':'12px':0};\n    margin-left: ${n.column?0:'60px'};\n    color: ${n.clear?n.theme.colors['content-link']:n.theme.colors['content-onmain-primary']};\n  `));const Actions=styled.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["",""],(n=>`\n     margin-top: ${(({column:n,isCompact:o,withTitle:t})=>n?o?t?'16px':'8px':'16px':0)(n)};\n     margin-left: ${n.column?0:'60px'};\n  `));const CloseIcon=styled.button.withConfig({componentId:"fox-ui__sc-1v79u95-7"})([""," ",""],(n=>`\n    appearance: none;\n    display: flex;\n    margin-left: ${n.withTimer?'0':'16px'};\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    border-radius: 50%;\n  `),focus);const CancelTimer=styled(Button).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["",""],(n=>`\n    margin-left: ${n.isCompact?'28px':'60px'};\n    padding-right: ${n.isCompact?'16px':'28px'};\n    padding-left: ${n.isCompact?'16px':'28px'};\n  `));const Timer=styled(CountdownCircle).withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["",""],(n=>`\n    line-height: ${n.isCompact?'12px':'18px'};\n    font-weight: ${n.isCompact?'700':'400'};\n    font-size: ${n.isCompact?'11px':'14px'};\n    color: ${n.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `));export{Actions,CancelTimer,CloseIcon,Content,ContentWrapper,IconWrapper,Link,Root,Timer,Title};

package/components/Alert/utils.js

@@ -1,2 +1 @@
-var r=r=>{var{theme:e,type:o}=r;switch(o){case'error':return e.colors['alert-bg-error-500'];case'info':default:return e.colors['content-brand-primary'];case'success':return e.colors['alert-success'];case'warning':return e.colors['alert-warning']}};export{r as countdownColor};
-//# sourceMappingURL=utils.js.map
+'use strict';exports.countdownColor=({theme:r,type:e})=>{switch(e){case'error':return r.colors['alert-bg-error-500'];case'info':default:return r.colors['content-brand-primary'];case'success':return r.colors['alert-success'];case'warning':return r.colors['alert-warning']}};

package/components/Alert/utils.mjs

@@ -0,0 +1 @@
+const countdownColor=({theme:r,type:o})=>{switch(o){case'error':return r.colors['alert-bg-error-500'];case'info':default:return r.colors['content-brand-primary'];case'success':return r.colors['alert-success'];case'warning':return r.colors['alert-warning']}};export{countdownColor};

package/components/Amount/Amount.js

@@ -1,2 +1 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{PureComponent as t}from'react';import a from'clsx';import{Text as s}from'../Text/Text.js';import{CURRENCY_MAP as n}from'./data/index.js';import{Root as o}from'./style.js';import{jsxs as i,jsx as c,Fragment as l}from'react/jsx-runtime';var m=["value","digitsAfterPoint","currency","isHeader","className","style","crossedOut","onlyCurrency"];var u=/^0+$/;function d(r){var e=t=>{var{length:a}=t;if(a<=r)return[t];var s=a-r;return[t.slice(s,a)].concat(e(t.slice(0,s)))};return e}class p extends t{constructor(){super(...arguments),this.renderCurrencySymbol=r=>i("span",{style:{position:'relative'},children:['RUR'===this.props.currency?c("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,c("span",{children:" ".concat(r)})]})}static getCurrencySymbol(r){return n[r]||r}renderMinorPart(r){var{showZeroMinorPart:e,separator:t}=this.props;var a=!1;return r&&(a=!0,!e&&u.test(r)&&(a=!1)),a?i("span",{className:"minor-container",children:[c("span",{className:"separator",children:t}),c("span",{className:"minor",children:r})]}):null}render(){var t=this.props,{value:n,digitsAfterPoint:u,currency:v,isHeader:y,className:h,style:b,crossedOut:f,onlyCurrency:P}=t,g=e(t,m);var{majorPart:j,minorPart:x,isNegative:N,currencySymbol:C}=function(r,e,t){var a=arguments.length>0&&void 0!==r?r:0;var s=arguments.length>1?e:void 0;var n=arguments.length>2?t:void 0;var o=a<0;var i=Math.abs(a).toFixed(s).split('.');var c=i[0];var l=i[1];var m=d(3)(c).reverse().join(' ');var u=m+(l?",".concat(l):'');return{majorPart:m,minorPart:l,value:u,isNegative:o,currencySymbol:n?p.getCurrencySymbol(n):''}}(n,u,v);var S=a('amount',h);var A=i(o,{className:S,style:b,crossedOut:f,children:[P?null:i(l,{children:[i("span",{className:"major",children:[N&&"−",j]}),this.renderMinorPart(x)]}),v&&this.renderCurrencySymbol(C)]});return c(y?s.Heading:s,r(r({},g),{},{as:"span",children:A}))}}p.displayName='Amount',p.defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};export{p as Amount};
-//# sourceMappingURL=Amount.js.map
+'use strict';var React=require('react');var cx=require('clsx');var index=require('./data/index.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const ZERO_MINOR_PART_REGEXP=/^0+$/;class Amount extends React.PureComponent{static displayName='Amount';static defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};static getCurrencySymbol(e){return index.CURRENCY_MAP[e]||e}renderMinorPart(e){const{showZeroMinorPart:r,separator:s}=this.props;let t=!1;return e&&(t=!0,!r&&ZERO_MINOR_PART_REGEXP.test(e)&&(t=!1)),t?require$$0.jsxs("span",{className:"minor-container",children:[require$$0.jsx("span",{className:"separator",children:s}),require$$0.jsx("span",{className:"minor",children:e})]}):null}renderCurrencySymbol=e=>require$$0.jsxs("span",{style:{position:'relative'},children:[this.props.currency==='RUR'?require$$0.jsx("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,require$$0.jsx("span",{children:` ${e}`})]});render(){const{value:e,digitsAfterPoint:r,currency:s,isHeader:t,className:n,style:i,crossedOut:a,onlyCurrency:o,...c}=this.props;const{majorPart:u,minorPart:l,isNegative:d,currencySymbol:m}=((e=0,r,s)=>{const t=e<0;const n=Math.abs(e).toFixed(r).split('.');const i=n[0];const a=n[1];const o=(()=>{const parts=e=>{const{length:r}=e;if(r<=3)return[e];const s=r-3;return[e.slice(s,r)].concat(parts(e.slice(0,s)))};return parts})()(i).reverse().join(' ');return{majorPart:o,minorPart:a,value:o+(a?`,${a}`:''),isNegative:t,currencySymbol:s?Amount.getCurrencySymbol(s):''}})(e,r,s);const y=cx('amount',n);const x=require$$0.jsxs(style.Root,{className:y,style:i,crossedOut:a,children:[o?null:require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsxs("span",{className:"major",children:[d&&"−",u]}),this.renderMinorPart(l)]}),s&&this.renderCurrencySymbol(m)]});return require$$0.jsx(t?Text.Text.Heading:Text.Text,{...c,as:"span",children:x})}}exports.Amount=Amount;

package/components/Amount/Amount.mjs

@@ -0,0 +1 @@
+import{PureComponent}from'react';import cx from'clsx';import{CURRENCY_MAP}from'./data/index.mjs';import{Root}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const ZERO_MINOR_PART_REGEXP=/^0+$/;class Amount extends PureComponent{static displayName='Amount';static defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};static getCurrencySymbol(r){return CURRENCY_MAP[r]||r}renderMinorPart(r){const{showZeroMinorPart:s,separator:t}=this.props;let e=!1;return r&&(e=!0,!s&&ZERO_MINOR_PART_REGEXP.test(r)&&(e=!1)),e?jsxs("span",{className:"minor-container",children:[jsx("span",{className:"separator",children:t}),jsx("span",{className:"minor",children:r})]}):null}renderCurrencySymbol=r=>jsxs("span",{style:{position:'relative'},children:[this.props.currency==='RUR'?jsx("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,jsx("span",{children:` ${r}`})]});render(){const{value:r,digitsAfterPoint:s,currency:t,isHeader:e,className:n,style:o,crossedOut:i,onlyCurrency:a,...c}=this.props;const{majorPart:l,minorPart:m,isNegative:u,currencySymbol:d}=((r=0,s,t)=>{const e=r<0;const n=Math.abs(r).toFixed(s).split('.');const o=n[0];const i=n[1];const a=(()=>{const parts=r=>{const{length:s}=r;if(s<=3)return[r];const t=s-3;return[r.slice(t,s)].concat(parts(r.slice(0,t)))};return parts})()(o).reverse().join(' ');return{majorPart:a,minorPart:i,value:a+(i?`,${i}`:''),isNegative:e,currencySymbol:t?Amount.getCurrencySymbol(t):''}})(r,s,t);const p=cx('amount',n);const y=jsxs(Root,{className:p,style:o,crossedOut:i,children:[a?null:jsxs(Fragment,{children:[jsxs("span",{className:"major",children:[u&&"−",l]}),this.renderMinorPart(m)]}),t&&this.renderCurrencySymbol(d)]});return jsx(e?Text.Heading:Text,{...c,as:"span",children:y})}}export{Amount};

package/components/Amount/data/index.js

@@ -1,2 +1 @@
-var R;(R=>{R.ALL="ALL",R.AFN="AFN",R.ARS="ARS",R.AWG="AWG",R.AUD="AUD",R.AZN="AZN",R.BSD="BSD",R.BBD="BBD",R.BYR="BYR",R.BZD="BZD",R.BMD="BMD",R.BOB="BOB",R.BAM="BAM",R.BWP="BWP",R.BGN="BGN",R.BRL="BRL",R.BND="BND",R.KHR="KHR",R.CAD="CAD",R.KYD="KYD",R.CLP="CLP",R.CNY="CNY",R.COP="COP",R.CRC="CRC",R.HRK="HRK",R.CUP="CUP",R.CZK="CZK",R.DKK="DKK",R.DOP="DOP",R.XCD="XCD",R.EGP="EGP",R.SVC="SVC",R.EEK="EEK",R.EUR="EUR",R.FKP="FKP",R.FJD="FJD",R.FRF="FRF",R.GHC="GHC",R.GIP="GIP",R.GTQ="GTQ",R.GGP="GGP",R.GYD="GYD",R.HNL="HNL",R.HKD="HKD",R.HUF="HUF",R.ISK="ISK",R.INR="INR",R.IDR="IDR",R.IRR="IRR",R.IMP="IMP",R.ILS="ILS",R.JMD="JMD",R.JPY="JPY",R.JEP="JEP",R.KZT="KZT",R.KGS="KGS",R.LAK="LAK",R.LVL="LVL",R.LBP="LBP",R.LRD="LRD",R.LTL="LTL",R.MKD="MKD",R.MYR="MYR",R.MUR="MUR",R.MXN="MXN",R.MNT="MNT",R.MZN="MZN",R.NAD="NAD",R.NPR="NPR",R.ANG="ANG",R.NZD="NZD",R.NIO="NIO",R.NGN="NGN",R.KPW="KPW",R.NOK="NOK",R.OMR="OMR",R.PKR="PKR",R.PAB="PAB",R.PYG="PYG",R.PEN="PEN",R.PHP="PHP",R.PLN="PLN",R.QAR="QAR",R.RON="RON",R.RUR="RUR",R.RUB="RUB",R.SHP="SHP",R.SAR="SAR",R.RSD="RSD",R.SCR="SCR",R.SGD="SGD",R.SBD="SBD",R.SOS="SOS",R.ZAR="ZAR",R.KRW="KRW",R.LKR="LKR",R.SEK="SEK",R.CHF="CHF",R.SRD="SRD",R.SYP="SYP",R.TWD="TWD",R.THB="THB",R.TTD="TTD",R.TRY="TRY",R.TRL="TRL",R.TVD="TVD",R.UAH="UAH",R.GBP="GBP",R.USD="USD",R.UYU="UYU",R.UZS="UZS",R.VEF="VEF",R.VND="VND",R.YER="YER",R.ZWD="ZWD"})(R||(R={}));var D=Object.freeze({ALL:'Lek',AFN:'؋',ARS:'$',AWG:'ƒ',AUD:'$',AZN:'₼',BSD:'$',BBD:'$',BYR:'Br',BZD:'BZ$',BMD:'$',BOB:'$b',BAM:'KM',BWP:'P',BGN:'лв',BRL:'R$',BND:'$',KHR:'៛',CAD:'C$',KYD:'$',CLP:'$',CNY:'¥',COP:'$',CRC:'₡',HRK:'kn',CUP:'₱',CZK:'Kč',DKK:'kr',DOP:'RD$',XCD:'$',EGP:'£',SVC:'$',EEK:'kr',EUR:'€',FKP:'£',FJD:'$',FRF:'₣',GHC:'¢',GIP:'£',GTQ:'Q',GGP:'£',GYD:'$',HNL:'L',HKD:'$',HUF:'Ft',ISK:'kr',INR:'₨',IDR:'Rp',IRR:'﷼',IMP:'£',ILS:'₪',JMD:'J$',JPY:'¥',JEP:'£',KZT:'₸',KGS:'KGS',LAK:'₭',LVL:'Ls',LBP:'£',LRD:'$',LTL:'Lt',MKD:'ден',MYR:'RM',MUR:'₨',MXN:'$',MNT:'₮',MZN:'MT',NAD:'$',NPR:'₨',ANG:'ƒ',NZD:'$',NIO:'C$',NGN:'₦',KPW:'₩',NOK:'kr',OMR:'﷼',PKR:'₨',PAB:'B/.',PYG:'Gs',PEN:'S/.',PHP:'₱',PLN:'zł',QAR:'﷼',RON:'lei',RUR:'₽',RUB:'₽',SHP:'£',SAR:'﷼',RSD:'Дин.',SCR:'₨',SGD:'$',SBD:'$',SOS:'S',ZAR:'R',KRW:'₩',LKR:'₨',SEK:'kr',CHF:'CHF',SRD:'$',SYP:'£',TWD:'NT$',THB:'฿',TTD:'TT$',TRY:'₤',TRL:'₤',TVD:'$',UAH:'₴',GBP:'£',USD:'$',UYU:'$U',UZS:'лв',VEF:'Bs',VND:'₫',YER:'﷼',ZWD:'Z$'});export{D as CURRENCY_MAP,R as CurrencyCodes};
-//# sourceMappingURL=index.js.map
+'use strict';let CurrencyCodes=(R=>(R.ALL="ALL",R.AFN="AFN",R.ARS="ARS",R.AWG="AWG",R.AUD="AUD",R.AZN="AZN",R.BSD="BSD",R.BBD="BBD",R.BYR="BYR",R.BZD="BZD",R.BMD="BMD",R.BOB="BOB",R.BAM="BAM",R.BWP="BWP",R.BGN="BGN",R.BRL="BRL",R.BND="BND",R.KHR="KHR",R.CAD="CAD",R.KYD="KYD",R.CLP="CLP",R.CNY="CNY",R.COP="COP",R.CRC="CRC",R.HRK="HRK",R.CUP="CUP",R.CZK="CZK",R.DKK="DKK",R.DOP="DOP",R.XCD="XCD",R.EGP="EGP",R.SVC="SVC",R.EEK="EEK",R.EUR="EUR",R.FKP="FKP",R.FJD="FJD",R.FRF="FRF",R.GHC="GHC",R.GIP="GIP",R.GTQ="GTQ",R.GGP="GGP",R.GYD="GYD",R.HNL="HNL",R.HKD="HKD",R.HUF="HUF",R.ISK="ISK",R.INR="INR",R.IDR="IDR",R.IRR="IRR",R.IMP="IMP",R.ILS="ILS",R.JMD="JMD",R.JPY="JPY",R.JEP="JEP",R.KZT="KZT",R.KGS="KGS",R.LAK="LAK",R.LVL="LVL",R.LBP="LBP",R.LRD="LRD",R.LTL="LTL",R.MKD="MKD",R.MYR="MYR",R.MUR="MUR",R.MXN="MXN",R.MNT="MNT",R.MZN="MZN",R.NAD="NAD",R.NPR="NPR",R.ANG="ANG",R.NZD="NZD",R.NIO="NIO",R.NGN="NGN",R.KPW="KPW",R.NOK="NOK",R.OMR="OMR",R.PKR="PKR",R.PAB="PAB",R.PYG="PYG",R.PEN="PEN",R.PHP="PHP",R.PLN="PLN",R.QAR="QAR",R.RON="RON",R.RUR="RUR",R.RUB="RUB",R.SHP="SHP",R.SAR="SAR",R.RSD="RSD",R.SCR="SCR",R.SGD="SGD",R.SBD="SBD",R.SOS="SOS",R.ZAR="ZAR",R.KRW="KRW",R.LKR="LKR",R.SEK="SEK",R.CHF="CHF",R.SRD="SRD",R.SYP="SYP",R.TWD="TWD",R.THB="THB",R.TTD="TTD",R.TRY="TRY",R.TRL="TRL",R.TVD="TVD",R.UAH="UAH",R.GBP="GBP",R.USD="USD",R.UYU="UYU",R.UZS="UZS",R.VEF="VEF",R.VND="VND",R.YER="YER",R.ZWD="ZWD",R))({});const CURRENCY_MAP=Object.freeze({ALL:'Lek',AFN:'؋',ARS:'$',AWG:'ƒ',AUD:'$',AZN:'₼',BSD:'$',BBD:'$',BYR:'Br',BZD:'BZ$',BMD:'$',BOB:'$b',BAM:'KM',BWP:'P',BGN:'лв',BRL:'R$',BND:'$',KHR:'៛',CAD:'C$',KYD:'$',CLP:'$',CNY:'¥',COP:'$',CRC:'₡',HRK:'kn',CUP:'₱',CZK:'Kč',DKK:'kr',DOP:'RD$',XCD:'$',EGP:'£',SVC:'$',EEK:'kr',EUR:'€',FKP:'£',FJD:'$',FRF:'₣',GHC:'¢',GIP:'£',GTQ:'Q',GGP:'£',GYD:'$',HNL:'L',HKD:'$',HUF:'Ft',ISK:'kr',INR:'₨',IDR:'Rp',IRR:'﷼',IMP:'£',ILS:'₪',JMD:'J$',JPY:'¥',JEP:'£',KZT:'₸',KGS:'KGS',LAK:'₭',LVL:'Ls',LBP:'£',LRD:'$',LTL:'Lt',MKD:'ден',MYR:'RM',MUR:'₨',MXN:'$',MNT:'₮',MZN:'MT',NAD:'$',NPR:'₨',ANG:'ƒ',NZD:'$',NIO:'C$',NGN:'₦',KPW:'₩',NOK:'kr',OMR:'﷼',PKR:'₨',PAB:'B/.',PYG:'Gs',PEN:'S/.',PHP:'₱',PLN:'zł',QAR:'﷼',RON:'lei',RUR:'₽',RUB:'₽',SHP:'£',SAR:'﷼',RSD:'Дин.',SCR:'₨',SGD:'$',SBD:'$',SOS:'S',ZAR:'R',KRW:'₩',LKR:'₨',SEK:'kr',CHF:'CHF',SRD:'$',SYP:'£',TWD:'NT$',THB:'฿',TTD:'TT$',TRY:'₤',TRL:'₤',TVD:'$',UAH:'₴',GBP:'£',USD:'$',UYU:'$U',UZS:'лв',VEF:'Bs',VND:'₫',YER:'﷼',ZWD:'Z$'});exports.CURRENCY_MAP=CURRENCY_MAP,exports.CurrencyCodes=CurrencyCodes;

package/components/Amount/data/index.mjs

@@ -0,0 +1 @@
+let CurrencyCodes=(R=>(R.ALL="ALL",R.AFN="AFN",R.ARS="ARS",R.AWG="AWG",R.AUD="AUD",R.AZN="AZN",R.BSD="BSD",R.BBD="BBD",R.BYR="BYR",R.BZD="BZD",R.BMD="BMD",R.BOB="BOB",R.BAM="BAM",R.BWP="BWP",R.BGN="BGN",R.BRL="BRL",R.BND="BND",R.KHR="KHR",R.CAD="CAD",R.KYD="KYD",R.CLP="CLP",R.CNY="CNY",R.COP="COP",R.CRC="CRC",R.HRK="HRK",R.CUP="CUP",R.CZK="CZK",R.DKK="DKK",R.DOP="DOP",R.XCD="XCD",R.EGP="EGP",R.SVC="SVC",R.EEK="EEK",R.EUR="EUR",R.FKP="FKP",R.FJD="FJD",R.FRF="FRF",R.GHC="GHC",R.GIP="GIP",R.GTQ="GTQ",R.GGP="GGP",R.GYD="GYD",R.HNL="HNL",R.HKD="HKD",R.HUF="HUF",R.ISK="ISK",R.INR="INR",R.IDR="IDR",R.IRR="IRR",R.IMP="IMP",R.ILS="ILS",R.JMD="JMD",R.JPY="JPY",R.JEP="JEP",R.KZT="KZT",R.KGS="KGS",R.LAK="LAK",R.LVL="LVL",R.LBP="LBP",R.LRD="LRD",R.LTL="LTL",R.MKD="MKD",R.MYR="MYR",R.MUR="MUR",R.MXN="MXN",R.MNT="MNT",R.MZN="MZN",R.NAD="NAD",R.NPR="NPR",R.ANG="ANG",R.NZD="NZD",R.NIO="NIO",R.NGN="NGN",R.KPW="KPW",R.NOK="NOK",R.OMR="OMR",R.PKR="PKR",R.PAB="PAB",R.PYG="PYG",R.PEN="PEN",R.PHP="PHP",R.PLN="PLN",R.QAR="QAR",R.RON="RON",R.RUR="RUR",R.RUB="RUB",R.SHP="SHP",R.SAR="SAR",R.RSD="RSD",R.SCR="SCR",R.SGD="SGD",R.SBD="SBD",R.SOS="SOS",R.ZAR="ZAR",R.KRW="KRW",R.LKR="LKR",R.SEK="SEK",R.CHF="CHF",R.SRD="SRD",R.SYP="SYP",R.TWD="TWD",R.THB="THB",R.TTD="TTD",R.TRY="TRY",R.TRL="TRL",R.TVD="TVD",R.UAH="UAH",R.GBP="GBP",R.USD="USD",R.UYU="UYU",R.UZS="UZS",R.VEF="VEF",R.VND="VND",R.YER="YER",R.ZWD="ZWD",R))({});const CURRENCY_MAP=Object.freeze({ALL:'Lek',AFN:'؋',ARS:'$',AWG:'ƒ',AUD:'$',AZN:'₼',BSD:'$',BBD:'$',BYR:'Br',BZD:'BZ$',BMD:'$',BOB:'$b',BAM:'KM',BWP:'P',BGN:'лв',BRL:'R$',BND:'$',KHR:'៛',CAD:'C$',KYD:'$',CLP:'$',CNY:'¥',COP:'$',CRC:'₡',HRK:'kn',CUP:'₱',CZK:'Kč',DKK:'kr',DOP:'RD$',XCD:'$',EGP:'£',SVC:'$',EEK:'kr',EUR:'€',FKP:'£',FJD:'$',FRF:'₣',GHC:'¢',GIP:'£',GTQ:'Q',GGP:'£',GYD:'$',HNL:'L',HKD:'$',HUF:'Ft',ISK:'kr',INR:'₨',IDR:'Rp',IRR:'﷼',IMP:'£',ILS:'₪',JMD:'J$',JPY:'¥',JEP:'£',KZT:'₸',KGS:'KGS',LAK:'₭',LVL:'Ls',LBP:'£',LRD:'$',LTL:'Lt',MKD:'ден',MYR:'RM',MUR:'₨',MXN:'$',MNT:'₮',MZN:'MT',NAD:'$',NPR:'₨',ANG:'ƒ',NZD:'$',NIO:'C$',NGN:'₦',KPW:'₩',NOK:'kr',OMR:'﷼',PKR:'₨',PAB:'B/.',PYG:'Gs',PEN:'S/.',PHP:'₱',PLN:'zł',QAR:'﷼',RON:'lei',RUR:'₽',RUB:'₽',SHP:'£',SAR:'﷼',RSD:'Дин.',SCR:'₨',SGD:'$',SBD:'$',SOS:'S',ZAR:'R',KRW:'₩',LKR:'₨',SEK:'kr',CHF:'CHF',SRD:'$',SYP:'£',TWD:'NT$',THB:'฿',TTD:'TT$',TRY:'₤',TRL:'₤',TVD:'$',UAH:'₴',GBP:'£',USD:'$',UYU:'$U',UZS:'лв',VEF:'Bs',VND:'₫',YER:'﷼',ZWD:'Z$'});export{CURRENCY_MAP,CurrencyCodes};

package/components/Amount/style.js

@@ -1,2 +1 @@
-import o,{css as t}from'styled-components';var s=t(["text-decoration:line-through;"]);var e=o.span.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(o=>o.crossedOut?s:null));export{e as Root};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');const crossedOut=styled.css(["text-decoration:line-through;"]);const Root=styled.span.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(o=>o.crossedOut?crossedOut:null));exports.Root=Root;

package/components/Amount/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';const crossedOut=css(["text-decoration:line-through;"]);const Root=styled.span.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(o=>o.crossedOut?crossedOut:null));export{Root};

package/components/Anchor/Anchor.js

@@ -1,2 +1 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{Link as s}from'react-router-dom';import{useTheme as i}from'styled-components';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{useClassname as a}from'../../hooks/useClassname.js';import{Text as n}from'../Text/Text.js';import{Icon as m}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as p}from'./constants.js';import{Root as c}from'./style.js';import{jsx as d,jsxs as l,Fragment as v}from'react/jsx-runtime';var f=["size","autoRel","textProps","iconProps","icon","children","content"];var h='Anchor';var u=t(e(((e,t)=>{var p,h,u;var{size:g="inherit",autoRel:j=!0,textProps:P={},iconProps:b={},icon:x,children:y,content:A}=e,N=o(e,f);var T=i();var z=a("Anchor",N.className);var I=null===(p=T.utils)||void 0===p?void 0:p.relBuilder;var R=null!==(h=N.href)&&void 0!==h?h:N.to;var M=null!==(u=N.rel)&&void 0!==u?u:j&&I&&'string'==typeof R?I(R,N.target):void 0;var[w,C]=Array.isArray(x)?x:[x];var E={as:'span',size:'inherit',color:'inherit',underline:N.underline,marginLeft:w?'0.25em':void 0,marginRight:C?'0.25em':void 0};var S={as:'span',color:'inherit'};var k;return N.to&&(k=s),N.pseudo&&(k='div'),N.disabled&&(k='span'),N.as&&(k=N.as),d(c,r(r({},N),{},{ref:t,as:k,className:z,size:g,rel:M,"data-disabled":N.disabled,children:'function'==typeof y?y({baseTextProps:E,textProps:P,iconBaseProps:S,iconProps:b,icon:x}):'brand'===e.preset?l(v,{children:[w&&d(m,r(r({name:'string'==typeof w?w:void 0,icon:'string'!=typeof w?w:void 0},S),b)),d(n,r(r(r({},E),P),{},{children:y||A})),C&&d(m,r(r({name:'string'==typeof C?C:void 0,icon:'string'!=typeof C?C:void 0},S),b))]}):d(v,{children:y||A})}))})),{displayName:"Anchor",sizes:p});export{u as Anchor,h as COMPONENT_NAME};
-//# sourceMappingURL=Anchor.js.map
+'use strict';var React=require('react');var reactRouterDom=require('react-router-dom');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.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 Anchor=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="inherit",autoRel:t=!0,textProps:o={},iconProps:n={},icon:i,children:a,content:c,...u}=e;const d=styled.useTheme();const l=useClassname.useClassname("Anchor",u.className);const p=d.utils?.relBuilder;const h=u.href??u.to;const m=u.rel??(t&&p&&typeof h=='string'?p(h,u.target):void 0);const[q,v]=Array.isArray(i)?i:[i];const $={as:'span',size:'inherit',color:'inherit',underline:u.underline,marginLeft:q?'0.25em':void 0,marginRight:v?'0.25em':void 0};const x={as:'span',color:'inherit'};let g;return u.to&&(g=reactRouterDom.Link),u.pseudo&&(g='div'),u.disabled&&(g='span'),u.as&&(g=u.as),require$$0.jsx(style.Root,{...u,ref:r,as:g,className:l,size:s,rel:m,"data-disabled":u.disabled,children:typeof a=='function'?a({baseTextProps:$,textProps:o,iconBaseProps:x,iconProps:n,icon:i}):e.preset==='brand'?require$$0.jsxs(require$$0.Fragment,{children:[q&&require$$0.jsx(Icon.Icon,{name:typeof q=='string'?q:void 0,icon:typeof q!='string'?q:void 0,...x,...n}),require$$0.jsx(Text.Text,{...$,...o,children:a||c}),v&&require$$0.jsx(Icon.Icon,{name:typeof v=='string'?v:void 0,icon:typeof v!='string'?v:void 0,...x,...n})]}):require$$0.jsx(require$$0.Fragment,{children:a||c})})})),{displayName:"Anchor",sizes:constants.SIZES});exports.Anchor=Anchor,exports.COMPONENT_NAME="Anchor";

package/components/Anchor/Anchor.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{Link}from'react-router-dom';import{useTheme}from'styled-components';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Anchor';const Anchor=withMergedProps(forwardRef(((o,e)=>{const{size:s="inherit",autoRel:r=!0,textProps:t={},iconProps:n={},icon:i,children:m,content:a,...c}=o;const d=useTheme();const p=useClassname("Anchor",c.className);const l=d.utils?.relBuilder;const f=c.href??c.to;const h=c.rel??(r&&l&&typeof f=='string'?l(f,c.target):void 0);const[x,g]=Array.isArray(i)?i:[i];const j={as:'span',size:'inherit',color:'inherit',underline:c.underline,marginLeft:x?'0.25em':void 0,marginRight:g?'0.25em':void 0};const u={as:'span',color:'inherit'};let y;return c.to&&(y=Link),c.pseudo&&(y='div'),c.disabled&&(y='span'),c.as&&(y=c.as),jsx(Root,{...c,ref:e,as:y,className:p,size:s,rel:h,"data-disabled":c.disabled,children:typeof m=='function'?m({baseTextProps:j,textProps:t,iconBaseProps:u,iconProps:n,icon:i}):o.preset==='brand'?jsxs(Fragment,{children:[x&&jsx(Icon,{name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...u,...n}),jsx(Text,{...j,...t,children:m||a}),g&&jsx(Icon,{name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...u,...n})]}):jsx(Fragment,{children:m||a})})})),{displayName:"Anchor",sizes:SIZES});export{Anchor,COMPONENT_NAME};

package/components/Anchor/constants.js

@@ -1,2 +1 @@
-var x={xxxl:{fontSize:24},xxl:{fontSize:22},xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12},xxs:{fontSize:10},xxxs:{fontSize:8}};export{x as SIZES};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{fontSize:24},xxl:{fontSize:22},xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12},xxs:{fontSize:10},xxxs:{fontSize:8}};

package/components/Anchor/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{fontSize:24},xxl:{fontSize:22},xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12},xxs:{fontSize:10},xxxs:{fontSize:8}};export{SIZES};

package/components/Anchor/style.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import n,{css as r}from'styled-components';import e from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{getColor as i}from'../../mixins/color.js';import{focus as l}from'../../mixins/focus.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{display as s}from'../../mixins/display.js';var d=t((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));var p=o=>"\n  color: ".concat(o.color,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n  }\n  &:active {\n    color: ").concat(o.color,";\n  }\n  &[data-disabled=\"true\"] {\n    color: ").concat(o.colorDisabled,";\n  }\n");var m={default:r(["",""],(n=>p(o({color:n.wrapper?'inherit':n.theme.colors.accent,colorHover:n.wrapper?'inherit':n.theme.colors.primary,colorDisabled:n.theme.colors['content-disabled']},n.palette)))),primary:r(["",""],(n=>p(o({color:n.theme.colors['content-link'],colorHover:e(n.theme.colors['content-link']).lighten(10).toString(),colorDisabled:n.theme.colors['content-disabled']},n.palette)))),onColored:r(["",""],(n=>p(o({color:n.theme.colors['content-oncolor-primary'],colorHover:e(n.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:n.theme.colors['content-oncolor-disabled']},n.palette))))};var b=n.a.withConfig({shouldForwardProp:d}).withConfig({componentId:"fox-ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n      vertical-align: ").concat(o.verticalAlign?"".concat('string'==typeof o.verticalAlign?o.verticalAlign:'text-bottom'):'baseline',";\n      ").concat('brand'===o.preset?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":"\n              display: ".concat(o.wrapper?'block':'inline-block',";\n              text-decoration-line: ").concat(!0===o.underline?'underline':'none',";\n              border-bottom: ").concat(o.pseudo||'string'==typeof o.underline?"1px ".concat('string'==typeof o.underline?o.underline:'dashed'):'none',";\n            "),"\n  \n  ")),(o=>o.onColored?m.onColored:'brand'===o.preset?m.primary:m.default),l,c,a,(o=>o.display&&s(o.display)),(o=>o.color&&"color: ".concat(i(o.color,o),";")));export{b 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 color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var display=require('../../mixins/display.js');const shouldForwardAnchorProp=style.createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({componentId:"fox-ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(o=>o.display&&display.display(o.display)),(o=>o.color&&`color: ${color.getColor(o.color,o)};`));exports.Root=Root;

package/components/Anchor/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{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{display}from'../../mixins/display.mjs';const shouldForwardAnchorProp=createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({componentId:"fox-ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus,responsiveSize,responsiveMargin,(o=>o.display&&display(o.display)),(o=>o.color&&`color: ${getColor(o.color,o)};`));export{Root};

package/components/Arrow/Arrow.js

@@ -1,2 +1 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as a}from'./constants.js';import{SIZES_DEFAULT as i}from'./default-constants.js';import{Root as p}from'./style.js';import{jsx as m}from'react/jsx-runtime';var n=["type","size","iconProps"];var c='Arrow';var f=s(e(((e,s)=>{var{type:a="button",size:i="l",iconProps:c={}}=e,f=o(e,n);return m(p,r(r({},f),{},{type:a,size:i,ref:s,children:m(t,r(r({name:'brand'===f.preset?'arrowUp':'chevronUp'},{as:'span',color:'inherit'}),c))}))})),{displayName:"Arrow",sizes:r=>'brand'===r.preset?a:i});export{f as Arrow,c as COMPONENT_NAME};
-//# sourceMappingURL=Arrow.js.map
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((r,e)=>{const{type:s="button",size:t="l",iconProps:o={},...n}=r;return require$$0.jsx(style.Root,{...n,type:s,size:t,ref:e,children:require$$0.jsx(Icon.Icon,{name:n.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...o})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";

package/components/Arrow/Arrow.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:t="button",size:s="l",iconProps:e={},...m}=r;return jsx(Root,{...m,type:t,size:s,ref:o,children:jsx(Icon,{name:m.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...e})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};

package/components/Arrow/constants.js

@@ -1,2 +1 @@
-var t={xxxl:{width:60,height:60,fontSize:28},xxl:{width:56,height:56,fontSize:28},xl:{width:52,height:52,fontSize:28},l:{width:48,height:48,fontSize:24},m:{width:44,height:44,fontSize:24},s:{width:40,height:40,fontSize:24},xs:{width:36,height:36,fontSize:20},xxs:{width:32,height:32,fontSize:20},xxxs:{width:28,height:28,fontSize:20}};export{t as SIZES};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{width:60,height:60,fontSize:28},xxl:{width:56,height:56,fontSize:28},xl:{width:52,height:52,fontSize:28},l:{width:48,height:48,fontSize:24},m:{width:44,height:44,fontSize:24},s:{width:40,height:40,fontSize:24},xs:{width:36,height:36,fontSize:20},xxs:{width:32,height:32,fontSize:20},xxxs:{width:28,height:28,fontSize:20}};

package/components/Arrow/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{width:60,height:60,fontSize:28},xxl:{width:56,height:56,fontSize:28},xl:{width:52,height:52,fontSize:28},l:{width:48,height:48,fontSize:24},m:{width:44,height:44,fontSize:24},s:{width:40,height:40,fontSize:24},xs:{width:36,height:36,fontSize:20},xxs:{width:32,height:32,fontSize:20},xxxs:{width:28,height:28,fontSize:20}};export{SIZES};

package/components/Arrow/default-constants.js

@@ -1,2 +1 @@
-var t={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{t as SIZES_DEFAULT};
-//# sourceMappingURL=default-constants.js.map
+'use strict';exports.SIZES_DEFAULT={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};

package/components/Arrow/default-constants.mjs

@@ -0,0 +1 @@
+const SIZES_DEFAULT={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{SIZES_DEFAULT};

package/components/Arrow/style.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e from'tinycolor2';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as l}from'../../shared/utils/style.js';var s=l((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &::before {\n    box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n  }\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n    border-color: ").concat(o.borderColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";var b={onColored:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-oncolor-default'],colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-oncolor-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-primary'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-onmain-contrast'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-onmain-tertiary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:e(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var m={filled:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: ".concat(r.colors.white,";\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ").concat(r.colors.accent,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),outline:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.alto,";\n      & svg {\n        fill: ").concat(r.colors.alto,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),inverse:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.white,";\n      & svg {\n        fill: ").concat(r.colors.white,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.white,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.accent,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ").concat(n?d:'',"\n    ")}))};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{var r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),"\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ".concat(o.square?'8px':'50%',";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      & svg {\n        transform: ").concat(r,";\n        transform-origin: center;\n      }\n      ").concat('brand'===o.preset?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;","\n    ")}),(o=>{if('brand'===o.preset){var r=o.onColored?b.onColored:b.default;return o.outline?r.outline:r.default}return o.inverse?m.inverse:o.outline?m.outline:m.filled}),a,t,c);export{h 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 responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');const shouldForwardArrowProp=require('../../shared/utils/style.js').createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;

package/components/Arrow/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{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardArrowProp=createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus,responsiveSize,responsiveMargin);export{Root};

package/components/ArrowBadge/ArrowBadge.js

@@ -1,2 +1 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{Root as a,Edge as i,Content as f}from'./style.js';import{SIZES as n}from'./constants.js';import{jsxs as m,jsx as p}from'react/jsx-runtime';var c=["size","textProps","children","left","right","fancy"];var h='ArrowBadge';var l=s(t(((t,s)=>{var{size:n="m",textProps:h={},children:l,left:d,right:x,fancy:g}=t,j=e(t,c);var y={as:'div',size:'inherit',color:'inherit'};return m(a,r(r({},j),{},{size:n,left:d,right:x,fancy:g,ref:s,children:[p(i,{left:d,fancy:g}),p(f,{children:'function'==typeof l?l({baseTextProps:y,textProps:h}):p(o,r(r(r({},y),h),{},{children:l}))}),p(i,{right:x,fancy:g,after:!0})]}))})),{displayName:"ArrowBadge",sizes:n});export{l as ArrowBadge,h as COMPONENT_NAME};
-//# sourceMappingURL=ArrowBadge.js.map
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const ArrowBadge=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:s={},children:i,left:o,right:a,fancy:n,...c}=e;const d={as:'div',size:'inherit',color:'inherit'};return require$$0.jsxs(style.Root,{...c,size:t,left:o,right:a,fancy:n,ref:r,children:[require$$0.jsx(style.Edge,{left:o,fancy:n}),require$$0.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:d,textProps:s}):require$$0.jsx(Text.Text,{...d,...s,children:i})}),require$$0.jsx(style.Edge,{right:a,fancy:n,after:!0})]})})),{displayName:"ArrowBadge",sizes:constants.SIZES});exports.ArrowBadge=ArrowBadge,exports.COMPONENT_NAME="ArrowBadge";

package/components/ArrowBadge/ArrowBadge.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Edge,Content}from'./style.mjs';import{SIZES}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='ArrowBadge';const ArrowBadge=withMergedProps(forwardRef(((r,e)=>{const{size:t="m",textProps:o={},children:s,left:i,right:n,fancy:f,...m}=r;const a={as:'div',size:'inherit',color:'inherit'};return jsxs(Root,{...m,size:t,left:i,right:n,fancy:f,ref:e,children:[jsx(Edge,{left:i,fancy:f}),jsx(Content,{children:typeof s=='function'?s({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:s})}),jsx(Edge,{right:n,fancy:f,after:!0})]})})),{displayName:"ArrowBadge",sizes:SIZES});export{ArrowBadge,COMPONENT_NAME};

package/components/ArrowBadge/constants.js

@@ -1,2 +1 @@
-var e={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{e as SIZES};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};

package/components/ArrowBadge/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{SIZES};

package/components/ArrowBadge/images/arrow.svg.js

@@ -0,0 +1 @@
+'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));

package/components/ArrowBadge/images/arrow.svg.mjs

@@ -0,0 +1 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},_extends.apply(null,arguments)}const SvgArrow=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));export{SvgArrow as default};

package/components/ArrowBadge/images/fancy.svg.js

@@ -0,0 +1 @@
+'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));

package/components/ArrowBadge/images/fancy.svg.mjs

@@ -0,0 +1 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},_extends.apply(null,arguments)}const SvgFancy=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));export{SvgFancy as default};

package/components/ArrowBadge/images/rectangle.svg.js

@@ -0,0 +1 @@
+'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));

package/components/ArrowBadge/images/rectangle.svg.mjs

@@ -0,0 +1 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const SvgRectangle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));export{SvgRectangle as default};

package/components/ArrowBadge/style.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as e}from'../../shared/utils/style.js';import{getColor as c}from'../../mixins/color.js';import{focus as i}from'../../mixins/focus.js';import s from'./images/arrow.module.svg.js';import l from'./images/rectangle.module.svg.js';import m from'./images/fancy.module.svg.js';var d=e((o=>!['left','right','fancy'].includes(o)));var g=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);var p=r.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{var r=l;return o.fancy&&(r=m),(o.left||o.right)&&(r=s),{as:r}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));var f=o=>"\n  & > ".concat(g," {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n  }\n  & > ").concat(p," {\n    color: ").concat(o.backgroundColor,";\n  }\n");var u={primary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-200']},r.palette)))),secondary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-200']},r.palette)))),tertiary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-200']},r.palette)))),quaternary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-200']},r.palette))))};var h=r.div.withConfig({shouldForwardProp:d}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{var r=0;var n=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(n=.4),"\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ".concat(g," {\n        padding-right: ").concat(r,"em;\n        padding-left: ").concat(n,"em;\n      }\n    ")}),(o=>o.quaternary?u.quaternary:o.tertiary?u.tertiary:o.secondary?u.secondary:u.primary),i,a,t,(o=>o.color&&"& > ".concat(g," {\n       color: ").concat(c(o.color,o),";\n     }")),(o=>o.backgroundColor&&"& > ".concat(g," {\n       background-color: ").concat(c(o.backgroundColor,o),";\n     }\n     & > ").concat(p," {\n       color: ").concat(c(o.backgroundColor,o),";\n     }")));export{g as Content,p as Edge,h as Root};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var arrow=require('./images/arrow.svg.js');var rectangle=require('./images/rectangle.svg.js');var fancy=require('./images/fancy.svg.js');const shouldForwardArrowBadgeProp=style.createShouldForwardProp((r=>!['left','right','fancy'].includes(r)));const Content=styled.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs((r=>{let o=rectangle;return r.fancy&&(o=fancy),(r.left||r.right)&&(o=arrow),{as:o}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(r=>r.after&&'transform: rotate(180deg);'));const template=r=>`\n  & > ${Content} {\n    color: ${r.color};\n    background-color: ${r.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${r.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-200'],...r.palette}))),secondary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-200'],...r.palette}))),tertiary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-200'],...r.palette}))),quaternary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-200'],...r.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(r,o)=>({height:'1.8em',fontSize:typeof r=='string'?r:`${r}${o}`})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(r=>{let o=0;let e=0;return(r.fancy||r.right)&&(o=.4),(r.fancy||r.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${o}em;\n        padding-left: ${e}em;\n      }\n    `}),(r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(r=>r.color&&`& > ${Content} {\n       color: ${color.getColor(r.color,r)};\n     }`),(r=>r.backgroundColor&&`& > ${Content} {\n       background-color: ${color.getColor(r.backgroundColor,r)};\n     }\n     & > ${Edge} {\n       color: ${color.getColor(r.backgroundColor,r)};\n     }`));exports.Content=Content,exports.Edge=Edge,exports.Root=Root;

package/components/ArrowBadge/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import SvgArrow from'./images/arrow.svg.mjs';import SvgRectangle from'./images/rectangle.svg.mjs';import SvgFancy from'./images/fancy.svg.mjs';const shouldForwardArrowBadgeProp=createShouldForwardProp((o=>!['left','right','fancy'].includes(o)));const Content=styled.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{let r=SvgRectangle;return o.fancy&&(r=SvgFancy),(o.left||o.right)&&(r=SvgArrow),{as:r}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-200'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-200'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-200'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-200'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{let r=0;let e=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${e}em;\n      }\n    `}),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&`& > ${Content} {\n       color: ${getColor(o.color,o)};\n     }`),(o=>o.backgroundColor&&`& > ${Content} {\n       background-color: ${getColor(o.backgroundColor,o)};\n     }\n     & > ${Edge} {\n       color: ${getColor(o.backgroundColor,o)};\n     }`));export{Content,Edge,Root};