@foxford/ui 2.30.0 → 2.32.0-beta-69fa699-20240618

package/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/AvatarProps/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, borderRadius = '50%', children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? SIZES_MAPPING_RULES[size] ?? size\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} borderRadius={borderRadius} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          <>\n            {children ??\n              (!restProps.src && (\n                <Text\n                  as='span'\n                  appearance='caption'\n                  size='inherit'\n                  color='inherit'\n                  lineHeight={1}\n                  marginTop={1}\n                  transform='uppercase'\n                  {...textProps}\n                >\n                  {abbreviateCaption(text || restProps.title || '')}\n                </Text>\n              ))}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","_SIZES_MAPPING_RULES$","size","textProps","borderRadius","children","text","restProps","_excluded","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled.Root","loading","Skeleton","as","width","height","_Fragment","src","Text","_objectSpread","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"ymBAsBMA,IAAAA,EAAuDC,EAC3DC,IAAYC,EAAOC,KAAQ,IAAAC,EACzB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,aAA8BA,EAAe,MAA7CC,SAAoDA,EAApDC,KAA8DA,GAAuBP,EAAdQ,IAAcR,EAA3FS,GAEA,IAAMC,EACY,iBAATP,GAA2C,YAArBK,EAAUG,QAAiC,OAATR,EAE3DA,EAFJ,QAAAD,EACIU,EAAoBT,UAAAA,IADxBD,EAAAA,EACiCC,EAGnC,OACEU,EAACC,SAAgBN,GAAjB,GAAA,CAA4BL,KAAMO,EAAYL,aAAcA,EAAcJ,IAAKA,EAA/EK,SACGE,EAAUO,QACTF,EAACG,EAAD,CAAUC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOd,aAAa,YAE5DQ,EAAAO,EAAA,CAAAd,SACGA,MAAAA,EAAAA,GACGE,EAAUa,KACVR,EAACS,EAADC,EAAAA,EAAA,CACEN,GAAG,OACHO,WAAW,UACXrB,KAAK,UACLsB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,aACNxB,GARN,GAAA,CAAAE,SAUGuB,EAAkBtB,GAAQC,EAAUsB,OAAS,eAQ9D,CACEC,YAhDmB,SAiDnBC,MAAQhC,GAA4B,UAAjBA,EAAMW,OAAqBsB,EAAQC"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, borderRadius = '50%', children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? SIZES_MAPPING_RULES[size] ?? size\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} borderRadius={borderRadius} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          <>\n            {children ??\n              (!restProps.src && (\n                <Text\n                  as='span'\n                  appearance='caption'\n                  size='inherit'\n                  color='inherit'\n                  lineHeight={1}\n                  marginTop={1}\n                  transform='uppercase'\n                  {...textProps}\n                >\n                  {abbreviateCaption(text || restProps.title || '')}\n                </Text>\n              ))}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","_SIZES_MAPPING_RULES$","size","textProps","borderRadius","children","text","restProps","_excluded","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled.Root","loading","Skeleton","as","width","height","_Fragment","src","Text","_objectSpread","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"ymBAsBMA,IAAAA,EAAuDC,EAC3DC,IAAYC,EAAOC,KAAQ,IAAAC,EACzB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,aAA8BA,EAAe,MAA7CC,SAAoDA,EAApDC,KAA8DA,GAAuBP,EAAdQ,IAAcR,EAA3FS,GAEA,IAAMC,EACY,iBAATP,GAA2C,YAArBK,EAAUG,QAAiC,OAATR,EAE3DA,EAFJ,QAAAD,EACIU,EAAoBT,UAAAA,IADxBD,EAAAA,EACiCC,EAGnC,OACEU,EAACC,SAAgBN,GAAjB,GAAA,CAA4BL,KAAMO,EAAYL,aAAcA,EAAcJ,IAAKA,EAA/EK,SACGE,EAAUO,QACTF,EAACG,EAAD,CAAUC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOd,aAAa,YAE5DQ,EAAAO,EAAA,CAAAd,SACGA,MAAAA,EAAAA,GACGE,EAAUa,KACVR,EAACS,EAADC,EAAAA,EAAA,CACEN,GAAG,OACHO,WAAW,UACXrB,KAAK,UACLsB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,aACNxB,GARN,GAAA,CAAAE,SAUGuB,EAAkBtB,GAAQC,EAAUsB,OAAS,eAQ9D,CACEC,YAhDmB,SAiDnBC,MAAQhC,GAA4B,UAAjBA,EAAMW,OAAqBsB,EAAQC"}

