@foxford/ui 2.39.0-beta-cbc88d8-20240820 → 2.39.0-beta-3558be1-20240822

package/components/ActionBtn/ActionBtn.js

@@ -1 +1,2 @@
-'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;
+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

package/components/ActionBtn/ActionBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Icon } from 'components/Icon'\nimport type { IconName } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, DisplayProperty {\n  /** Icon name (for inner Icon component) */\n  icon?: IconName\n  disabled?: boolean\n  active?: boolean\n  onClick?(): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n  const _className = useClassname(ActionBtn.displayName, className)\n\n  return (\n    <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n      {icon && <Icon size={16} name={icon} />}\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled.Root","_jsx","Icon","size","name"],"mappings":"+MA0BO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAW,EAAnBC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,IAAMQ,EAAaC,EAAaV,EAAUW,YAAaL,GAEvD,OACEM,EAACC,EAAD,CAAaP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA/FC,SACGH,CAAAA,GAAQY,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMf,IAC9BG,KAbPL,EAAUW,YAAc"}

package/components/ActionBtn/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const active=styled.css(["background:",";color:",";"],(e=>e.theme.colors.onahau),(e=>e.theme.colors.accent));const notDisabled=styled.css(["&:hover{background:",";}&:active{","}"],(e=>e.theme.colors.mercury),active);const disabled=styled.css(["cursor:default;opacity:0.6;"]);const Root=styled__default.default.div.withConfig({displayName:"ActionBtn__Root",componentId:"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;}"," "," ",""],(e=>e.theme.colors.silver),(e=>e.disabled?disabled:notDisabled),(e=>e.active?active:null),(e=>e.display?display.display(e.display):styled.css(["display:inline-block;"])));exports.Root=Root;
+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

package/components/ActionBtn/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/ActionBtn/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { ActionBtnProps } from './ActionBtn'\n\nconst active = css`\n  background: ${(props) => props.theme.colors.onahau};\n  color: ${(props) => props.theme.colors.accent};\n`\n\nconst notDisabled = css`\n  &:hover {\n    background: ${(props) => props.theme.colors.mercury};\n  }\n  &:active {\n    ${active}\n  }\n`\n\nconst disabled = css`\n  cursor: default;\n  opacity: 0.6;\n`\n\nexport const Root = styled.div<ActionBtnProps>`\n  padding: 4px;\n  background: transparent;\n  color: ${(props) => props.theme.colors.silver};\n  transition: background 0.4s ease-out, color 0.6s ease-out;\n  line-height: 0;\n  cursor: pointer;\n  border-radius: 5px;\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.disabled ? disabled : notDisabled)}\n  ${(props) => (props.active ? active : null)}\n  ${(props) =>\n    props.display\n      ? display(props.display)\n      : css`\n          display: inline-block;\n        `}\n`\n"],"names":["active","css","props","theme","colors","onahau","accent","notDisabled","mercury","disabled","Root","styled","div","withConfig","componentId","silver","display"],"mappings":"6FAIA,IAAMA,EAASC,EAAH,CAAA,cAAA,UAAA,MACKC,GAAUA,EAAMC,MAAMC,OAAOC,SAClCH,GAAUA,EAAMC,MAAMC,OAAOE,SAGzC,IAAMC,EAAcN,EAAH,CAAA,sBAAA,cAAA,MAEEC,GAAUA,EAAMC,MAAMC,OAAOI,SAG1CR,GAIN,IAAMS,EAAWR,EAAjB,CAAA,gCAKaS,IAAAA,EAAOC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAGRT,CAAAA,4CAAAA,mIAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOW,SAQpCb,GAAWA,EAAMO,SAAWA,EAAWF,IACvCL,GAAWA,EAAMF,OAASA,EAAS,OACnCE,GACDA,EAAMc,QACFA,EAAQd,EAAMc,SACdf,EAFJ,CAAA"}

package/components/Alert/Alert.js

@@ -1 +1,2 @@
-'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";
+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

package/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","_ref","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","_theme$components","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled.Root","onMouseEnter","onMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Styled.IconWrapper","Icon","name","Styled.Timer","paused","countdownColor","Styled.ContentWrapper","Styled.Title","_objectSpread","lineHeight","Styled.Content","appearance","Styled.Link","Anchor","onClick","preset","pseudo","content","Styled.Actions","Button","black","fontWeight","outline","margin","Styled.CancelTimer","Styled.CloseIcon","Close","displayName"],"mappings":"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"}

package/components/Alert/CountdownCircle.js

@@ -1 +1,2 @@
-'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)})};
+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

package/components/Alert/CountdownCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n  const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n  useEffect(() => {\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (paused) {\n      clearInterval(intervalId.current)\n    } else {\n      intervalId.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= progressRate) {\n            clearInterval(intervalId.current)\n            return prevCountdown\n          }\n\n          return prevCountdown - progressRate\n        })\n      }, progressRate * 1000)\n    }\n  }, [paused])\n\n  const progress = (countdown / timer) * 100\n\n  return (\n    <Progress.Circle\n      className={className}\n      progress={progress}\n      progressStartAngle={0}\n      resultColor={color}\n      size={isCompact ? 16 : 20}\n      strokeBGColor={DefaultColorNames.transparent}\n      strokeLineWidth={1.5}\n    >\n      {Math.ceil(countdown)}\n    </Progress.Circle>\n  )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","_ref","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","_jsx","Progress","Circle","progress","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth","children","Math","ceil"],"mappings":"iNASMA,IAAAA,EAAkBC,IAA0E,IAAzEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,OAA+BA,EAA/BC,MAAuCA,GAAkCL,EAChG,IAAOM,EAAWC,GAAgBC,EAASH,GAC3C,IAAMI,EAAaC,IA6BnB,OA3BAC,OACS,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,WAG5B,IAEHD,QACMP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAAA,KACnBP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,QA2BZC,MAEJ,CAACZ,IAKFa,EAACC,EAASC,OAAV,CACElB,UAAWA,EACXmB,SALcd,EAAYD,EAAS,IAMnCgB,mBAAoB,EACpBC,YAAapB,EACbqB,KAAMpB,EAAY,GAAK,GACvBqB,cAAeC,EAAkBC,YACjCC,gBAAiB,IAPnBC,SASGC,KAAKC,KAAKxB"}

