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

package/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { polymorphicComponent } from 'shared/utils/polymorphic'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { useClassname } from 'hooks/useClassname'\nimport { isNil } from 'shared/utils/isNil'\nimport { SIZES } from './constants'\nimport type { AnchorProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Полиморфный компонент. Поддерживает ref и нативные атрибуты выбранного HTML-элемента (по умолчанию \\<a\\>).\n */\nconst Anchor = polymorphicComponent<'a', AnchorProps, HTMLAnchorElement>((props, ref) => {\n  const theme = useTheme()\n  const mergedProps = useMergedProps<AnchorProps>(props, {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const {\n    component,\n    size = 'inherit',\n    autoRel = true,\n    textProps = {},\n    iconProps = {},\n    icon,\n    children,\n    content,\n    ...restProps\n  } = mergedProps\n\n  const rootNode = () => {\n    let root: React.ElementType | undefined = 'a'\n\n    if ('to' in restProps && restProps.to) {\n      root = theme.link\n    }\n    if (restProps.pseudo) {\n      root = 'div'\n    }\n    if (restProps.disabled) {\n      root = 'span'\n    }\n    if (restProps.as) {\n      root = restProps.as\n    }\n    if (component) {\n      root = component\n    }\n\n    return root\n  }\n\n  const className = useClassname(COMPONENT_NAME, restProps.className)\n\n  const relBuilder = theme.utils?.relBuilder\n\n  const getRel = () => {\n    if ('rel' in restProps && !isNil(restProps.rel)) {\n      return restProps.rel\n    }\n\n    const href = ('href' in restProps ? restProps.href : undefined) ?? ('to' in restProps ? restProps.to : undefined)\n    if (autoRel && relBuilder && typeof href === 'string') {\n      const target = 'target' in restProps ? restProps.target : undefined\n      if (typeof target === 'string' || target === undefined) {\n        return relBuilder(href, target)\n      }\n    }\n\n    return undefined\n  }\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.20em' : undefined,\n    marginRight: after ? '0.20em' : undefined,\n  }\n\n  const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      ref={ref}\n      as={rootNode()}\n      className={className}\n      size={size}\n      rel={getRel()}\n      data-disabled={restProps.disabled}\n    >\n      {typeof children === 'function' ? (\n        children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n      ) : restProps.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          ) : null}\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          ) : null}\n        </>\n      ) : (\n        children || content\n      )}\n    </Styled.Root>\n  )\n})\n\nconst AnchorDoc: React.FC<AnchorProps> = () => null\n\nexport { AnchorDoc, Anchor, COMPONENT_NAME }\n"],"names":["Anchor","polymorphicComponent","props","ref","theme","useTheme","mergedProps","useMergedProps","displayName","sizes","SIZES","component","size","autoRel","textProps","iconProps","icon","children","content","restProps","className","useClassname","relBuilder","utils","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","rootNode","root","to","link","pseudo","disabled","rel","getRel","isNil","href","target","preset","_jsxs","_Fragment","Icon","name","Text"],"mappings":"mdAqBA,MAAMA,OAASC,YAAAA,sBAA0D,CAACC,EAAOC,KAC/E,MAAMC,EAAQC,OAAAA,WACd,MAAMC,EAAcC,eAAAA,eAA4BL,EAAO,CACrDM,YAXmB,SAYnBC,MAAOC,UAAAA,QAGT,MAAMC,UACJA,EAASC,KACTA,EAAO,UAASC,QAChBA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,KACdA,EAAIC,SACJA,EAAQC,QACRA,KACGC,GACDb,EAwBJ,MAAMc,EAAYC,aAAAA,aAjDG,SAiD0BF,EAAUC,WAEzD,MAAME,EAAalB,EAAMmB,OAAOD,WAkBhC,MAAOE,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,MAAMY,EAA2B,CAC/BC,GAAI,OACJjB,KAAM,UACNkB,MAAO,UACPC,UAAWZ,EAAUY,UACrBC,WAAYR,EAAS,cAAWS,EAChCC,YAAaT,EAAQ,cAAWQ,GAGlC,MAAME,EAA2B,CAAEN,GAAI,OAAQC,MAAO,WAEtD,OACEM,WAAAA,IAACC,MAAAA,KAAW,IACNlB,EACJhB,IAAKA,EACL0B,GA3DaS,MACf,IAAIC,EAAsC,IAkB1C,MAhBI,OAAQpB,GAAaA,EAAUqB,KACjCD,EAAOnC,EAAMqC,MAEXtB,EAAUuB,SACZH,EAAO,OAELpB,EAAUwB,WACZJ,EAAO,QAELpB,EAAUU,KACZU,EAAOpB,EAAUU,IAEflB,IACF4B,EAAO5B,GAGF4B,CAAI,EAwCLD,GACJlB,UAAWA,EACXR,KAAMA,EACNgC,IApCWC,MACb,GAAI,QAAS1B,IAAc2B,MAAAA,MAAM3B,EAAUyB,KACzC,OAAOzB,EAAUyB,IAGnB,MAAMG,GAAQ,SAAU5B,EAAYA,EAAU4B,UAAOd,KAAe,OAAQd,EAAYA,EAAUqB,QAAKP,GACvG,GAAIpB,GAAWS,UAAqByB,GAAS,SAAU,CACrD,MAAMC,EAAS,WAAY7B,EAAYA,EAAU6B,YAASf,EAC1D,UAAWe,GAAW,UAAYA,SAAWf,EAC3C,OAAOX,EAAWyB,EAAMC,EAE5B,CAEgB,EAuBTH,GACL,gBAAe1B,EAAUwB,SAAS1B,gBAE1BA,GAAa,WACnBA,EAAS,CAAEW,gBAAed,YAAWqB,gBAAepB,YAAWC,SAC7DG,EAAU8B,SAAW,QACvBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAlC,SAAA,CACGO,EACCY,WAAAA,IAACgB,UAAI,CACHC,YAAa7B,GAAW,SAAWA,OAASS,EAC5CjB,YAAaQ,GAAW,SAAWA,OAASS,KACxCE,KACApB,IAEJ,KACJqB,WAAAA,IAACkB,UAAI,IAAK1B,KAAmBd,EAASG,SACnCA,GAAYC,IAEdO,EACCW,WAAAA,IAACgB,UAAI,CACHC,YAAa5B,GAAU,SAAWA,OAAQQ,EAC1CjB,YAAaS,GAAU,SAAWA,OAAQQ,KACtCE,KACApB,IAEJ,QAGNE,GAAYC,GAEF,iDAvHK"}
+{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { useClassname } from 'hooks/useClassname'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport { isNil } from 'shared/utils/isNil'\nimport { SIZES } from './constants'\nimport type { AnchorProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<a\\>).\n */\nconst Anchor = createPolymorphicComponentWithRef<'a', AnchorProps>((props, ref) => {\n  const theme = useTheme()\n  const mergedProps = useMergedProps<PolymorphicProps<React.ElementType, AnchorProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const {\n    component,\n    size = 'inherit',\n    autoRel = true,\n    textProps = {},\n    iconProps = {},\n    icon,\n    children,\n    content,\n    ...restProps\n  } = mergedProps\n\n  const rootNode = () => {\n    let root: React.ElementType | undefined = 'a'\n\n    if (restProps.to) {\n      root = theme.link\n    }\n    if (restProps.pseudo) {\n      root = 'div'\n    }\n    if (restProps.disabled) {\n      root = 'span'\n    }\n    if (restProps.as) {\n      root = restProps.as\n    }\n    if (component) {\n      root = component\n    }\n\n    return root\n  }\n\n  const className = useClassname(COMPONENT_NAME, restProps.className)\n\n  const relBuilder = theme.utils?.relBuilder\n\n  const getRel = () => {\n    if (!isNil(restProps.rel)) {\n      return restProps.rel\n    }\n\n    const href = restProps.href ?? restProps.to\n    if (autoRel && relBuilder && typeof href === 'string') {\n      const target = restProps.target\n      if (typeof target === 'string' || target === undefined) {\n        return relBuilder(href, target)\n      }\n    }\n\n    return undefined\n  }\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.20em' : undefined,\n    marginRight: after ? '0.20em' : undefined,\n  }\n\n  const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      ref={ref}\n      as={rootNode()}\n      className={className}\n      size={size}\n      rel={getRel()}\n      data-disabled={restProps.disabled}\n    >\n      {typeof children === 'function' ? (\n        children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n      ) : restProps.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          ) : null}\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          ) : null}\n        </>\n      ) : (\n        children || content\n      )}\n    </Styled.Root>\n  )\n})\n\nconst AnchorDoc: React.FC<AnchorProps> = () => null\n\nexport { AnchorDoc, Anchor, COMPONENT_NAME }\n"],"names":["Anchor","createPolymorphicComponentWithRef","props","ref","theme","useTheme","mergedProps","useMergedProps","componentName","sizes","SIZES","component","size","autoRel","textProps","iconProps","icon","children","content","restProps","className","useClassname","relBuilder","utils","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","rootNode","root","to","link","pseudo","disabled","rel","getRel","isNil","href","target","preset","_jsxs","_Fragment","Icon","name","Text"],"mappings":"+fAwBA,MAAMA,OAASC,kCAAAA,kCAAoD,CAACC,EAAOC,KACzE,MAAMC,EAAQC,OAAAA,WACd,MAAMC,EAAcC,eAAAA,eAAiEL,EAAO,CAC1FM,cAbmB,SAcnBC,MAAOC,UAAAA,QAGT,MAAMC,UACJA,EAASC,KACTA,EAAO,UAASC,QAChBA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,KACdA,EAAIC,SACJA,EAAQC,QACRA,KACGC,GACDb,EAwBJ,MAAMc,EAAYC,aAAAA,aAnDG,SAmD0BF,EAAUC,WAEzD,MAAME,EAAalB,EAAMmB,OAAOD,WAkBhC,MAAOE,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,MAAMY,EAA2B,CAC/BC,GAAI,OACJjB,KAAM,UACNkB,MAAO,UACPC,UAAWZ,EAAUY,UACrBC,WAAYR,EAAS,cAAWS,EAChCC,YAAaT,EAAQ,cAAWQ,GAGlC,MAAME,EAA2B,CAAEN,GAAI,OAAQC,MAAO,WAEtD,OACEM,WAAAA,IAACC,MAAAA,KAAW,IACNlB,EACJhB,IAAKA,EACL0B,GA3DaS,MACf,IAAIC,EAAsC,IAkB1C,OAhBIpB,EAAUqB,KACZD,EAAOnC,EAAMqC,MAEXtB,EAAUuB,SACZH,EAAO,OAELpB,EAAUwB,WACZJ,EAAO,QAELpB,EAAUU,KACZU,EAAOpB,EAAUU,IAEflB,IACF4B,EAAO5B,GAGF4B,GAwCDD,GACJlB,UAAWA,EACXR,KAAMA,EACNgC,IApCWC,MACb,IAAKC,MAAAA,MAAM3B,EAAUyB,KACnB,OAAOzB,EAAUyB,IAGnB,MAAMG,EAAO5B,EAAU4B,MAAQ5B,EAAUqB,GACzC,GAAI3B,GAAWS,UAAqByB,GAAS,SAAU,CACrD,MAAMC,EAAS7B,EAAU6B,OACzB,UAAWA,GAAW,UAAYA,SAAWf,EAC3C,OAAOX,EAAWyB,EAAMC,EAE5B,GAyBOH,GACL,gBAAe1B,EAAUwB,SAAS1B,gBAE1BA,GAAa,WACnBA,EAAS,CAAEW,gBAAed,YAAWqB,gBAAepB,YAAWC,SAC7DG,EAAU8B,SAAW,QACvBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAlC,SAAA,CACGO,EACCY,WAAAA,IAACgB,UAAI,CACHC,YAAa7B,GAAW,SAAWA,OAASS,EAC5CjB,YAAaQ,GAAW,SAAWA,OAASS,KACxCE,KACApB,IAEJ,KACJqB,WAAAA,IAACkB,UAAI,IAAK1B,KAAmBd,EAASG,SACnCA,GAAYC,IAEdO,EACCW,WAAAA,IAACgB,UAAI,CACHC,YAAa5B,GAAU,SAAWA,OAAQQ,EAC1CjB,YAAaS,GAAU,SAAWA,OAAQQ,KACtCE,KACApB,IAEJ,QAGNE,GAAYC,mDAvHG"}

package/components/Anchor/Anchor.mjs

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

package/components/Anchor/Anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.mjs","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { polymorphicComponent } from 'shared/utils/polymorphic'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { useClassname } from 'hooks/useClassname'\nimport { isNil } from 'shared/utils/isNil'\nimport { SIZES } from './constants'\nimport type { AnchorProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Полиморфный компонент. Поддерживает ref и нативные атрибуты выбранного HTML-элемента (по умолчанию \\<a\\>).\n */\nconst Anchor = polymorphicComponent<'a', AnchorProps, HTMLAnchorElement>((props, ref) => {\n  const theme = useTheme()\n  const mergedProps = useMergedProps<AnchorProps>(props, {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const {\n    component,\n    size = 'inherit',\n    autoRel = true,\n    textProps = {},\n    iconProps = {},\n    icon,\n    children,\n    content,\n    ...restProps\n  } = mergedProps\n\n  const rootNode = () => {\n    let root: React.ElementType | undefined = 'a'\n\n    if ('to' in restProps && restProps.to) {\n      root = theme.link\n    }\n    if (restProps.pseudo) {\n      root = 'div'\n    }\n    if (restProps.disabled) {\n      root = 'span'\n    }\n    if (restProps.as) {\n      root = restProps.as\n    }\n    if (component) {\n      root = component\n    }\n\n    return root\n  }\n\n  const className = useClassname(COMPONENT_NAME, restProps.className)\n\n  const relBuilder = theme.utils?.relBuilder\n\n  const getRel = () => {\n    if ('rel' in restProps && !isNil(restProps.rel)) {\n      return restProps.rel\n    }\n\n    const href = ('href' in restProps ? restProps.href : undefined) ?? ('to' in restProps ? restProps.to : undefined)\n    if (autoRel && relBuilder && typeof href === 'string') {\n      const target = 'target' in restProps ? restProps.target : undefined\n      if (typeof target === 'string' || target === undefined) {\n        return relBuilder(href, target)\n      }\n    }\n\n    return undefined\n  }\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.20em' : undefined,\n    marginRight: after ? '0.20em' : undefined,\n  }\n\n  const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      ref={ref}\n      as={rootNode()}\n      className={className}\n      size={size}\n      rel={getRel()}\n      data-disabled={restProps.disabled}\n    >\n      {typeof children === 'function' ? (\n        children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n      ) : restProps.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          ) : null}\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          ) : null}\n        </>\n      ) : (\n        children || content\n      )}\n    </Styled.Root>\n  )\n})\n\nconst AnchorDoc: React.FC<AnchorProps> = () => null\n\nexport { AnchorDoc, Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","polymorphicComponent","props","ref","theme","useTheme","mergedProps","useMergedProps","displayName","sizes","SIZES","component","size","autoRel","textProps","iconProps","icon","children","content","restProps","className","useClassname","relBuilder","utils","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","rootNode","root","to","link","pseudo","disabled","rel","getRel","isNil","href","target","preset","_jsxs","_Fragment","Icon","name","Text"],"mappings":"ucAaA,MAAMA,eAAiB,SAQvB,MAAMC,OAASC,sBAA0D,CAACC,EAAOC,KAC/E,MAAMC,EAAQC,WACd,MAAMC,EAAcC,eAA4BL,EAAO,CACrDM,YAXmB,SAYnBC,MAAOC,QAGT,MAAMC,UACJA,EAASC,KACTA,EAAO,UAASC,QAChBA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,KACdA,EAAIC,SACJA,EAAQC,QACRA,KACGC,GACDb,EAwBJ,MAAMc,EAAYC,aAjDG,SAiD0BF,EAAUC,WAEzD,MAAME,EAAalB,EAAMmB,OAAOD,WAkBhC,MAAOE,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,MAAMY,EAA2B,CAC/BC,GAAI,OACJjB,KAAM,UACNkB,MAAO,UACPC,UAAWZ,EAAUY,UACrBC,WAAYR,EAAS,cAAWS,EAChCC,YAAaT,EAAQ,cAAWQ,GAGlC,MAAME,EAA2B,CAAEN,GAAI,OAAQC,MAAO,WAEtD,OACEM,IAACC,KAAW,IACNlB,EACJhB,IAAKA,EACL0B,GA3DaS,MACf,IAAIC,EAAsC,IAkB1C,MAhBI,OAAQpB,GAAaA,EAAUqB,KACjCD,EAAOnC,EAAMqC,MAEXtB,EAAUuB,SACZH,EAAO,OAELpB,EAAUwB,WACZJ,EAAO,QAELpB,EAAUU,KACZU,EAAOpB,EAAUU,IAEflB,IACF4B,EAAO5B,GAGF4B,CAAI,EAwCLD,GACJlB,UAAWA,EACXR,KAAMA,EACNgC,IApCWC,MACb,GAAI,QAAS1B,IAAc2B,MAAM3B,EAAUyB,KACzC,OAAOzB,EAAUyB,IAGnB,MAAMG,GAAQ,SAAU5B,EAAYA,EAAU4B,UAAOd,KAAe,OAAQd,EAAYA,EAAUqB,QAAKP,GACvG,GAAIpB,GAAWS,UAAqByB,GAAS,SAAU,CACrD,MAAMC,EAAS,WAAY7B,EAAYA,EAAU6B,YAASf,EAC1D,UAAWe,GAAW,UAAYA,SAAWf,EAC3C,OAAOX,EAAWyB,EAAMC,EAE5B,CAEgB,EAuBTH,GACL,gBAAe1B,EAAUwB,SAAS1B,gBAE1BA,GAAa,WACnBA,EAAS,CAAEW,gBAAed,YAAWqB,gBAAepB,YAAWC,SAC7DG,EAAU8B,SAAW,QACvBC,KAAAC,SAAA,CAAAlC,SAAA,CACGO,EACCY,IAACgB,KAAI,CACHC,YAAa7B,GAAW,SAAWA,OAASS,EAC5CjB,YAAaQ,GAAW,SAAWA,OAASS,KACxCE,KACApB,IAEJ,KACJqB,IAACkB,KAAI,IAAK1B,KAAmBd,EAASG,SACnCA,GAAYC,IAEdO,EACCW,IAACgB,KAAI,CACHC,YAAa5B,GAAU,SAAWA,OAAQQ,EAC1CjB,YAAaS,GAAU,SAAWA,OAAQQ,KACtCE,KACApB,IAEJ,QAGNE,GAAYC,GAEF"}
+{"version":3,"file":"Anchor.mjs","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { useClassname } from 'hooks/useClassname'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport { isNil } from 'shared/utils/isNil'\nimport { SIZES } from './constants'\nimport type { AnchorProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<a\\>).\n */\nconst Anchor = createPolymorphicComponentWithRef<'a', AnchorProps>((props, ref) => {\n  const theme = useTheme()\n  const mergedProps = useMergedProps<PolymorphicProps<React.ElementType, AnchorProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const {\n    component,\n    size = 'inherit',\n    autoRel = true,\n    textProps = {},\n    iconProps = {},\n    icon,\n    children,\n    content,\n    ...restProps\n  } = mergedProps\n\n  const rootNode = () => {\n    let root: React.ElementType | undefined = 'a'\n\n    if (restProps.to) {\n      root = theme.link\n    }\n    if (restProps.pseudo) {\n      root = 'div'\n    }\n    if (restProps.disabled) {\n      root = 'span'\n    }\n    if (restProps.as) {\n      root = restProps.as\n    }\n    if (component) {\n      root = component\n    }\n\n    return root\n  }\n\n  const className = useClassname(COMPONENT_NAME, restProps.className)\n\n  const relBuilder = theme.utils?.relBuilder\n\n  const getRel = () => {\n    if (!isNil(restProps.rel)) {\n      return restProps.rel\n    }\n\n    const href = restProps.href ?? restProps.to\n    if (autoRel && relBuilder && typeof href === 'string') {\n      const target = restProps.target\n      if (typeof target === 'string' || target === undefined) {\n        return relBuilder(href, target)\n      }\n    }\n\n    return undefined\n  }\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.20em' : undefined,\n    marginRight: after ? '0.20em' : undefined,\n  }\n\n  const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      ref={ref}\n      as={rootNode()}\n      className={className}\n      size={size}\n      rel={getRel()}\n      data-disabled={restProps.disabled}\n    >\n      {typeof children === 'function' ? (\n        children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n      ) : restProps.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          ) : null}\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          ) : null}\n        </>\n      ) : (\n        children || content\n      )}\n    </Styled.Root>\n  )\n})\n\nconst AnchorDoc: React.FC<AnchorProps> = () => null\n\nexport { AnchorDoc, Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","createPolymorphicComponentWithRef","props","ref","theme","useTheme","mergedProps","useMergedProps","componentName","sizes","SIZES","component","size","autoRel","textProps","iconProps","icon","children","content","restProps","className","useClassname","relBuilder","utils","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","rootNode","root","to","link","pseudo","disabled","rel","getRel","isNil","href","target","preset","_jsxs","_Fragment","Icon","name","Text"],"mappings":"0eAcA,MAAMA,eAAiB,SAUvB,MAAMC,OAASC,kCAAoD,CAACC,EAAOC,KACzE,MAAMC,EAAQC,WACd,MAAMC,EAAcC,eAAiEL,EAAO,CAC1FM,cAbmB,SAcnBC,MAAOC,QAGT,MAAMC,UACJA,EAASC,KACTA,EAAO,UAASC,QAChBA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,KACdA,EAAIC,SACJA,EAAQC,QACRA,KACGC,GACDb,EAwBJ,MAAMc,EAAYC,aAnDG,SAmD0BF,EAAUC,WAEzD,MAAME,EAAalB,EAAMmB,OAAOD,WAkBhC,MAAOE,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,MAAMY,EAA2B,CAC/BC,GAAI,OACJjB,KAAM,UACNkB,MAAO,UACPC,UAAWZ,EAAUY,UACrBC,WAAYR,EAAS,cAAWS,EAChCC,YAAaT,EAAQ,cAAWQ,GAGlC,MAAME,EAA2B,CAAEN,GAAI,OAAQC,MAAO,WAEtD,OACEM,IAACC,KAAW,IACNlB,EACJhB,IAAKA,EACL0B,GA3DaS,MACf,IAAIC,EAAsC,IAkB1C,OAhBIpB,EAAUqB,KACZD,EAAOnC,EAAMqC,MAEXtB,EAAUuB,SACZH,EAAO,OAELpB,EAAUwB,WACZJ,EAAO,QAELpB,EAAUU,KACZU,EAAOpB,EAAUU,IAEflB,IACF4B,EAAO5B,GAGF4B,GAwCDD,GACJlB,UAAWA,EACXR,KAAMA,EACNgC,IApCWC,MACb,IAAKC,MAAM3B,EAAUyB,KACnB,OAAOzB,EAAUyB,IAGnB,MAAMG,EAAO5B,EAAU4B,MAAQ5B,EAAUqB,GACzC,GAAI3B,GAAWS,UAAqByB,GAAS,SAAU,CACrD,MAAMC,EAAS7B,EAAU6B,OACzB,UAAWA,GAAW,UAAYA,SAAWf,EAC3C,OAAOX,EAAWyB,EAAMC,EAE5B,GAyBOH,GACL,gBAAe1B,EAAUwB,SAAS1B,gBAE1BA,GAAa,WACnBA,EAAS,CAAEW,gBAAed,YAAWqB,gBAAepB,YAAWC,SAC7DG,EAAU8B,SAAW,QACvBC,KAAAC,SAAA,CAAAlC,SAAA,CACGO,EACCY,IAACgB,KAAI,CACHC,YAAa7B,GAAW,SAAWA,OAASS,EAC5CjB,YAAaQ,GAAW,SAAWA,OAASS,KACxCE,KACApB,IAEJ,KACJqB,IAACkB,KAAI,IAAK1B,KAAmBd,EAASG,SACnCA,GAAYC,IAEdO,EACCW,IAACgB,KAAI,CACHC,YAAa5B,GAAU,SAAWA,OAAQQ,EAC1CjB,YAAaS,GAAU,SAAWA,OAAQQ,KACtCE,KACApB,IAEJ,QAGNE,GAAYC"}

package/components/Anchor/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');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');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardAnchorProp=style.createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  ${hover.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.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.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      background: transparent;\n      border: none;\n      padding: 0;\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              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;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');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');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardAnchorProp=style.createShouldForwardProp(o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o));const template=o=>`\n  color: ${o.color};\n  ${hover.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.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.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      background: transparent;\n      border: none;\n      padding: 0;\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              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;
 //# sourceMappingURL=style.js.map

package/components/Anchor/style.js.map

@@ -1 +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 { hover } from 'mixins/hover'\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      background: transparent;\n      border: none;\n      padding: 0;\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              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","hover","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"ylBAaA,MAAMA,wBAA0BC,MAAAA,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,aACfC,YAAM,gBACGF,EAAQG,gDAGRH,EAAQC,wDAGRD,EAAQI,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,YAGfa,QAASN,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,mBAAAA,QAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,YAGfiB,UAAWV,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,mBAAAA,QAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMR,aAUV,MAAMmB,KAAOC,gBAAAA,QAAOC,EAAEC,WAA8B,CACzDC,kBAAmB5B,0BACnB2B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,uQASCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCArCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SA2CpEyB,MAAAA,MACAC,8BACAC,iBAAAA,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAAA,QAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMP,OAAS,UAAUkC,eAAS3B,EAAMP,MAAOO"}
+{"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 { hover } from 'mixins/hover'\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      background: transparent;\n      border: none;\n      padding: 0;\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              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","hover","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"ylBAaA,MAAMA,wBAA0BC,MAAAA,wBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,IAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,aACfC,YAAM,gBACGF,EAAQG,gDAGRH,EAAQC,wDAGRD,EAAQI,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,WAGfa,QAASN,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,mBAAAA,QAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,WAGfiB,UAAWV,OAAAA,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,mBAAAA,QAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMR,YAUV,MAAMmB,KAAOC,gBAAAA,QAAOC,EAAEC,WAA8B,CACzDC,kBAAmB5B,0BACnB2B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACGZ,GAAU,uQASCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,kCArCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,QA2CpEyB,MAAAA,MACAC,8BACAC,iBAAAA,iBAECzB,GAAUA,EAAM0B,SAAWA,QAAAA,QAAQ1B,EAAM0B,SACzC1B,GAAUA,EAAMP,OAAS,UAAUkC,eAAS3B,EAAMP,MAAOO"}

package/components/Anchor/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{display}from'../../mixins/display.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardAnchorProp=createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  ${hover(`\n    color: ${o.colorHover};\n  `)}\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      background: transparent;\n      border: none;\n      padding: 0;\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              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus,responsiveSize,responsiveMargin,(o=>o.display&&display(o.display)),(o=>o.color&&`color: ${getColor(o.color,o)};`));export{Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{display}from'../../mixins/display.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardAnchorProp=createShouldForwardProp(o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o));const template=o=>`\n  color: ${o.color};\n  ${hover(`\n    color: ${o.colorHover};\n  `)}\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette})),primary:css(["",""],o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette})),onColored:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      background: transparent;\n      border: none;\n      padding: 0;\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              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `,o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default,focus,responsiveSize,responsiveMargin,o=>o.display&&display(o.display),o=>o.color&&`color: ${getColor(o.color,o)};`);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Anchor/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","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 { hover } from 'mixins/hover'\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      background: transparent;\n      border: none;\n      padding: 0;\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              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","hover","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"4bAaA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,aACfC,MAAM,gBACGF,EAAQG,gDAGRH,EAAQC,wDAGRD,EAAQI,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,YAGfa,QAASN,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,YAGfiB,UAAWV,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMR,aAUV,MAAMmB,KAAOC,OAAOC,EAAEC,WAA8B,CACzDC,kBAAmB5B,0BACnB2B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,uQASCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCArCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SA2CpEyB,MACAC,eACAC,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMP,OAAS,UAAUkC,SAAS3B,EAAMP,MAAOO"}
+{"version":3,"file":"style.mjs","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 { hover } from 'mixins/hover'\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      background: transparent;\n      border: none;\n      padding: 0;\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              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","hover","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"4bAaA,MAAMA,wBAA0BC,wBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,IAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,aACfC,MAAM,gBACGF,EAAQG,gDAGRH,EAAQC,wDAGRD,EAAQI,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,WAGfa,QAASN,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMR,WAGfiB,UAAWV,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMR,YAUV,MAAMmB,KAAOC,OAAOC,EAAEC,WAA8B,CACzDC,kBAAmB5B,0BACnB2B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACGZ,GAAU,uQASCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,kCArCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,QA2CpEyB,MACAC,eACAC,iBAECzB,GAAUA,EAAM0B,SAAWA,QAAQ1B,EAAM0B,SACzC1B,GAAUA,EAAMP,OAAS,UAAUkC,SAAS3B,EAAMP,MAAOO"}

package/components/Arrow/Arrow.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var chevronUpDefault=require('./images/chevronUpDefault.svg.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/ArrowUp/index.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{type:s="button",size:i="l",top:o=!0,iconProps:t={},...n}=e;return jsxRuntime.jsx(style.Root,{...n,type:s,size:i,top:o,ref:r,children:jsxRuntime.jsx(Icon.Icon,{icon:t.name||t.icon?void 0:jsxRuntime.jsx(n.preset==='brand'?index.ArrowUp:chevronUpDefault.default,{}),as:'span',color:'inherit',...t})})})),{displayName:"Arrow",sizes:e=>e.preset==='brand'?e.square?sizes.SIZES_SQUARE:sizes.SIZES:sizes.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var chevronUpDefault=require('./images/chevronUpDefault.svg.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/ArrowUp/index.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{type:s="button",size:i="l",top:o=!0,iconProps:t={},...n}=e;return jsxRuntime.jsx(style.Root,{...n,type:s,size:i,top:o,ref:r,children:jsxRuntime.jsx(Icon.Icon,{icon:t.name||t.icon?void 0:jsxRuntime.jsx(n.preset==='brand'?index.ArrowUp:chevronUpDefault.default,{}),as:'span',color:'inherit',...t})})}),{displayName:"Arrow",sizes:e=>e.preset==='brand'?e.square?sizes.SIZES_SQUARE:sizes.SIZES:sizes.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
 //# sourceMappingURL=Arrow.js.map

package/components/Arrow/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES, SIZES_DEFAULT, SIZES_SQUARE } from './sizes'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","as","color","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"sXAsBA,MAAMA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAA,KAAOC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAA,IAACG,UAAI,CACHC,KACGN,EAAUO,MAASP,EAAUM,UAAoEE,EAA9BN,WAAAA,IAA/BD,EAAUQ,SAAW,QAAWC,MAAAA,QAAcC,iBAAAA,QAAP,IANjDC,GAAI,OAAQC,MAAO,aAS5Cb,KAEM,IAGlB,CACEc,YA7BmB,QA8BnBC,MAAQpB,GACFA,EAAMc,SAAW,QACZd,EAAMqB,OAASC,MAAAA,aAAeC,MAAAA,MAGhCC,MAAAA,2DAnCU"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES, SIZES_DEFAULT, SIZES_SQUARE } from './sizes'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","as","color","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"sXAsBA,MAAMA,MAAqDC,gBAAAA,gBACzDC,MAAAA,WAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAA,KAAOC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAA,IAACG,UAAI,CACHC,KACGN,EAAUO,MAASP,EAAUM,UAAoEE,EAA9BN,WAAAA,IAA/BD,EAAUQ,SAAW,QAAWC,MAAAA,QAAcC,iBAAAA,QAAP,IANjDC,GAAI,OAAQC,MAAO,aAS5Cb,QAKZ,CACEc,YA7BmB,QA8BnBC,MAAQpB,GACFA,EAAMc,SAAW,QACZd,EAAMqB,OAASC,MAAAA,aAAeC,MAAAA,MAGhCC,MAAAA,2DAnCU"}

package/components/Arrow/Arrow.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import SvgChevronUpDefault from'./images/chevronUpDefault.svg.mjs';import{SIZES_SQUARE,SIZES,SIZES_DEFAULT}from'./sizes.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{ArrowUp}from'../../icon-pack/src/icons/ArrowUp/index.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:e="button",size:s="l",top:t=!0,iconProps:i={},...p}=r;return jsx(Root,{...p,type:e,size:s,top:t,ref:o,children:jsx(Icon,{icon:i.name||i.icon?void 0:jsx(p.preset==='brand'?ArrowUp:SvgChevronUpDefault,{}),as:'span',color:'inherit',...i})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?r.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import SvgChevronUpDefault from'./images/chevronUpDefault.svg.mjs';import{SIZES_SQUARE,SIZES,SIZES_DEFAULT}from'./sizes.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{ArrowUp}from'../../icon-pack/src/icons/ArrowUp/index.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef((r,o)=>{const{type:e="button",size:s="l",top:t=!0,iconProps:i={},...p}=r;return jsx(Root,{...p,type:e,size:s,top:t,ref:o,children:jsx(Icon,{icon:i.name||i.icon?void 0:jsx(p.preset==='brand'?ArrowUp:SvgChevronUpDefault,{}),as:'span',color:'inherit',...i})})}),{displayName:"Arrow",sizes:r=>r.preset==='brand'?r.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
 //# sourceMappingURL=Arrow.mjs.map

package/components/Arrow/Arrow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES, SIZES_DEFAULT, SIZES_SQUARE } from './sizes'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","as","color","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"4XAYA,MAAMA,eAAiB,QAUvB,MAAMC,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAA,KAAOC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CACHC,KACGN,EAAUO,MAASP,EAAUM,UAAoEE,EAA9BN,IAA/BD,EAAUQ,SAAW,QAAWC,QAAcC,oBAAP,IANjDC,GAAI,OAAQC,MAAO,aAS5Cb,KAEM,IAGlB,CACEc,YA7BmB,QA8BnBC,MAAQpB,GACFA,EAAMc,SAAW,QACZd,EAAMqB,OAASC,aAAeC,MAGhCC"}
+{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES, SIZES_DEFAULT, SIZES_SQUARE } from './sizes'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","as","color","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"4XAYA,MAAMA,eAAiB,QAUvB,MAAMC,MAAqDC,gBACzDC,WAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAA,KAAOC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CACHC,KACGN,EAAUO,MAASP,EAAUM,UAAoEE,EAA9BN,IAA/BD,EAAUQ,SAAW,QAAWC,QAAcC,oBAAP,IANjDC,GAAI,OAAQC,MAAO,aAS5Cb,QAKZ,CACEc,YA7BmB,QA8BnBC,MAAQpB,GACFA,EAAMc,SAAW,QACZd,EAAMqB,OAASC,aAAeC,MAGhCC"}

package/components/Arrow/images/chevronUpDefault.svg.js

@@ -1,2 +1,2 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 21 13"},e),_path||(_path=React__namespace.createElement("path",{d:"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396"})));
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 21 13"},e),_path||(_path=React__namespace.createElement("path",{d:"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396"})));
 //# sourceMappingURL=chevronUpDefault.svg.js.map

package/components/Arrow/images/chevronUpDefault.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevronUpDefault.svg.js","sources":["../../../../../src/components/Arrow/images/chevronUpDefault.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgChevronUpDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 21 13\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396\"\n})));\nexport default SvgChevronUpDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAEvPO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACpFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}
+{"version":3,"file":"chevronUpDefault.svg.js","sources":["../../../../../src/components/Arrow/images/chevronUpDefault.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgChevronUpDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 21 13\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396\"\n})));\nexport default SvgChevronUpDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAEvPO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACpFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Arrow/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');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');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);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.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={contrast:{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.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.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.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.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.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.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.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.contrast||o.onColored?COLOR_SCHEMA.contrast: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;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');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');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);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.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={contrast:{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.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.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.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.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.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.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.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.contrast||o.onColored?COLOR_SCHEMA.contrast: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;
 //# sourceMappingURL=style.js.map

package/components/Arrow/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst 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`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      ${hover(`\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\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: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\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          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","hover","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","contrast","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","onColored","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst 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`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      ${hover(`\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\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: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\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          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","hover","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","contrast","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","onColored","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Arrow/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardArrowProp=createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={contrast:{outline:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      ${hover(`\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      ${hover(`\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      ${hover(`\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({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.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus,responsiveSize,responsiveMargin);export{Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardArrowProp=createShouldForwardProp(o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={contrast:{outline:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))},default:{outline:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})),default:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))}};const DEFAULT_STYLES={filled:css(["",""],({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      ${hover(`\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `),outline:css(["",""],({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      ${hover(`\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `),inverse:css(["",""],({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      ${hover(`\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `)};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({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.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled},focus,responsiveSize,responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Arrow/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst 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`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      ${hover(`\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\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: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\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          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","hover","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","contrast","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","onColored","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst 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`\n\nconst COLOR_SCHEMA = {\n  contrast: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      ${hover(`\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      ${hover(`\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      `)}\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\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: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\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          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","hover","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","contrast","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","onColored","focus","responsiveSize","responsiveMargin"],"mappings":"iWAUA,MAAMA,uBAAyBC,wBAAyBC,IAC9C,CAAC,SAAU,MAAO,QAAS,SAAU,OAAQ,YAAa,UAAW,WAAWC,SAASD,IAGnG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qCACZF,EAAQG,kEAEUH,EAAQI,wBAExCC,MAAM,gBACGL,EAAQM,sCACGN,EAAQO,4CACZP,EAAQQ,sDAGfR,EAAQS,uCACGT,EAAQU,6CACZV,EAAQW,uDAGfX,EAAQY,yCACGZ,EAAQa,+CACZb,EAAQc,8BAI5B,MAAMC,sBAAwB,qKAQ9B,MAAMC,aAAe,CACnBC,SAAU,CACRC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDrB,SAAS,CACPE,MAAOmB,EAAMC,MAAMC,OAAO,2BAC1BpB,gBAAiBkB,EAAMC,MAAMC,OAAOC,YACpCpB,YAAaiB,EAAMC,MAAMC,OAAO,0BAChChB,WAAYc,EAAMC,MAAMC,OAAO,4BAC/Bf,qBAAsBa,EAAMC,MAAMC,OAAO,sBACzCd,iBAAkBY,EAAMC,MAAMC,OAAOC,YACrCd,YAAaW,EAAMC,MAAMC,OAAO,4BAChCZ,sBAAuBc,UAAUJ,EAAMC,MAAMC,OAAO,uBAAuBG,OAAO,GAAGC,WACrFf,kBAAmBS,EAAMC,MAAMC,OAAOC,YACtCX,cAAeQ,EAAMC,MAAMC,OAAO,4BAClCT,wBAAyBO,EAAMC,MAAMC,OAAOC,YAC5CT,oBAAqBM,EAAMC,MAAMC,OAAO,2BACxClB,YAAagB,EAAMC,MAAMC,OAAO,uBAC7BF,EAAMpB,WAGf2B,QAASR,IAAG,CAAA,GAAA,IACPC,GACDrB,SAAS,CACPE,MAAOmB,EAAMC,MAAMC,OAAO,4BAC1BpB,gBAAiBkB,EAAMC,MAAMC,OAAO,sBACpCnB,YAAaiB,EAAMC,MAAMC,OAAOC,YAChCjB,WAAYc,EAAMC,MAAMC,OAAO,4BAC/Bf,qBAAsBiB,UAAUJ,EAAMC,MAAMC,OAAO,uBAAuBG,OAAO,GAAGC,WACpFlB,iBAAkBY,EAAMC,MAAMC,OAAOC,YACrCd,YAAaW,EAAMC,MAAMC,OAAO,4BAChCZ,sBAAuBc,UAAUJ,EAAMC,MAAMC,OAAO,uBAAuBG,OAAO,GAAGC,WACrFf,kBAAmBS,EAAMC,MAAMC,OAAOC,YACtCX,cAAeQ,EAAMC,MAAMC,OAAO,oBAClCT,wBAAyBO,EAAMC,MAAMC,OAAO,sBAC5CR,oBAAqBM,EAAMC,MAAMC,OAAOC,YACxCnB,YAAagB,EAAMC,MAAMC,OAAO,uBAC7BF,EAAMpB,YAIjB2B,QAAS,CACPT,QAASC,IAAG,CAAA,GAAA,IACPC,GACDrB,SAAS,CACPE,MAAOmB,EAAMC,MAAMC,OAAO,0BAC1BpB,gBAAiBkB,EAAMC,MAAMC,OAAOC,YACpCpB,YAAaiB,EAAMC,MAAMC,OAAO,0BAChChB,WAAYc,EAAMC,MAAMC,OAAO,0BAC/Bf,qBAAsBa,EAAMC,MAAMC,OAAO,sBACzCd,iBAAkBY,EAAMC,MAAMC,OAAOC,YACrCd,YAAaW,EAAMC,MAAMC,OAAO,2BAChCZ,sBAAuBU,EAAMC,MAAMC,OAAO,iCAC1CX,kBAAmBS,EAAMC,MAAMC,OAAOC,YACtCX,cAAeQ,EAAMC,MAAMC,OAAO,oBAClCT,wBAAyBO,EAAMC,MAAMC,OAAOC,YAC5CT,oBAAqBM,EAAMC,MAAMC,OAAO,mBACxClB,YAAagB,EAAMC,MAAMC,OAAO,uBAC7BF,EAAMpB,WAGf2B,QAASR,IAAG,CAAA,GAAA,IACPC,GACDrB,SAAS,CACPE,MAAOmB,EAAMC,MAAMC,OAAO,0BAC1BpB,gBAAiBkB,EAAMC,MAAMC,OAAO,sBACpCnB,YAAaiB,EAAMC,MAAMC,OAAOC,YAChCjB,WAAYc,EAAMC,MAAMC,OAAO,0BAC/Bf,qBAAsBiB,UAAUJ,EAAMC,MAAMC,OAAO,uBAAuBG,OAAO,GAAGC,WACpFlB,iBAAkBY,EAAMC,MAAMC,OAAOC,YACrCd,YAAaW,EAAMC,MAAMC,OAAO,2BAChCZ,sBAAuBU,EAAMC,MAAMC,OAAO,iCAC1CX,kBAAmBS,EAAMC,MAAMC,OAAOC,YACtCX,cAAeQ,EAAMC,MAAMC,OAAO,oBAClCT,wBAAyBO,EAAMC,MAAMC,OAAO,qBAC5CR,oBAAqBM,EAAMC,MAAMC,OAAOC,YACxCnB,YAAagB,EAAMC,MAAMC,OAAO,uBAC7BF,EAAMpB,aAMnB,MAAM4B,eAAiB,CACrBC,OAAQV,IAAG,CAAA,GAAA,IACP,EAAGE,QAAOS,cAAe,6BACLT,EAAMC,OAAOS,0FAGvBV,EAAMC,OAAOU,2BAErB3B,MAAM,+BACcgB,EAAMC,OAAOU,sEAGvBX,EAAMC,OAAOS,6HAMvBD,EAAWf,sBAAwB,YAGzCG,QAASC,IAAG,CAAA,GAAA,IACR,EAAGE,QAAOS,cAAe,6EAEKT,EAAMC,OAAOW,uCAEjCZ,EAAMC,OAAOW,yBAErB5B,MAAM,+BACcgB,EAAMC,OAAOU,sEAGvBX,EAAMC,OAAOS,6HAMvBD,EAAWf,sBAAwB,YAGzCmB,QAASf,IAAG,CAAA,GAAA,IACR,EAAGE,QAAOS,cAAe,6EAEKT,EAAMC,OAAOS,wCAEjCV,EAAMC,OAAOS,0BAErB1B,MAAM,+BACcgB,EAAMC,OAAOS,qEAGvBV,EAAMC,OAAOU,+GAMvBF,EAAWf,sBAAwB,aAKpC,MAAMoB,KAAOC,OAAOC,OACxBC,WAA6B,CAC5BC,kBAAmB5C,yBAEpB6C,MAAoF,CACnFC,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,MAAO,QACPC,OAAQ,YAGZR,WAAA,CAAAS,YAAA,cAAAC,YAAA,oBAZgBZ,CAYhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IACChB,IACD,IAAI6B,EAAY,eAMhB,OAJI7B,EAAM8B,QAAOD,EAAY,iBACzB7B,EAAM+B,SAAQF,EAAY,kBAC1B7B,EAAMgC,OAAMH,EAAY,kBAErB,2QAUY7B,EAAMiC,OAAS,MAAQ,yBAC9BjC,EAAMU,SAAW,cAAgB,iDAE5BmB,yDAIb7B,EAAMkC,SAAW,QACb,kqBAoBA,gJAQPlC,IACD,GAAIA,EAAMkC,SAAW,QAAS,CAC5B,MAAMC,EAASnC,EAAMH,UAAYG,EAAMoC,UAAYxC,aAAaC,SAAWD,aAAaW,QAExF,OAAOP,EAAMF,QAAUqC,EAAOrC,QAAUqC,EAAO5B,OACjD,CAIA,OAAIP,EAAMc,QAFYN,eAEkBM,QACpCd,EAAMF,QAHYU,eAGkBV,QAHlBU,eAKDC,QAGrB4B,MACAC,eACAC"}

package/components/ArrowBadge/ArrowBadge.js

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

package/components/ArrowBadge/ArrowBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<ArrowBadgeProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","Text","after","displayName","sizes","SIZES"],"mappings":"6PAqBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SAAA,CACvFU,WAAAA,IAACD,WAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,WAAAA,IAACD,cAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,WAAAA,IAACC,UAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,WAAAA,IAACD,WAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,MAClC,IAGlB,CACEC,YAnCmB,aAoCnBC,MAAOC,UAAAA,6DApCY"}
+{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<ArrowBadgeProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","Text","after","displayName","sizes","SIZES"],"mappings":"6PAqBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,WAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SAAA,CACvFU,WAAAA,IAACD,WAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,WAAAA,IAACD,cAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,WAAAA,IAACC,UAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,WAAAA,IAACD,WAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,SAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC,UAAAA,6DApCY"}

package/components/ArrowBadge/ArrowBadge.mjs

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