package/components/Chip/Chip.js

@@ -0,0 +1,2 @@
+import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Text as e}from'../Text/Text.js';import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{Avatar as a}from'../Avatar/Avatar.js';import{Indicator as n}from'../Indicator/Indicator.js';import{IconButton as p}from'../IconButton/IconButton.js';import{SIZES as c}from'./constants.js';import{Root as d,Content as m}from'./style.js';import{jsx as l,jsxs as z,Fragment as f}from'react/jsx-runtime';var h=["size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon"];var v=t(o(((o,t)=>{var{size:c="m",textProps:v={},captionProps:P={},iconProps:u={},avatarProps:b={},indicatorProps:j={},discardButtonProps:x={},sizeXXS:y,sizeXS:S,sizeS:X,sizeM:I,sizeL:g,sizeXL:B,children:C,text:L,caption:A,icon:M}=o,k=i(o,h);var w='div';var T;k.onClick&&(w='button'),x.onClick&&(w='div'),'button'===w&&(T='button'),k.type&&(T=k.type);var H={size:c,sizeXXS:y,sizeXS:S,sizeS:X,sizeM:I,sizeL:g,sizeXL:B};var[R,q]=Array.isArray(M)?M:[M];var E={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:A?1.3:1};var F={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};var N={icon:'close',square:!0,disabled:k.disabled};return l(d,r(r(r({},k),H),{},{as:w,type:T,ref:t,children:'function'==typeof C?C({textProps:E,captionProps:F,discardButtonProps:N}):z(f,{children:[R&&l(s,r({preset:"brand",name:'string'==typeof R?R:void 0,icon:'string'!=typeof R?R:void 0},u)),(b.src||b.text)&&l(a,r(r({},H),{},{preset:"brand"},b)),z(m,{children:[l(e,r(r(r({},E),v),{},{children:null!=C?C:L})),A&&l(e,r(r(r({},F),P),{},{children:A}))]}),(j.children||j.text)&&l(n,r(r({},H),j)),q&&l(s,r({preset:"brand",name:'string'==typeof q?q:void 0,icon:'string'!=typeof q?q:void 0},u)),x.onClick&&l(p,r(r(r({},H),N),x))]})}))})),{displayName:'Chip',sizes:c});export{v as Chip};
+//# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ChipProps](https://github.com/foxford/ui/blob/master/src/components/Chip/types.ts)\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      textProps = {},\n      captionProps = {},\n      iconProps = {},\n      avatarProps = {},\n      indicatorProps = {},\n      discardButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      text,\n      caption,\n      icon,\n      ...restProps\n    } = props\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let rootNode: any = 'div'\n\n    if (restProps.onClick) rootNode = 'button'\n    if (discardButtonProps.onClick) rootNode = 'div'\n\n    let rootType: ChipProps['type']\n\n    if (rootNode === 'button') rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 'inherit',\n      color: 'inherit',\n      lineHeight: caption ? 1.3 : 1,\n    }\n\n    const captionBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 0.75,\n      sizeUnits: 'em',\n      color: 'inherit',\n      lineHeight: 1,\n    }\n\n    const discardButtonBaseProps: IconButtonProps = {\n      icon: 'close',\n      square: true,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} ref={ref}>\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n            discardButtonProps: discardButtonBaseProps,\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconProps}\n              />\n            )}\n            {(avatarProps.src || avatarProps.text) && <Avatar {...sizeProps} preset='brand' {...avatarProps} />}\n            <Styled.Content>\n              <Text {...textBaseProps} {...textProps}>\n                {children ?? text}\n              </Text>\n              {caption && (\n                <Text {...captionBaseProps} {...captionProps}>\n                  {caption}\n                </Text>\n              )}\n            </Styled.Content>\n            {(indicatorProps.children || indicatorProps.text) && <Indicator {...sizeProps} {...indicatorProps} />}\n            {after && (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconProps}\n              />\n            )}\n            {discardButtonProps.onClick && (\n              <IconButton {...sizeProps} {...discardButtonBaseProps} {...discardButtonProps} />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","_objectWithoutProperties","_excluded","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","square","disabled","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","preset","name","undefined","src","Avatar","Styled.Content","Text","Indicator","IconButton","displayName","sizes","SIZES"],"mappings":"+yBAyBMA,IAAAA,EAAmDC,EACvDC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,UAEJA,EAAY,GAFRC,aAGJA,EAAe,GAHXC,UAIJA,EAAY,GAJRC,YAKJA,EAAc,GALVC,eAMJA,EAAiB,GANbC,mBAOJA,EAAqB,GAPjBC,QAQJA,EARIC,OASJA,EATIC,MAUJA,EAVIC,MAWJA,EAXIC,MAYJA,EAZIC,OAaJA,EAbIC,SAcJA,EAdIC,KAeJA,EAfIC,QAgBJA,EAhBIC,KAiBJA,GAEElB,EADCmB,EAlBLC,EAmBIpB,EAnBJqB,GAsBA,IAAIC,EAAgB,MAKpB,IAAIC,EAHAJ,EAAUK,UAASF,EAAW,UAC9Bd,EAAmBgB,UAASF,EAAW,OAI1B,WAAbA,IAAuBC,EAAW,UAClCJ,EAAUM,OAAMF,EAAWJ,EAAUM,MAEzC,IAAMC,EAAY,CAChBxB,KAAAA,EACAO,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAOa,EAAQC,GAASC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAEtD,IAAMa,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ/B,KAAM,UACNgC,MAAO,UACPC,WAAYlB,EAAU,IAAM,GAG9B,IAAMmB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ/B,KAAM,IACNmC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,IAAMG,EAA0C,CAC9CpB,KAAM,QACNqB,UACAC,SAAUrB,EAAUqB,UAGtB,OACEC,EAACC,EAAgBvB,EAAAA,EAAAA,EAAAA,GAAAA,GAAeO,GAAhC,GAAA,CAA2CM,GAAIV,EAAUG,KAAMF,EAAUtB,IAAKA,EAA9Ec,SACuB,mBAAbA,EACNA,EAAS,CACPZ,UAAW4B,EACX3B,aAAcgC,EACd5B,mBAAoB8B,IAGtBK,EAAAC,EAAA,CAAA7B,SACGY,CAAAA,GACCc,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAwB,iBAAXrB,EAAsBA,OAASsB,EAC5C/B,KAAwB,iBAAXS,EAAsBA,OAASsB,GACxC5C,KAGNC,EAAY4C,KAAO5C,EAAYU,OAASyB,EAACU,SAAWzB,GAAZ,GAAA,CAAuBqB,OAAO,SAAYzC,IACpFqC,EAACS,EAAD,CAAArC,SAAA,CACE0B,EAACY,EAAStB,EAAAA,EAAAA,EAAAA,GAAAA,GAAmB5B,GAA7B,GAAA,CAAAY,SACGA,MAAAA,EAAAA,EAAYC,KAEdC,GACCwB,EAACY,EAASjB,EAAAA,EAAAA,EAAAA,GAAAA,GAAsBhC,GAAhC,GAAA,CAAAW,SACGE,SAILV,EAAeQ,UAAYR,EAAeS,OAASyB,EAACa,EAADR,EAAAA,EAAA,GAAepB,GAAenB,IAClFqB,GACCa,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAuB,iBAAVpB,EAAqBA,OAAAA,EAClCV,KAAuB,iBAAVU,EAAqBA,OAAAA,GAC9BvB,IAGPG,EAAmBgB,SAClBiB,EAACc,WAAe7B,GAAeY,GAA4B9B,aAOvE,CACEgD,YAhImB,OAiInBC,MAAOC"}