package/components/Alert/style.js

@@ -1 +1,2 @@
-'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');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const getPaddingY=({column:e,isCompact:n,withImage:t,withTimer:o})=>e?'16px':n?o?'5px':'12px':t?'8px':o?'2px':'12px';const getImageSize=({column:e,isCompact:n})=>n?'20px':e?'28px':'32px';const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['children','className','onMouseEnter','onMouseLeave','style'].includes(e)}).withConfig({displayName:"Alert__Root",componentId:"ui__sc-1v79u95-0"})([""," ",""],(e=>`\n    display: flex;\n    align-items: ${e.column||(e.isCompact?!e.withTimer:e.textWrap)?'flex-start':'center'};\n    justify-content: ${e.withTimer?'space-between':'flex-start'};\n    padding-top: ${getPaddingY(e)};\n    padding-right: ${(({isCompact:e,withCloseIcon:n,withTimer:t})=>n?e?'12px':'16px':t?'8px':'20px')(e)};\n    padding-bottom: ${getPaddingY(e)};\n    padding-left: ${(({isCompact:e,noIcon:n,size:t,withAction:o,withImage:i,withTitle:r})=>e?r||t==='l'?i||!n?'16px':'20px':i?'12px':o&&n?'20px':'16px':r||t==='l'?i||!n?'16px':'24px':i?'16px':'20px')(e)};\n    height: ${e.isCompact||e.column||e.textWrap?'auto':'48px'};\n    min-width: ${e.isCompact?'304px':'auto'};\n    max-width: ${e.isCompact?'351px':'100%'};\n    border-radius: ${e.column?e.isCompact?'20px':'12px':'30px'};\n    background-color: ${((e,n,t)=>{if(n)return e.colors['bg-onmain-primary'];switch(t){case'error':return e.colors['alert-bg-error-200'];case'info':return e.colors['bg-brand-primary-200'];case'success':return e.colors['alert-bg-success-200'];case'warning':return e.colors['alert-bg-warning-200'];default:return e.colors['bg-oncolor-primary']}})(e.theme,!!e.clear,e.type)};\n    box-shadow: ${e.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__default.default.div.withConfig({displayName:"Alert__IconWrapper",componentId:"ui__sc-1v79u95-1"})([""," ",";"],(e=>`\n    display: flex;\n    margin-right: ${(({column:e,isCompact:n,withImage:t})=>n?'8px':e?t?'8px':'12px':'8px')(e)};\n  `),(e=>e.withImage?`\n          img,\n          svg {\n            height: ${getImageSize(e)};\n            width: ${getImageSize(e)};\n          }\n        `:null));const ContentWrapper=styled__default.default.div.withConfig({displayName:"Alert__ContentWrapper",componentId:"ui__sc-1v79u95-2"})(["",""],(e=>`\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${e.column?'column':'row'};\n    align-items: ${e.column?'flex-start':'center'};\n    align-self: center;\n    max-width: ${e.column?'260px':'initial'};\n    white-space: ${e.column||e.isCompact?'normal':'nowrap'};\n    overflow: hidden;\n  `));const Title=styled__default.default(Text.Text).withConfig({displayName:"Alert__Title",componentId:"ui__sc-1v79u95-3"})(["",""],(e=>`\n    display: inline-block;\n    margin-top: ${e.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__default.default(Text.Text).withConfig({displayName:"Alert__Content",componentId:"ui__sc-1v79u95-4"})(["",""],(e=>`\n    text-overflow: ${e.column||e.isCompact?'clip':'ellipsis'};\n    white-space: ${e.column||e.isCompact||e.textWrap?'pre-wrap':'inherit'};\n    overflow: hidden;\n  `));const Link=styled__default.default.div.withConfig({displayName:"Alert__Link",componentId:"ui__sc-1v79u95-5"})(["",""],(e=>`\n    display: flex;\n    margin-top: ${e.column?e.isCompact&&!e.withTitle?'4px':'12px':0};\n    margin-left: ${e.column?0:'60px'};\n    color: ${e.clear?e.theme.colors['content-link']:e.theme.colors['content-onmain-primary']};\n  `));const Actions=styled__default.default.div.withConfig({displayName:"Alert__Actions",componentId:"ui__sc-1v79u95-6"})(["",""],(e=>`\n     margin-top: ${(({column:e,isCompact:n,withTitle:t})=>e?n?t?'16px':'8px':'16px':0)(e)};\n     margin-left: ${e.column?0:'60px'};\n  `));const CloseIcon=styled__default.default.button.withConfig({displayName:"Alert__CloseIcon",componentId:"ui__sc-1v79u95-7"})([""," ",""],(e=>`\n    appearance: none;\n    display: flex;\n    margin-left: ${e.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__default.default(Button.Button).withConfig({displayName:"Alert__CancelTimer",componentId:"ui__sc-1v79u95-8"})(["",""],(e=>`\n    margin-left: ${e.isCompact?'28px':'60px'};\n    padding-right: ${e.isCompact?'16px':'28px'};\n    padding-left: ${e.isCompact?'16px':'28px'};\n  `));const Timer=styled__default.default(CountdownCircle.CountdownCircle).withConfig({displayName:"Alert__Timer",componentId:"ui__sc-1v79u95-9"})(["",""],(e=>`\n    line-height: ${e.isCompact?'12px':'18px'};\n    font-weight: ${e.isCompact?'700':'400'};\n    font-size: ${e.isCompact?'11px':'14px'};\n    color: ${e.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;
+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

package/components/Alert/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { focus } from 'mixins/focus'\n\nimport { responsiveProperty } from 'mixins/responsive-property'\n\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport { CountdownCircle } from './CountdownCircle'\n\nimport type {\n  ActionsProps,\n  AlertType,\n  CancelTimerProps,\n  CloseIconProps,\n  ContentProps,\n  ContentWrapperProps,\n  CountdownCircleProps,\n  IconWrapperProps,\n  LinkProps,\n  RootAlertProps,\n  TitleProps,\n} from './types'\n\nconst bgColor = (theme: DefaultTheme, clear: boolean, type?: AlertType) => {\n  if (clear) {\n    return theme.colors['bg-onmain-primary']\n  }\n\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-200']\n    case 'info':\n      return theme.colors['bg-brand-primary-200']\n    case 'success':\n      return theme.colors['alert-bg-success-200']\n    case 'warning':\n      return theme.colors['alert-bg-warning-200']\n    default:\n      return theme.colors['bg-oncolor-primary']\n  }\n}\n\nconst getPaddingY = ({\n  column,\n  isCompact,\n  withImage,\n  withTimer,\n}: Pick<RootAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n  if (column) return '16px'\n\n  if (isCompact) {\n    return withTimer ? '5px' : '12px'\n  }\n\n  return withImage ? '8px' : withTimer ? '2px' : '12px'\n}\n\nconst paddingLeft = ({\n  isCompact,\n  noIcon,\n  size,\n  withAction,\n  withImage,\n  withTitle,\n}: Pick<RootAlertProps, 'isCompact' | 'noIcon' | 'size' | 'withAction' | 'withImage' | 'withTitle'>) => {\n  if (isCompact) {\n    if (withTitle || size === 'l') {\n      return withImage || !noIcon ? '16px' : '20px'\n    }\n\n    return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n  }\n\n  if (withTitle || size === 'l') {\n    return withImage || !noIcon ? '16px' : '24px'\n  }\n\n  return withImage ? '16px' : '20px'\n}\n\nconst paddingRight = ({\n  isCompact,\n  withCloseIcon,\n  withTimer,\n}: Pick<RootAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n  if (withCloseIcon) {\n    return isCompact ? '12px' : '16px'\n  }\n\n  return withTimer ? '8px' : '20px'\n}\n\nconst getMarginRightIconWrapper = ({\n  column,\n  isCompact,\n  withImage,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withImage: boolean\n}) => {\n  if (isCompact) return '8px'\n\n  return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact?: boolean }) => {\n  if (isCompact) return '20px'\n\n  return column ? '28px' : '32px'\n}\n\nconst getActionsMarginTop = ({\n  column,\n  isCompact,\n  withTitle,\n}: {\n  column: boolean\n  isCompact?: boolean\n  withTitle: boolean\n}) => {\n  if (column) {\n    return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n  }\n\n  return 0\n}\n\nexport const Root = styled.div.withConfig<RootAlertProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'onMouseEnter', 'onMouseLeave', 'style'].includes(prop),\n})`\n  ${(props) => `\n    display: flex;\n    align-items: ${props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n    justify-content: ${props.withTimer ? 'space-between' : 'flex-start'};\n    padding-top: ${getPaddingY(props)};\n    padding-right: ${paddingRight(props)};\n    padding-bottom: ${getPaddingY(props)};\n    padding-left: ${paddingLeft(props)};\n    height: ${props.isCompact || props.column || props.textWrap ? 'auto' : '48px'};\n    min-width: ${props.isCompact ? '304px' : 'auto'};\n    max-width: ${props.isCompact ? '351px' : '100%'};\n    border-radius: ${props.column ? (props.isCompact ? '20px' : '12px') : '30px'};\n    background-color: ${bgColor(props.theme, !!props.clear, props.type)};\n    box-shadow: ${props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none'};\n    box-sizing: border-box;\n  `}\n  ${responsiveProperty('width', 'width')}\n`\n\nexport const IconWrapper = styled.div<IconWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: ${getMarginRightIconWrapper(props)};\n  `}\n\n  ${(props) =>\n    props.withImage\n      ? `\n          img,\n          svg {\n            height: ${getImageSize(props)};\n            width: ${getImageSize(props)};\n          }\n        `\n      : null};\n`\n\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n  ${(props) => `\n    display: flex;\n    margin-right: auto;\n    flex-direction: ${props.column ? 'column' : 'row'};\n    align-items: ${props.column ? 'flex-start' : 'center'};\n    align-self: center;\n    max-width: ${props.column ? '260px' : 'initial'};\n    white-space: ${props.column || props.isCompact ? 'normal' : 'nowrap'};\n    overflow: hidden;\n  `}\n`\n\nexport const Title = styled(Text)<TitleProps>`\n  ${(props) => `\n    display: inline-block;\n    margin-top: ${props.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  `}\n`\n\nexport const Content = styled(Text)<ContentProps>`\n  ${(props) => `\n    text-overflow: ${props.column || props.isCompact ? 'clip' : 'ellipsis'};\n    white-space: ${props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit'};\n    overflow: hidden;\n  `}\n`\n\nexport const Link = styled.div<LinkProps>`\n  ${(props) => `\n    display: flex;\n    margin-top: ${props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0};\n    margin-left: ${props.column ? 0 : '60px'};\n    color: ${props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n  `}\n`\n\nexport const Actions = styled.div<ActionsProps>`\n  ${(props) => `\n     margin-top: ${getActionsMarginTop(props)};\n     margin-left: ${props.column ? 0 : '60px'};\n  `}\n`\n\nexport const CloseIcon = styled.button<CloseIconProps>`\n  ${(props) => `\n    appearance: none;\n    display: flex;\n    margin-left: ${props.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  `}\n  ${focus}\n`\n\nexport const CancelTimer = styled(Button)<CancelTimerProps>`\n  ${(props) => `\n    margin-left: ${props.isCompact ? '28px' : '60px'};\n    padding-right: ${props.isCompact ? '16px' : '28px'};\n    padding-left: ${props.isCompact ? '16px' : '28px'};\n  `}\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n  ${(props) => `\n    line-height: ${props.isCompact ? '12px' : '18px'};\n    font-weight: ${props.isCompact ? '700' : '400'};\n    font-size: ${props.isCompact ? '11px' : '14px'};\n    color: ${props.color};\n\n    svg {\n      transform: rotateY(180deg);\n    }\n  `}\n`\n"],"names":["getPaddingY","_ref","column","isCompact","withImage","withTimer","getImageSize","_ref5","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","concat","textWrap","paddingRight","_ref3","withCloseIcon","paddingLeft","_ref2","noIcon","size","withAction","withTitle","theme","clear","type","colors","responsiveProperty","IconWrapper","getMarginRightIconWrapper","_ref4","ContentWrapper","Title","Text","Content","Link","Actions","_ref6","CloseIcon","button","focus","CancelTimer","Button","Timer","CountdownCircle","color"],"mappings":"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"}

package/components/Alert/utils.js

@@ -1 +1,2 @@
-'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']}};
+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

package/components/Alert/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { CSSColor } from 'shared/types'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): CSSColor => {\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-500']\n    case 'info':\n      return theme.colors['content-brand-primary']\n    case 'success':\n      return theme.colors['alert-success']\n    case 'warning':\n      return theme.colors['alert-warning']\n    default:\n      return theme.colors['content-brand-primary']\n  }\n}\n"],"names":["countdownColor","_ref","theme","type","colors"],"mappings":"AAMO,IAAMA,EAAiBC,IAAmF,IAAlFC,MAAEA,EAAFC,KAASA,GAAyEF,EAC/G,OAAQE,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO"}

package/components/Amount/Amount.js

@@ -1 +1,2 @@
-'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');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var cx__default=_interopDefault(cx);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:t}=this.props;let s=!1;return e&&(s=!0,!r&&ZERO_MINOR_PART_REGEXP.test(e)&&(s=!1)),s?require$$0.jsxs("span",{className:"minor-container",children:[require$$0.jsx("span",{className:"separator",children:t}),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:t,isHeader:s,className:n,style:i,crossedOut:a,onlyCurrency:o,...c}=this.props;const{majorPart:u,minorPart:l,isNegative:d,currencySymbol:m}=((e=0,r,t)=>{const s=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 t=r-3;return[e.slice(t,r)].concat(parts(e.slice(0,t)))};return parts})()(i).reverse().join(' ');return{majorPart:o,minorPart:a,value:o+(a?`,${a}`:''),isNegative:s,currencySymbol:t?Amount.getCurrencySymbol(t):''}})(e,r,t);const x=cx__default.default('amount',n);const y=require$$0.jsxs(style.Root,{className:x,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)]}),t&&this.renderCurrencySymbol(m)]});return require$$0.jsx(s?Text.Text.Heading:Text.Text,{...c,as:"span",children:y})}}exports.Amount=Amount;
+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

package/components/Amount/Amount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Amount.js","sources":["../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport cx from 'clsx'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { CurrencyCodes, CURRENCY_MAP } from './data'\nimport * as Styled from './style'\n\nexport interface AmountProps extends TextProps {\n  /**\n   * Value for amount\n   */\n  value?: number\n  /**\n   * Digits after point\n   */\n  digitsAfterPoint?: number\n  /**\n   * Show zero minor part\n   */\n  showZeroMinorPart?: boolean\n  /**\n   * Separator of major and minor part of amount\n   */\n  separator?: string\n  /**\n   * International code of currency.\n   */\n  currency?: keyof typeof CurrencyCodes | string\n  /**\n   * Use Header component for display amount\n   */\n  isHeader?: boolean\n  /**\n   * Amount is not valid and will be crossed out with ```text-decoration: line-through```\n   */\n  crossedOut?: boolean\n  /**\n   * If need only currency symbol\n   */\n  onlyCurrency?: boolean\n}\n\nconst AMOUNT_MAJOR_PART_SIZE = 3\nconst ZERO_MINOR_PART_REGEXP = /^0+$/\nconst MINUS_SIGN_HTML_CODE = '\\u2212'\n\nfunction createSplitter(partSize: number): (_s: string) => string[] {\n  const parts = (str: string): string[] => {\n    const { length } = str\n\n    if (length <= partSize) {\n      return [str]\n    }\n\n    const from = length - partSize\n    const to = length\n\n    return [str.slice(from, to)].concat(parts(str.slice(0, from)))\n  }\n\n  return parts\n}\n\nfunction formatAmount(\n  value: AmountProps['value'] = 0,\n  digitsAfterPoint: AmountProps['digitsAfterPoint'],\n  currencyCode: AmountProps['currency']\n) {\n  const isNegative = value < 0\n\n  const valueAbs = Math.abs(value)\n  const valueAbsStr = valueAbs.toFixed(digitsAfterPoint)\n\n  const numberParts = valueAbsStr.split('.')\n  const majorPart = numberParts[0]\n  const minorPart = numberParts[1]\n\n  const amountSplitter = createSplitter(AMOUNT_MAJOR_PART_SIZE)\n\n  const majorPartFormatted = amountSplitter(majorPart).reverse().join(' ')\n\n  const formattedValueStr = majorPartFormatted + (minorPart ? `,${minorPart}` : '')\n\n  return {\n    majorPart: majorPartFormatted,\n    minorPart,\n    value: formattedValueStr,\n    isNegative,\n    currencySymbol: currencyCode ? Amount.getCurrencySymbol(currencyCode) : '',\n  }\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class Amount extends PureComponent<AmountProps> {\n  static displayName = 'Amount'\n  static defaultProps = {\n    isHeader: false,\n    showZeroMinorPart: false,\n    crossedOut: false,\n    digitsAfterPoint: 2,\n    separator: ',',\n    onlyCurrency: false,\n  }\n\n  static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string) {\n    return CURRENCY_MAP[currencyCode] || currencyCode\n  }\n\n  renderMinorPart(minorPart: string) {\n    const { showZeroMinorPart, separator } = this.props\n\n    let needMinorPart = false\n\n    if (minorPart) {\n      needMinorPart = true\n\n      if (!showZeroMinorPart && ZERO_MINOR_PART_REGEXP.test(minorPart)) {\n        needMinorPart = false\n      }\n    }\n\n    if (needMinorPart) {\n      return (\n        <span className='minor-container'>\n          <span className='separator'>{separator}</span>\n          <span className='minor'>{minorPart}</span>\n        </span>\n      )\n    }\n\n    return null\n  }\n\n  renderCurrencySymbol = (currencySymbol: string) => (\n    <span style={{ position: 'relative' }}>\n      {this.props.currency === 'RUR' ? (\n        <span\n          style={{\n            position: 'absolute',\n            width: 0,\n            opacity: 0,\n            visibility: 'hidden',\n          }}\n        >\n          руб.\n        </span>\n      ) : null}\n      <span>{` ${currencySymbol}`}</span>\n    </span>\n  )\n\n  render() {\n    const { value, digitsAfterPoint, currency, isHeader, className, style, crossedOut, onlyCurrency, ...rest } =\n      this.props\n\n    const { majorPart, minorPart, isNegative, currencySymbol } = formatAmount(value, digitsAfterPoint, currency)\n\n    const classNames = cx('amount', className)\n\n    const amountInner = (\n      <Styled.Root className={classNames} style={style} crossedOut={crossedOut}>\n        {!onlyCurrency ? (\n          <>\n            <span className='major'>\n              {isNegative && MINUS_SIGN_HTML_CODE}\n              {majorPart}\n            </span>\n            {this.renderMinorPart(minorPart)}\n          </>\n        ) : null}\n        {currency && this.renderCurrencySymbol(currencySymbol)}\n      </Styled.Root>\n    )\n\n    const Element = isHeader ? Text.Heading : Text\n\n    return (\n      <Element {...rest} as='span'>\n        {amountInner}\n      </Element>\n    )\n  }\n}\n"],"names":["ZERO_MINOR_PART_REGEXP","createSplitter","partSize","parts","str","length","from","slice","concat","Amount","PureComponent","constructor","super","arguments","this","renderCurrencySymbol","currencySymbol","_jsxs","style","position","children","props","currency","_jsx","width","opacity","visibility","static","currencyCode","CURRENCY_MAP","renderMinorPart","minorPart","showZeroMinorPart","separator","needMinorPart","test","className","render","_this$props","value","digitsAfterPoint","isHeader","crossedOut","onlyCurrency","rest","_objectWithoutProperties","_excluded","majorPart","isNegative","r","e","t","undefined","numberParts","Math","abs","toFixed","split","majorPartFormatted","reverse","join","formattedValueStr","getCurrencySymbol","classNames","cx","amountInner","Styled.Root","_Fragment","Text","Heading","_objectSpread","as","displayName","defaultProps"],"mappings":"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"}

package/components/Amount/data/index.js

@@ -1 +1,2 @@
-'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;
+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

package/components/Amount/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Amount/data/index.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nexport enum CurrencyCodes {\n  ALL = 'ALL',\n  AFN = 'AFN',\n  ARS = 'ARS',\n  AWG = 'AWG',\n  AUD = 'AUD',\n  AZN = 'AZN',\n  BSD = 'BSD',\n  BBD = 'BBD',\n  BYR = 'BYR',\n  BZD = 'BZD',\n  BMD = 'BMD',\n  BOB = 'BOB',\n  BAM = 'BAM',\n  BWP = 'BWP',\n  BGN = 'BGN',\n  BRL = 'BRL',\n  BND = 'BND',\n  KHR = 'KHR',\n  CAD = 'CAD',\n  KYD = 'KYD',\n  CLP = 'CLP',\n  CNY = 'CNY',\n  COP = 'COP',\n  CRC = 'CRC',\n  HRK = 'HRK',\n  CUP = 'CUP',\n  CZK = 'CZK',\n  DKK = 'DKK',\n  DOP = 'DOP',\n  XCD = 'XCD',\n  EGP = 'EGP',\n  SVC = 'SVC',\n  EEK = 'EEK',\n  EUR = 'EUR',\n  FKP = 'FKP',\n  FJD = 'FJD',\n  FRF = 'FRF',\n  GHC = 'GHC',\n  GIP = 'GIP',\n  GTQ = 'GTQ',\n  GGP = 'GGP',\n  GYD = 'GYD',\n  HNL = 'HNL',\n  HKD = 'HKD',\n  HUF = 'HUF',\n  ISK = 'ISK',\n  INR = 'INR',\n  IDR = 'IDR',\n  IRR = 'IRR',\n  IMP = 'IMP',\n  ILS = 'ILS',\n  JMD = 'JMD',\n  JPY = 'JPY',\n  JEP = 'JEP',\n  KZT = 'KZT',\n  KGS = 'KGS',\n  LAK = 'LAK',\n  LVL = 'LVL',\n  LBP = 'LBP',\n  LRD = 'LRD',\n  LTL = 'LTL',\n  MKD = 'MKD',\n  MYR = 'MYR',\n  MUR = 'MUR',\n  MXN = 'MXN',\n  MNT = 'MNT',\n  MZN = 'MZN',\n  NAD = 'NAD',\n  NPR = 'NPR',\n  ANG = 'ANG',\n  NZD = 'NZD',\n  NIO = 'NIO',\n  NGN = 'NGN',\n  KPW = 'KPW',\n  NOK = 'NOK',\n  OMR = 'OMR',\n  PKR = 'PKR',\n  PAB = 'PAB',\n  PYG = 'PYG',\n  PEN = 'PEN',\n  PHP = 'PHP',\n  PLN = 'PLN',\n  QAR = 'QAR',\n  RON = 'RON',\n  RUR = 'RUR',\n  RUB = 'RUB',\n  SHP = 'SHP',\n  SAR = 'SAR',\n  RSD = 'RSD',\n  SCR = 'SCR',\n  SGD = 'SGD',\n  SBD = 'SBD',\n  SOS = 'SOS',\n  ZAR = 'ZAR',\n  KRW = 'KRW',\n  LKR = 'LKR',\n  SEK = 'SEK',\n  CHF = 'CHF',\n  SRD = 'SRD',\n  SYP = 'SYP',\n  TWD = 'TWD',\n  THB = 'THB',\n  TTD = 'TTD',\n  TRY = 'TRY',\n  TRL = 'TRL',\n  TVD = 'TVD',\n  UAH = 'UAH',\n  GBP = 'GBP',\n  USD = 'USD',\n  UYU = 'UYU',\n  UZS = 'UZS',\n  VEF = 'VEF',\n  VND = 'VND',\n  YER = 'YER',\n  ZWD = 'ZWD',\n}\n\nexport const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>> = Object.freeze({\n  ALL: '\\u004C\\u0065\\u006b',\n  AFN: '\\u060B',\n  ARS: '\\u0024',\n  AWG: '\\u0192',\n  AUD: '\\u0024',\n  AZN: '\\u20BC',\n  BSD: '\\u0024',\n  BBD: '\\u0024',\n  BYR: '\\u0042\\u0072',\n  BZD: '\\u0042\\u005a\\u0024',\n  BMD: '\\u0024',\n  BOB: '\\u0024\\u0062',\n  BAM: '\\u004B\\u004d',\n  BWP: '\\u0050',\n  BGN: '\\u043B\\u0432',\n  BRL: '\\u0052\\u0024',\n  BND: '\\u0024',\n  KHR: '\\u17DB',\n  CAD: '\\u0043\\u0024',\n  KYD: '\\u0024',\n  CLP: '\\u0024',\n  CNY: '\\u00A5',\n  COP: '\\u0024',\n  CRC: '\\u20A1',\n  HRK: '\\u006B\\u006e',\n  CUP: '\\u20B1',\n  CZK: '\\u004B\\u010d',\n  DKK: '\\u006B\\u0072',\n  DOP: '\\u0052\\u0044\\u0024',\n  XCD: '\\u0024',\n  EGP: '\\u00A3',\n  SVC: '\\u0024',\n  EEK: '\\u006B\\u0072',\n  EUR: '\\u20AC',\n  FKP: '\\u00A3',\n  FJD: '\\u0024',\n  FRF: '\\u20A3',\n  GHC: '\\u00A2',\n  GIP: '\\u00A3',\n  GTQ: '\\u0051',\n  GGP: '\\u00A3',\n  GYD: '\\u0024',\n  HNL: '\\u004C',\n  HKD: '\\u0024',\n  HUF: '\\u0046\\u0074',\n  ISK: '\\u006B\\u0072',\n  INR: '\\u20A8',\n  IDR: '\\u0052\\u0070',\n  IRR: '\\uFDFC',\n  IMP: '\\u00A3',\n  ILS: '\\u20AA',\n  JMD: '\\u004A\\u0024',\n  JPY: '\\u00A5',\n  JEP: '\\u00A3',\n  KZT: '\\u20B8',\n  KGS: '\\u004B\\u0047\\u0053',\n  LAK: '\\u20AD',\n  LVL: '\\u004C\\u0073',\n  LBP: '\\u00A3',\n  LRD: '\\u0024',\n  LTL: '\\u004C\\u0074',\n  MKD: '\\u0434\\u0435\\u043d',\n  MYR: '\\u0052\\u004d',\n  MUR: '\\u20A8',\n  MXN: '\\u0024',\n  MNT: '\\u20AE',\n  MZN: '\\u004D\\u0054',\n  NAD: '\\u0024',\n  NPR: '\\u20A8',\n  ANG: '\\u0192',\n  NZD: '\\u0024',\n  NIO: '\\u0043\\u0024',\n  NGN: '\\u20A6',\n  KPW: '\\u20A9',\n  NOK: '\\u006B\\u0072',\n  OMR: '\\uFDFC',\n  PKR: '\\u20A8',\n  PAB: '\\u0042\\u002f\\u002e',\n  PYG: '\\u0047\\u0073',\n  PEN: '\\u0053\\u002f\\u002e',\n  PHP: '\\u20B1',\n  PLN: '\\u007A\\u0142',\n  QAR: '\\uFDFC',\n  RON: '\\u006C\\u0065\\u0069',\n  RUR: '\\u20BD',\n  RUB: '\\u20BD',\n  SHP: '\\u00A3',\n  SAR: '\\uFDFC',\n  RSD: '\\u0414\\u0438\\u043d\\u002e',\n  SCR: '\\u20A8',\n  SGD: '\\u0024',\n  SBD: '\\u0024',\n  SOS: '\\u0053',\n  ZAR: '\\u0052',\n  KRW: '\\u20A9',\n  LKR: '\\u20A8',\n  SEK: '\\u006B\\u0072',\n  CHF: '\\u0043\\u0048\\u0046',\n  SRD: '\\u0024',\n  SYP: '\\u00A3',\n  TWD: '\\u004E\\u0054\\u0024',\n  THB: '\\u0E3F',\n  TTD: '\\u0054\\u0054\\u0024',\n  TRY: '\\u20A4',\n  TRL: '\\u20A4',\n  TVD: '\\u0024',\n  UAH: '\\u20B4',\n  GBP: '\\u00A3',\n  USD: '\\u0024',\n  UYU: '\\u0024\\u0055',\n  UZS: '\\u043B\\u0432',\n  VEF: '\\u0042\\u0073',\n  VND: '\\u20AB',\n  YER: '\\uFDFC',\n  ZWD: '\\u005A\\u0024',\n})\n"],"names":["CurrencyCodes","CURRENCY_MAP","Object","freeze","ALL","AFN","ARS","AWG","AUD","AZN","BSD","BBD","BYR","BZD","BMD","BOB","BAM","BWP","BGN","BRL","BND","KHR","CAD","KYD","CLP","CNY","COP","CRC","HRK","CUP","CZK","DKK","DOP","XCD","EGP","SVC","EEK","EUR","FKP","FJD","FRF","GHC","GIP","GTQ","GGP","GYD","HNL","HKD","HUF","ISK","INR","IDR","IRR","IMP","ILS","JMD","JPY","JEP","KZT","KGS","LAK","LVL","LBP","LRD","LTL","MKD","MYR","MUR","MXN","MNT","MZN","NAD","NPR","ANG","NZD","NIO","NGN","KPW","NOK","OMR","PKR","PAB","PYG","PEN","PHP","PLN","QAR","RON","RUR","RUB","SHP","SAR","RSD","SCR","SGD","SBD","SOS","ZAR","KRW","LKR","SEK","CHF","SRD","SYP","TWD","THB","TTD","TRY","TRL","TVD","UAH","GBP","USD","UYU","UZS","VEF","VND","YER","ZWD"],"mappings":"AACA,IAAYA,GAAAA,IAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,YAAAA,cAAAA,IAAAA,WAsHCC,EAAwDC,OAAOC,OAAO,CACjFC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,OACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK"}

package/components/Amount/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const crossedOut=styled.css(["text-decoration:line-through;"]);const Root=styled__default.default.span.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Amount__Root",componentId:"ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(t=>t.crossedOut?crossedOut:null));exports.Root=Root;
+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

package/components/Amount/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Amount/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { AmountProps } from './Amount'\n\nconst crossedOut = css`\n  text-decoration: line-through;\n`\n\nexport const Root = styled.span.withConfig<AmountProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  color: inherit;\n  white-space: nowrap;\n  ${(props) => (props.crossedOut ? crossedOut : null)}\n`\n"],"names":["crossedOut","css","Root","styled","span","withConfig","shouldForwardProp","prop","includes","componentId","props"],"mappings":"2CAGA,IAAMA,EAAaC,EAAnB,CAAA,kCAIO,IAAMC,EAAOC,EAAOC,KAAKC,WAAwB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAKfO,CAAAA,oCAAAA,KAAAA,GAAWA,EAAMV,WAAaA,EAAa"}

package/components/Anchor/Anchor.js

@@ -1 +1,2 @@
-'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";
+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

package/components/Anchor/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { AnchorProps } from './types'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Component accepts all \\<a\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)\n */\nconst Anchor: React.ForwardRefExoticComponent<AnchorProps> = withMergedProps<AnchorProps, HTMLAnchorElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'inherit',\n      autoRel = true,\n      textProps = {},\n      iconProps = {},\n      icon,\n      children,\n      content,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n    const relBuilder = theme.utils?.relBuilder\n    const href = restProps.href ?? restProps.to\n\n    const rel =\n      restProps.rel ??\n      (autoRel && relBuilder && typeof href === 'string' ? relBuilder(href, restProps.target) : undefined)\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      underline: restProps.underline,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    let rootNode\n    if (restProps.to) rootNode = Link\n    if (restProps.pseudo) rootNode = 'div'\n    if (restProps.disabled) rootNode = 'span'\n    if (restProps.as) rootNode = restProps.as\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        as={rootNode}\n        className={className}\n        size={size}\n        rel={rel}\n        data-disabled={restProps.disabled}\n      >\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : props.preset === 'brand' ? (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            <Text {...baseTextProps} {...textProps}>\n              {children || content}\n            </Text>\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        ) : (\n          <>{children || content}</>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","withMergedProps","forwardRef","props","ref","_theme$utils","_restProps$href","_restProps$rel","size","autoRel","textProps","iconProps","icon","children","content","restProps","_excluded","theme","useTheme","className","useClassname","relBuilder","utils","href","to","rel","target","undefined","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","marginRight","iconBaseProps","rootNode","Link","pseudo","disabled","_jsx","Styled.Root","preset","_jsxs","_Fragment","Icon","_objectSpread","name","Text","displayName","sizes","SIZES"],"mappings":"kqBAaMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,GAAW,CAACC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACzB,IAAMC,KACJA,EAAO,UADHC,QAEJA,GAAU,EAFNC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,SAMJA,EANIC,QAOJA,GAEEX,EADCY,IACDZ,EATJa,GAWA,IAAMC,EAAQC,IAEd,IAAMC,EAAYC,EA3BC,SA2B4BL,EAAUI,WACzD,IAAME,EAAU,QAAGJ,EAAAA,EAAMK,aAAAA,IAATjB,OAAAA,EAAGA,EAAagB,WAChC,IAAME,EAAyBR,UAAlBA,EAAUQ,YAAAA,IAAQR,EAAAA,EAAAA,EAAUS,GAEzC,IAAMC,UACJV,EAAAA,EAAUU,WAAAA,QACThB,GAAWY,GAA8B,iBAATE,EAAoBF,EAAWE,EAAMR,EAAUW,aAAUC,EAE5F,IAAOC,EAAQC,GAASC,MAAMC,QAAQnB,GAAQA,EAAO,CAACA,GAEtD,IAAMoB,EAA2B,CAC/BC,GAAI,OACJzB,KAAM,UACN0B,MAAO,UACPC,UAAWpB,EAAUoB,UACrBC,WAAYR,EAAS,cAAA,EACrBS,YAAaR,EAAQ,cAAWF,GAGlC,IAAMW,EAA2B,CAAEL,GAAI,OAAQC,MAAO,WAEtD,IAAIK,EAMJ,OALIxB,EAAUS,KAAIe,EAAWC,GACzBzB,EAAU0B,SAAQF,EAAW,OAC7BxB,EAAU2B,WAAUH,EAAW,QAC/BxB,EAAUkB,KAAIM,EAAWxB,EAAUkB,IAGrCU,EAACC,SACK7B,GADN,GAAA,CAEEX,IAAKA,EACL6B,GAAIM,EACJpB,UAAWA,EACXX,KAAMA,EACNiB,IAAKA,EACL,gBAAeV,EAAU2B,SAP3B7B,SASuB,mBAAbA,EACNA,EAAS,CAAEmB,cAAAA,EAAetB,UAAAA,EAAW4B,cAAAA,EAAe3B,UAAAA,EAAWC,KAAAA,IAC5C,UAAjBT,EAAM0C,OACRC,EAAAC,EAAA,CAAAlC,SACGe,CAAAA,GACCe,EAACK,EAADC,EAAAA,EAAA,CACEC,KAAwB,iBAAXtB,EAAsBA,OAAAA,EACnChB,KAAwB,iBAAXgB,EAAsBA,UAC/BU,GACA3B,IAGRgC,EAACQ,EAADF,EAAAA,EAAAA,EAAA,GAAUjB,GAAmBtB,GAA7B,GAAA,CAAAG,SACGA,GAAYC,KAEde,GACCc,EAACK,EAADC,EAAAA,EAAA,CACEC,KAAuB,iBAAVrB,EAAqBA,OAAAA,EAClCjB,KAAuB,iBAAViB,EAAqBA,OAAAA,GAC9BS,GACA3B,OAKVgC,EAAAI,EAAA,CAAAlC,SAAGA,GAAYC,UAKvB,CACEsC,YA/FmB,SAgGnBC,MAAOC"}

package/components/Anchor/constants.js

@@ -1 +1,2 @@
-'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}};
+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

package/components/Anchor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Anchor/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Anchor/style.js

@@ -1 +1,2 @@
-'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');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);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.default(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.default(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled__default.default.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"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;
+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

package/components/Anchor/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","concat","colorDisabled","COLOR_SCHEMA","default","css","props","_objectSpread","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"sdAYA,IAAMA,EAA0BC,GAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,IAAME,EAAYC,wBACPA,EAAQC,MAEND,+BAAAA,OAAAA,EAAQE,WAHJ,qCAAAC,OAMJH,EAAQC,mEAGRD,EAAQI,cATrB,YAaA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOC,OACtDX,WAAYM,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOE,QAC3DV,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfc,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,gBAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEb,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfkB,UAAWX,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,2BAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFb,cAAeI,EAAMG,MAAMC,OAAO,6BAC/BJ,EAAMR,aAUV,IAAMoB,EAAOC,EAAOC,EAAEC,WAA8B,CACzDC,kBAAmB7B,IADJ4B,WAAA,CAAAE,YAAA,wBAAGJ,CAGfb,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAMWA,+LAAAA,OAAAA,EAAMkB,SAAW,cAAgB,UAEzClB,6BAAAA,OAAAA,EAAMmB,wBACgC,iBAAxBnB,EAAMmB,cAA6BnB,EAAMmB,cAAgB,eACnE,+BAGa,UAAjBnB,EAAMoB,OAAN,uMAAA,4BAAAzB,OASiBK,EAAME,QAAU,QAAU,eAT3C,2CAAAP,QAAAA,IAU8BK,EAAMqB,UAAqB,YAAc,OAE/DrB,oCAAAA,OAAAA,EAAMsB,QAAqC,iBAApBtB,EAAMqB,UAClB,OAAA1B,OAA2B,iBAApBK,EAAMqB,UAAyBrB,EAAMqB,UAAY,UAC/D,OA3BhB,mBAAA,cARkBrB,GAChBA,EAAMU,UAAkBb,EAAaa,UACjB,UAAjBV,EAAMoB,OAAqBvB,EAAaS,QAAUT,EAAaC,SAyCpEyB,EACAC,EACAC,GAECzB,GAAUA,EAAM0B,SAAWA,EAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMP,OAAmBkC,UAAAA,OAAAA,EAAS3B,EAAMP,MAAOO,GAA/C"}

package/components/Arrow/Arrow.js

@@ -1 +1,2 @@
-'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";
+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

package/components/Arrow/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+dAUMA,IAAAA,EAAiB,QAYjBC,IAAAA,EAAqDC,EACzDC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,SAATC,KAAmBA,EAAO,IAA1BC,UAA+BA,EAAY,IAAqBJ,EAAdK,IAAcL,EAAtEM,GAIA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDQ,SACEF,EAACG,EAADC,EAAAA,EAAA,CAAMC,KAA2B,UAArBP,EAAUQ,OAAqB,UAAY,aAJ1B,CAAEC,GAAI,OAAQC,MAAO,YAIyCX,UAIjG,CACEY,YAzBmB,QA0BnBC,MAAQjB,GAA4B,UAAjBA,EAAMa,OAAqBK,EAAQC"}

package/components/Arrow/constants.js

@@ -1 +1,2 @@
-'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}};
+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

package/components/Arrow/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Arrow/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 60,\n    height: 60,\n    fontSize: 28,\n  },\n  xxl: {\n    width: 56,\n    height: 56,\n    fontSize: 28,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 28,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 24,\n  },\n  m: {\n    width: 44,\n    height: 44,\n    fontSize: 24,\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 24,\n  },\n  xs: {\n    width: 36,\n    height: 36,\n    fontSize: 20,\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 20,\n  },\n  xxxs: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/default-constants.js

@@ -1 +1,2 @@
-'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}};
+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

package/components/Arrow/default-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/style.js

@@ -1 +1,2 @@
-'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');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardArrowProp=style.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.default(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.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(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.default(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__default.default.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"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;
+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