package/components/Chip/constants.js

@@ -0,0 +1,2 @@
+var i={xxxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},l:{fontSize:18,minHeight:40,padding:8,borderRadius:8},m:{fontSize:16,minHeight:36,padding:7,borderRadius:8},s:{fontSize:14,minHeight:32,padding:6,borderRadius:7},xs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4}};export{i as SIZES};
+//# sourceMappingURL=constants.js.map

package/components/Chip/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 16,\n    minHeight: 36,\n    padding: 7,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minHeight: 32,\n    padding: 6,\n    borderRadius: 7,\n  },\n  xs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","minHeight","padding","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBC,IAAK,CACHJ,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBE,GAAI,CACFL,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBG,EAAG,CACDN,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBI,EAAG,CACDP,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBK,EAAG,CACDR,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBM,GAAI,CACFT,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBO,IAAK,CACHV,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBQ,KAAM,CACJX,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc"}

package/components/Chip/style.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import t from'tinycolor2';import{createShouldForwardProp as l}from'../../shared/utils/style.js';import{responsiveSize as n}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{focus as c}from'../../mixins/focus.js';var s=l((o=>!['outline','black','active'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d={default:{primary:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-500']).lighten(5).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-contrast']).lighten(11).toString():t(r.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent},r.palette))))},secondary:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-400'],colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-100']).lighten(2).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-400'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-secondary']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.active?r.theme.colors['border-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-secondary']).lighten(11).toString():t(r.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:r.active?r.theme.colors['border-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled']},r.palette))))},outline:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-500']).lighten(5).toString():r.theme.colors['content-oncolor-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-contrast']).lighten(11).toString():r.theme.colors['content-oncolor-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-disabled']},r.palette))))}},contrast:{primary:{default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent},r.palette))))},secondary:{default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-secondary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors['border-oncolor-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-secondary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors['border-oncolor-disabled']},r.palette))))},outline:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():r.theme.colors['content-onmain-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-oncolor-disabled']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():r.theme.colors['content-onmain-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-oncolor-disabled']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-disabled']},r.palette))))}}};var m=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em',borderRadius:'0.2em'})}).withConfig({componentId:"fox-ui__sc-ndhge9-0"})([""," "," "," "," ",""],(o=>{var r='default';return'button'===o.as&&(r='pointer'),'button'===o.as&&o.disabled&&(r='not-allowed'),"\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ".concat(r,";\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > *:only-child {\n        margin-right: 0.4em;\n        margin-left: 0.4em;\n      }\n    ")}),(o=>{var r=o.contrast?d.contrast:d.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default}),c,n,a);var b=r.span.withConfig({componentId:"fox-ui__sc-ndhge9-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);export{b as Content,m as Root};
+//# sourceMappingURL=style.js.map

package/components/Chip/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp((propKey) => !['outline', 'black', 'active'].includes(propKey))\n\nconst template = (palette: ChipPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-onmain-contrast']\n              : props.theme.colors['bg-onmain-tertiary'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-brand-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-400'],\n            colorHover: props.active\n              ? props.theme.colors['content-brand-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['bg-brand-primary-500']\n              : props.theme.colors['bg-brand-primary-400'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-onmain-secondary']\n              : props.theme.colors['bg-onmain-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-onmain-contrast']\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-onmain-contrast']\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n            borderColor: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n              : props.theme.colors['content-oncolor-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n            borderColor: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-primary']\n              : props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n              : props.theme.colors['content-oncolor-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-onmain-default-large'],\n            colorDisabled: props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-disabled-small']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  contrast: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-primary']\n              : props.theme.colors['bg-brand-primary-100'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-primary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.theme.colors.transparent,\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.theme.colors.transparent,\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors.transparent,\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-secondary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active\n              ? props.theme.colors['bg-oncolor-secondary']\n              : props.theme.colors['bg-oncolor-tertiary'],\n            borderColor: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n              : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n            borderColorHover: props.active\n              ? props.theme.colors['border-oncolor-default']\n              : props.theme.colors['border-oncolor-default-large'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n            borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : props.theme.colors['content-onmain-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-oncolor-disabled']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n            borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n            colorHover: props.active\n              ? props.theme.colors['content-oncolor-constant']\n              : props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.active\n              ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n              : props.theme.colors['content-onmain-hover'],\n            borderColorHover: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-default'],\n            colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? props.theme.colors['bg-oncolor-disabled']\n              : props.theme.colors.transparent,\n            borderColorDisabled: props.active\n              ? props.theme.colors.transparent\n              : props.theme.colors['border-oncolor-disabled'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.div\n  .withConfig<StyledChipProps>({\n    shouldForwardProp: shouldForwardChipProp,\n  })\n  .attrs<StyledChipProps>(<Required<Pick<StyledChipProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em',\n      borderRadius: '0.2em',\n    }),\n  })`\n  ${(props) => {\n    let cursor = 'default'\n\n    if (props.as === 'button') cursor = 'pointer'\n    if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n\n    return `\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ${cursor};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > *:only-child {\n        margin-right: 0.4em;\n        margin-left: 0.4em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.outline) schemaVariant = schema.outline\n\n    return props.black ? schemaVariant.black : schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  text-align: start;\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","concat","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","componentId","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","span"],"mappings":"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"}

package/components/IconButton/IconButton.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as e}from'../../hocs/withMergedProps.js';import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES_SQUARE as i,SIZES as n}from'./constants.js';import{Root as p}from'./style.js';import{jsx as a}from'react/jsx-runtime';var m=["size","type","iconProps","icon"];var c=e(t(((t,e)=>{var{size:i="m",type:n="button",iconProps:c={},icon:f}=t,d=r(t,m);return a(p,o(o({},d),{},{size:i,type:n,ref:e,children:a(s,o({preset:"brand",name:'string'==typeof f?f:void 0,icon:'string'!=typeof f?f:void 0},c))}))})),{displayName:'IconButton',sizes:o=>o.square?i:n});export{c as IconButton};
+//# sourceMappingURL=IconButton.js.map

package/components/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","preset","name","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"icAmBMA,IAAAA,EAA+DC,EAInEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,KAAcA,EAAO,SAArBC,UAA+BA,EAAY,GAA3CC,KAA+CA,GAAuBL,EAAdM,IAAcN,EAA5EO,GAEA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDS,SACEF,EAACG,EAADC,EAAA,CACEC,OAAO,QACPC,KAAsB,iBAATT,EAAoBA,SACjCA,KAAsB,iBAATA,EAAoBA,OAAAA,GAC7BD,UAKZ,CACEW,YA/BmB,aAgCnBC,MAAQhB,GAAWA,EAAMiB,OAASC,EAAeC"}

package/components/IconButton/constants.js

@@ -0,0 +1,2 @@
+var i={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}};var e={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};export{i as SIZES,e as SIZES_SQUARE};
+//# sourceMappingURL=constants.js.map

package/components/IconButton/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,IAAMS,EAAe,CAC1Bb,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}

package/components/IconButton/style.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as l}from'../../shared/utils/style.js';var i=l((o=>!['square'].includes(o)));var s=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n  }\n");var d={default:{primary:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-tertiary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],colorActive:r.theme.colors['content-onmain-primary'],backgroundColorActive:n(r.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent},r.palette)))),secondary:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:r.theme.colors['content-onmain-primary'],backgroundColorActive:n(r.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large']},r.palette))))},contrast:{primary:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-tertiary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:n(r.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent},r.palette)))),secondary:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-inverse'],backgroundColor:r.theme.colors['bg-contrast-active'],colorHover:r.theme.colors['content-onmain-inverse'],backgroundColorHover:n(r.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:r.theme.colors['content-onmain-inverse'],backgroundColorActive:n(r.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled']},r.palette))))}};var m=r.button.withConfig({shouldForwardProp:i}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:'string'==typeof r?r:"".concat(r).concat(e),borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n    transition-property: background-color; \n    transition-duration: 250ms;\n  ")),(o=>{var r=o.contrast?d.contrast:d.default;return o.secondary?r.secondary:r.primary}),a,t,c);export{m as Root};
+//# sourceMappingURL=style.js.map

package/components/IconButton/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/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 type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","concat","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/ListItem/ListItem.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i,cloneElement as r,isValidElement as s}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as n}from'../Skeleton/Skeleton.js';import{Text as d}from'../Text/Text.js';import{SIZES as p}from'./constants.js';import{Root as c,Media as l,Content as m,Img as f,Ellipsis as h}from'./style.js';import{jsx as z,Fragment as b,jsxs as u}from'react/jsx-runtime';var y=["size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading"];var v=t(i(((i,t)=>{var{size:p="s",borderRadius:v=0,mediaBorderRadius:P="50%",controlPosition:S="left",captionPosition:j="bottom",iconProps:g={},textProps:x={},captionProps:X={},sizeXXS:R,sizeXS:w,sizeS:I,sizeM:L,sizeL:M,sizeXL:A,text:C,children:E,control:k,icon:B,media:T,caption:F,addon:N,onColored:U,disabled:V,loading:W}=i,Z=o(i,y);var q;var D;k&&(q='label'),Z.href&&(q='a'),Z.as&&(q=Z.as),q||(D='button'),Z.type&&(D=Z.type);var G={size:p,sizeXXS:R,sizeXS:w,sizeS:I,sizeM:L,sizeL:M,sizeXL:A};var H={onColored:U,disabled:V};var J='object'==typeof k&&'object'==typeof k.props&&null!==k.props?k.props:{};var[K,O]=Array.isArray(B)?B:[B];var Q={appearance:'body',size:'inherit',color:'inherit'};var Y={appearance:'body',size:.9,sizeUnits:'em',color:'inherit'};return z(c,e(e(e(e({},G),H),Z),{},{as:q,type:D,borderRadius:v,mediaBorderRadius:P,ref:t,children:'function'==typeof E?E({textProps:Q,captionProps:Y}):z(b,{children:u(b,W?{children:[T&&z(l,{children:z(n,{width:"100%",height:"100%",borderRadius:"inherit"})}),z(m,{children:z(n,{width:"100%",borderRadius:4,children:z(d,e(e({},Q),x))})})]}:{children:[k&&'left'===S&&('function'==typeof k?k(e(e({},G),H)):r(k,e(e(e({},G),H),J))),K&&z(a,e({preset:"brand",name:'string'==typeof K?K:void 0,icon:'string'!=typeof K?K:void 0},g)),T&&z(l,{children:s(T)?T:z(f,e({alt:""},T))}),u(m,{children:[F&&'top'===j&&z(h,e(e(e({forwardedAs:"span"},Y),X),{},{children:F})),z(h,e(e(e({forwardedAs:"span"},Q),x),{},{children:null!=E?E:C})),F&&'bottom'===j&&z(h,e(e(e({forwardedAs:"span"},Y),X),{},{children:F}))]}),N,O&&z(a,e({preset:"brand",name:'string'==typeof O?O:void 0,icon:'string'!=typeof O?O:void 0},g)),k&&'right'===S&&('function'==typeof k?k(e(e({},G),H)):r(k,e(e(e({},G),H),J)))]})})}))})),{displayName:'ListItem',sizes:p});export{v as ListItem};
+import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o,cloneElement as r,isValidElement as s}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as n}from'../Skeleton/Skeleton.js';import{Text as d}from'../Text/Text.js';import{SIZES as p}from'./constants.js';import{Root as l,Media as c,Content as m,Img as f,Typography as h}from'./style.js';import{jsx as z,Fragment as b,jsxs as y}from'react/jsx-runtime';var u=["size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading"];var v=t(o(((o,t)=>{var{size:p="s",borderRadius:v=0,mediaBorderRadius:P="50%",controlPosition:S="left",captionPosition:j="bottom",ellipsis:g=!0,iconProps:x={},textProps:X={},captionProps:R={},sizeXXS:w,sizeXS:I,sizeS:L,sizeM:M,sizeL:A,sizeXL:C,text:T,children:k,control:B,icon:E,media:F,caption:N,addon:U,onColored:V,disabled:W,loading:Z}=o,q=i(o,u);var D;var G;B&&(D='label'),q.href&&(D='a'),q.as&&(D=q.as),D||(G='button'),q.type&&(G=q.type);var H={size:p,sizeXXS:w,sizeXS:I,sizeS:L,sizeM:M,sizeL:A,sizeXL:C};var J={onColored:V,disabled:W};var K='object'==typeof B&&'object'==typeof B.props&&null!==B.props?B.props:{};var[O,Q]=Array.isArray(E)?E:[E];var Y={appearance:'body',size:'inherit',color:'inherit'};var $={appearance:'body',size:.9,sizeUnits:'em',color:'inherit'};return z(l,e(e(e(e({},H),J),q),{},{as:D,type:G,borderRadius:v,mediaBorderRadius:P,ref:t,children:'function'==typeof k?k({textProps:Y,captionProps:$}):z(b,{children:y(b,Z?{children:[F&&z(c,{children:z(n,{width:"100%",height:"100%",borderRadius:"inherit"})}),z(m,{children:z(n,{width:"100%",borderRadius:4,children:z(d,e(e({},Y),X))})})]}:{children:[B&&'left'===S&&('function'==typeof B?B(e(e({},H),J)):r(B,e(e(e({},H),J),K))),O&&z(a,e({preset:"brand",name:'string'==typeof O?O:void 0,icon:'string'!=typeof O?O:void 0},x)),F&&z(c,{children:s(F)?F:z(f,e({alt:""},F))}),(k||T||N)&&y(m,{children:[N&&'top'===j&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},$),R),{},{children:N})),(k||T)&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},Y),X),{},{children:null!=k?k:T})),N&&'bottom'===j&&z(h,e(e(e({forwardedAs:"span",ellipsis:g},$),R),{},{children:N}))]}),U,Q&&z(a,e({preset:"brand",name:'string'==typeof Q?Q:void 0,icon:'string'!=typeof Q?Q:void 0},x)),B&&'right'===S&&('function'==typeof B?B(e(e({},H),J)):r(B,e(e(e({},H),J),K)))]})})}))})),{displayName:'ListItem',sizes:p});export{v as ListItem};
 //# sourceMappingURL=ListItem.js.map

package/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                <Styled.Content>\n                  {caption && captionPosition === 'top' && (\n                    <Styled.Ellipsis forwardedAs='span' {...captionBaseProps} {...captionProps}>\n                      {caption}\n                    </Styled.Ellipsis>\n                  )}\n                  <Styled.Ellipsis forwardedAs='span' {...textBaseProps} {...textProps}>\n                    {children ?? text}\n                  </Styled.Ellipsis>\n                  {caption && captionPosition === 'bottom' && (\n                    <Styled.Ellipsis forwardedAs='span' {...captionBaseProps} {...captionProps}>\n                      {caption}\n                    </Styled.Ellipsis>\n                  )}\n                </Styled.Content>\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","_excluded","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled.Root","_Fragment","_jsxs","Styled.Media","Skeleton","width","height","Styled.Content","Text","_objectSpread","cloneElement","Icon","preset","name","isValidElement","Styled.Img","alt","Styled.Ellipsis","forwardedAs","undefined","displayName","sizes","SIZES"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                {(children || text || caption) && (\n                  <Styled.Content>\n                    {caption && captionPosition === 'top' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                    {(children || text) && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n                        {children ?? text}\n                      </Styled.Typography>\n                    )}\n                    {caption && captionPosition === 'bottom' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                  </Styled.Content>\n                )}\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","_excluded","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled.Root","_Fragment","_jsxs","Styled.Media","Skeleton","width","height","Styled.Content","Text","_objectSpread","cloneElement","Icon","preset","name","undefined","isValidElement","Styled.Img","alt","Styled.Typography","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}

package/components/ListItem/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as n}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{Text as l}from'../Text/Text.js';var s=c((o=>!['danger','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));var d=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n  }\n\n  & ").concat(d," img {\n    background-color: ").concat(o.mediaPlaceholderColor,";\n  }\n");var m={onColored:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['alert-error'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))}},default:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['alert-error'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}}};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em 0.8em'})}).withConfig({componentId:"fox-ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n    border-radius: ").concat('string'==typeof o.borderRadius?o.borderRadius:"".concat(o.borderRadius,"px"),";\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ").concat(d," {\n      border-radius: ").concat('string'==typeof o.mediaBorderRadius?o.mediaBorderRadius:"".concat(o.mediaBorderRadius,"px"),";\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  ")),(o=>{var r=o.onColored?m.onColored:m.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.danger&&(e=r.danger),o.disabled?e.disabled:o.active?e.active:e.default}),a,t,n);var b=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);var p=r.img.withConfig({componentId:"fox-ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);var g=r(l).withConfig({componentId:"fox-ui__sc-1a62xqm-4"})(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:100%;width:5ch;"]);export{b as Content,g as Ellipsis,p as Img,d as Media,h as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as n}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{Text as l}from'../Text/Text.js';var s=c((o=>!['danger','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));var d=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n  }\n\n  & ").concat(d," img {\n    background-color: ").concat(o.mediaPlaceholderColor,";\n  }\n");var m={onColored:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['alert-error'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))}},default:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['alert-error'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}}};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em 0.8em'})}).withConfig({componentId:"fox-ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n    border-radius: ").concat('string'==typeof o.borderRadius?o.borderRadius:"".concat(o.borderRadius,"px"),";\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ").concat(d," {\n      border-radius: ").concat('string'==typeof o.mediaBorderRadius?o.mediaBorderRadius:"".concat(o.mediaBorderRadius,"px"),";\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  ")),(o=>{var r=o.onColored?m.onColored:m.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.danger&&(e=r.danger),o.disabled?e.disabled:o.active?e.active:e.default}),a,t,n);var b=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);var p=r.img.withConfig({componentId:"fox-ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);var g=r(l).withConfig({shouldForwardProp:o=>'ellipsis'!==o}).withConfig({componentId:"fox-ui__sc-1a62xqm-4"})(["",""],(o=>o.ellipsis&&"\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    "));export{b as Content,p as Img,d as Media,h as Root,g as Typography};
 //# sourceMappingURL=style.js.map

package/components/ListItem/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors['alert-error'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['alert-error'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors['alert-error'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['alert-error'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n\nexport const Ellipsis = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-width: 100%;\n  width: 5ch;\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","_objectSpread","theme","colors","transparent","active","default","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Ellipsis","Text"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette, TypographyProps } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors['alert-error'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['alert-error'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors['alert-error'],\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['alert-error'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n\nexport const Typography = styled(Text).withConfig<TypographyProps>({\n  shouldForwardProp: (propKey) => propKey !== 'ellipsis',\n})`\n  ${(props) =>\n    props.ellipsis &&\n    `\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    `}\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","_objectSpread","theme","colors","transparent","active","default","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Typography","Text","ellipsis"],"mappings":"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"}