@foxford/ui 2.111.0-beta-587adbd-20260514 → 2.111.0

package/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-'use strict';var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var useMergedProps=require('../../hooks/useMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((e,s)=>{const o=useMergedProps.useMergedProps(e,{componentName:"Badge",sizes:e=>e.shape==='rounded'?sizes.SIZES_ROUNDED:e.round||e.shape==='circular'?sizes.SIZES_CIRCULAR:e.borderRadius!==void 0?sizes.SIZES_BASE:sizes.SIZES_SQUARE});const{size:r="s",borderRadius:i=3,textProps:t={},iconProps:n={},shape:c="square",component:a="div",children:p,addonLeft:d,addonRight:u,content:S,icon:x,sizeXXS:z,sizeXS:j,sizeS:l,sizeM:m,sizeL:R,sizeXL:h,...P}=o;const v={size:r,sizeXXS:z,sizeXS:j,sizeS:l,sizeM:m,sizeL:R,sizeXL:h};const[g,I]=Array.isArray(x)?x:[x];const y={...v,as:'span',appearance:'caption',color:'inherit',sizes:sizes.SIZES_TEXT,...t};const f={...v,color:'inherit',sizes:sizes.SIZES_ICON,...n};return jsxRuntime.jsx(style.Root,{...P,...v,as:a,size:r,borderRadius:i,shape:c,ref:s,children:typeof p=='function'?p({textProps:y,iconProps:f}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{props:{iconProps:f},render:d??(g?e=>jsxRuntime.jsx(Icon.Icon,{...e.iconProps,...f,name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0}):void 0)}),p||S?jsxRuntime.jsx(Text.Text,{...y,children:p||S}):null,jsxRuntime.jsx(Slot.Slot,{props:{iconProps:f},render:u??(I?e=>jsxRuntime.jsx(Icon.Icon,{...e.iconProps,...f,name:typeof I=='string'?I:void 0,icon:typeof I!='string'?I:void 0}):void 0)})]})})});exports.Badge=Badge,exports.COMPONENT_NAME="Badge";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{size:s="s",borderRadius:t=3,textProps:n={},iconProps:i={},children:o,content:c,icon:a,...d}=e;const[u,x]=Array.isArray(a)?a:[a];const j={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:x?'0.25em':void 0};const p={color:'inherit'};return jsxRuntime.jsx(style.Root,{...d,size:s,borderRadius:t,ref:r,children:typeof o=='function'?o({baseTextProps:j,textProps:n,iconBaseProps:p,iconProps:i,icon:a}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u?jsxRuntime.jsx(Icon.Icon,{name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,...p,...i}):null,o||c?jsxRuntime.jsx(Text.Text,{...j,...n,children:o||c}):null,x?jsxRuntime.jsx(Icon.Icon,{name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...p,...i}):null]})})}),{displayName:'Badge',sizes:e=>e.round?constants.SIZES_ROUND:constants.SIZES});exports.Badge=Badge;
 //# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { Slot } from 'components/Slot'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport * as Styled from './style'\nimport { SIZES_BASE, SIZES_SQUARE, SIZES_ICON, SIZES_CIRCULAR, SIZES_ROUNDED, SIZES_TEXT } from './sizes'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для маркировки свойств сущности.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Badge = createPolymorphicComponentWithRef<'div', BadgeProps>((props, ref) => {\n  const mergedProps = useMergedProps<PolymorphicProps<React.ElementType, BadgeProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: (p) => {\n      if (p.shape === 'rounded') {\n        return SIZES_ROUNDED\n      }\n\n      if (p.round || p.shape === 'circular') {\n        return SIZES_CIRCULAR\n      }\n\n      if (p.borderRadius !== undefined) {\n        return SIZES_BASE\n      }\n\n      return SIZES_SQUARE\n    },\n  })\n\n  const {\n    size = 's',\n    borderRadius = 3,\n    textProps: textPropsProp = {},\n    iconProps: iconPropsProp = {},\n    shape = 'square',\n    component = 'div',\n    children,\n    addonLeft,\n    addonRight,\n    content,\n    icon,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = mergedProps\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const [iconBefore, iconAfter] = Array.isArray(icon) ? icon : [icon]\n\n  const textProps: TextProps = {\n    ...sizeProps,\n    as: 'span',\n    appearance: 'caption',\n    color: 'inherit',\n    sizes: SIZES_TEXT,\n    ...textPropsProp,\n  }\n\n  const iconProps: IconProps = { ...sizeProps, color: 'inherit', sizes: SIZES_ICON, ...iconPropsProp }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      {...sizeProps}\n      as={component}\n      size={size}\n      borderRadius={borderRadius}\n      shape={shape}\n      ref={ref}\n    >\n      {typeof children === 'function' ? (\n        children({ textProps, iconProps })\n      ) : (\n        <>\n          <Slot\n            props={{ iconProps }}\n            render={\n              addonLeft ??\n              (iconBefore\n                ? (addonLeftProps) => (\n                    <Icon\n                      {...addonLeftProps.iconProps}\n                      {...iconProps}\n                      name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                      icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                    />\n                  )\n                : undefined)\n            }\n          />\n\n          {children || content ? <Text {...textProps}>{children || content}</Text> : null}\n\n          <Slot\n            props={{ iconProps }}\n            render={\n              addonRight ??\n              (iconAfter\n                ? (addonRightProps) => (\n                    <Icon\n                      {...addonRightProps.iconProps}\n                      {...iconProps}\n                      name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                      icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                    />\n                  )\n                : undefined)\n            }\n          />\n        </>\n      )}\n    </Styled.Root>\n  )\n})\n\nconst BadgeDoc: React.FC<BadgeProps> = () => null\n\nexport { BadgeDoc, Badge, COMPONENT_NAME }\n"],"names":["Badge","createPolymorphicComponentWithRef","props","ref","mergedProps","useMergedProps","componentName","sizes","p","shape","SIZES_ROUNDED","round","SIZES_CIRCULAR","borderRadius","undefined","SIZES_BASE","SIZES_SQUARE","size","textProps","textPropsProp","iconProps","iconPropsProp","component","children","addonLeft","addonRight","content","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconBefore","iconAfter","Array","isArray","as","appearance","color","SIZES_TEXT","SIZES_ICON","_jsx","Styled","_jsxs","_Fragment","Slot","render","addonLeftProps","Icon","name","Text","addonRightProps"],"mappings":"0YAwBA,MAAMA,MAAQC,kCAAAA,kCAAqD,CAACC,EAAOC,KACzE,MAAMC,EAAcC,eAAAA,eAAgEH,EAAO,CACzFI,cAdmB,QAenBC,MAAQC,GACFA,EAAEC,QAAU,UACPC,MAAAA,cAGLF,EAAEG,OAASH,EAAEC,QAAU,WAClBG,MAAAA,eAGLJ,EAAEK,oBAAiBC,EACdC,MAAAA,WAGFC,MAAAA,eAIX,MAAMC,KACJA,EAAO,IAAGJ,aACVA,EAAe,EACfK,UAAWC,EAAgB,CAAA,EAC3BC,UAAWC,EAAgB,CAAA,EAAEZ,MAC7BA,EAAQ,SAAQa,UAChBA,EAAY,MAAKC,SACjBA,EAAQC,UACRA,EAASC,WACTA,EAAUC,QACVA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACD9B,EAEJ,MAAM+B,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOG,EAAYC,GAAaC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAE9D,MAAMT,EAAuB,IACxBiB,EACHK,GAAI,OACJC,WAAY,UACZC,MAAO,UACPnC,MAAOoC,MAAAA,cACJxB,GAGL,MAAMC,EAAuB,IAAKe,EAAWO,MAAO,UAAWnC,MAAOqC,MAAAA,cAAevB,GAErF,OACEwB,WAAAA,IAACC,MAAAA,KAAW,IACNZ,KACAC,EACJK,GAAIlB,EACJL,KAAMA,EACNJ,aAAcA,EACdJ,MAAOA,EACPN,IAAKA,EAAIoB,gBAEDA,GAAa,WACnBA,EAAS,CAAEL,YAAWE,cAEtB2B,WAAAA,KAAAC,oBAAA,CAAAzB,SAAA,CACEsB,WAAAA,IAACI,UAAI,CACH/C,MAAO,CAAEkB,aACT8B,OACE1B,IACCY,EACIe,GACCN,WAAAA,IAACO,KAAAA,KAAI,IACCD,EAAe/B,aACfA,EACJiC,YAAajB,GAAe,SAAWA,OAAatB,EACpDa,YAAaS,GAAe,SAAWA,OAAatB,SAGxDA,KAIPS,GAAYG,EAAUmB,WAAAA,IAACS,KAAAA,KAAI,IAAKpC,EAASK,SAAGA,GAAYG,IAAkB,KAE3EmB,WAAAA,IAACI,UAAI,CACH/C,MAAO,CAAEkB,aACT8B,OACEzB,IACCY,EACIkB,GACCV,WAAAA,IAACO,KAAAA,KAAI,IACCG,EAAgBnC,aAChBA,EACJiC,YAAahB,GAAc,SAAWA,OAAYvB,EAClDa,YAAaU,GAAc,SAAWA,OAAYvB,SAGtDA,uDA1HK"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n            {children || content ? (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            ) : null}\n            {after ? (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"iSAuBO,MAAMA,MAAqDC,gBAAAA,gBAChEC,MAAAA,WAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,WAAAA,IAACC,MAAAA,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,WAAAA,KAAAC,oBAAA,CAAAlB,SAAA,CACGI,EACCW,WAAAA,IAACI,UAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,WAAAA,IAACM,KAAAA,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,WAAAA,IAACI,KAAAA,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,YAMd,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,UAAAA,YAAcC,UAAAA"}

package/components/Badge/Badge.mjs

@@ -1,2 +1,2 @@
-import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUNDED,SIZES_CIRCULAR,SIZES_BASE,SIZES_SQUARE,SIZES_ICON,SIZES_TEXT}from'./sizes.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Badge';const Badge=createPolymorphicComponentWithRef((o,e)=>{const s=useMergedProps(o,{componentName:"Badge",sizes:o=>o.shape==='rounded'?SIZES_ROUNDED:o.round||o.shape==='circular'?SIZES_CIRCULAR:o.borderRadius!==void 0?SIZES_BASE:SIZES_SQUARE});const{size:r="s",borderRadius:i=3,textProps:t={},iconProps:n={},shape:p="square",component:c="div",children:S,addonLeft:m,addonRight:d,content:a,icon:E,sizeXXS:I,sizeXS:f,sizeS:h,sizeM:l,sizeL:z,sizeXL:j,...x}=s;const R={size:r,sizeXXS:I,sizeXS:f,sizeS:h,sizeM:l,sizeL:z,sizeXL:j};const[P,u]=Array.isArray(E)?E:[E];const g={...R,as:'span',appearance:'caption',color:'inherit',sizes:SIZES_TEXT,...t};const _={...R,color:'inherit',sizes:SIZES_ICON,...n};return jsx(Root,{...x,...R,as:c,size:r,borderRadius:i,shape:p,ref:e,children:typeof S=='function'?S({textProps:g,iconProps:_}):jsxs(Fragment,{children:[jsx(Slot,{props:{iconProps:_},render:m??(P?o=>jsx(Icon,{...o.iconProps,..._,name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0}):void 0)}),S||a?jsx(Text,{...g,children:S||a}):null,jsx(Slot,{props:{iconProps:_},render:d??(u?o=>jsx(Icon,{...o.iconProps,..._,name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0}):void 0)})]})})});export{Badge,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUND,SIZES}from'./constants.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const Badge=withMergedProps(forwardRef((o,r)=>{const{size:e="s",borderRadius:t=3,textProps:s={},iconProps:i={},children:n,content:c,icon:m,...a}=o;const[d,p]=Array.isArray(m)?m:[m];const f={as:'span',size:'inherit',color:'inherit',marginLeft:d?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return jsx(Root,{...a,size:e,borderRadius:t,ref:r,children:typeof n=='function'?n({baseTextProps:f,textProps:s,iconBaseProps:x,iconProps:i,icon:m}):jsxs(Fragment,{children:[d?jsx(Icon,{name:typeof d=='string'?d:void 0,icon:typeof d!='string'?d:void 0,...x,...i}):null,n||c?jsx(Text,{...f,...s,children:n||c}):null,p?jsx(Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...i}):null]})})}),{displayName:'Badge',sizes:o=>o.round?SIZES_ROUND:SIZES});export{Badge};
 //# sourceMappingURL=Badge.mjs.map

package/components/Badge/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { Slot } from 'components/Slot'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport * as Styled from './style'\nimport { SIZES_BASE, SIZES_SQUARE, SIZES_ICON, SIZES_CIRCULAR, SIZES_ROUNDED, SIZES_TEXT } from './sizes'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для маркировки свойств сущности.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Badge = createPolymorphicComponentWithRef<'div', BadgeProps>((props, ref) => {\n  const mergedProps = useMergedProps<PolymorphicProps<React.ElementType, BadgeProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: (p) => {\n      if (p.shape === 'rounded') {\n        return SIZES_ROUNDED\n      }\n\n      if (p.round || p.shape === 'circular') {\n        return SIZES_CIRCULAR\n      }\n\n      if (p.borderRadius !== undefined) {\n        return SIZES_BASE\n      }\n\n      return SIZES_SQUARE\n    },\n  })\n\n  const {\n    size = 's',\n    borderRadius = 3,\n    textProps: textPropsProp = {},\n    iconProps: iconPropsProp = {},\n    shape = 'square',\n    component = 'div',\n    children,\n    addonLeft,\n    addonRight,\n    content,\n    icon,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = mergedProps\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const [iconBefore, iconAfter] = Array.isArray(icon) ? icon : [icon]\n\n  const textProps: TextProps = {\n    ...sizeProps,\n    as: 'span',\n    appearance: 'caption',\n    color: 'inherit',\n    sizes: SIZES_TEXT,\n    ...textPropsProp,\n  }\n\n  const iconProps: IconProps = { ...sizeProps, color: 'inherit', sizes: SIZES_ICON, ...iconPropsProp }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      {...sizeProps}\n      as={component}\n      size={size}\n      borderRadius={borderRadius}\n      shape={shape}\n      ref={ref}\n    >\n      {typeof children === 'function' ? (\n        children({ textProps, iconProps })\n      ) : (\n        <>\n          <Slot\n            props={{ iconProps }}\n            render={\n              addonLeft ??\n              (iconBefore\n                ? (addonLeftProps) => (\n                    <Icon\n                      {...addonLeftProps.iconProps}\n                      {...iconProps}\n                      name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                      icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                    />\n                  )\n                : undefined)\n            }\n          />\n\n          {children || content ? <Text {...textProps}>{children || content}</Text> : null}\n\n          <Slot\n            props={{ iconProps }}\n            render={\n              addonRight ??\n              (iconAfter\n                ? (addonRightProps) => (\n                    <Icon\n                      {...addonRightProps.iconProps}\n                      {...iconProps}\n                      name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                      icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                    />\n                  )\n                : undefined)\n            }\n          />\n        </>\n      )}\n    </Styled.Root>\n  )\n})\n\nconst BadgeDoc: React.FC<BadgeProps> = () => null\n\nexport { BadgeDoc, Badge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Badge","createPolymorphicComponentWithRef","props","ref","mergedProps","useMergedProps","componentName","sizes","p","shape","SIZES_ROUNDED","round","SIZES_CIRCULAR","borderRadius","undefined","SIZES_BASE","SIZES_SQUARE","size","textProps","textPropsProp","iconProps","iconPropsProp","component","children","addonLeft","addonRight","content","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconBefore","iconAfter","Array","isArray","as","appearance","color","SIZES_TEXT","SIZES_ICON","_jsx","Styled","_jsxs","_Fragment","Slot","render","addonLeftProps","Icon","name","Text","addonRightProps"],"mappings":"+bAYA,MAAMA,eAAiB,QAYvB,MAAMC,MAAQC,kCAAqD,CAACC,EAAOC,KACzE,MAAMC,EAAcC,eAAgEH,EAAO,CACzFI,cAdmB,QAenBC,MAAQC,GACFA,EAAEC,QAAU,UACPC,cAGLF,EAAEG,OAASH,EAAEC,QAAU,WAClBG,eAGLJ,EAAEK,oBAAiBC,EACdC,WAGFC,eAIX,MAAMC,KACJA,EAAO,IAAGJ,aACVA,EAAe,EACfK,UAAWC,EAAgB,CAAA,EAC3BC,UAAWC,EAAgB,CAAA,EAAEZ,MAC7BA,EAAQ,SAAQa,UAChBA,EAAY,MAAKC,SACjBA,EAAQC,UACRA,EAASC,WACTA,EAAUC,QACVA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACD9B,EAEJ,MAAM+B,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOG,EAAYC,GAAaC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAE9D,MAAMT,EAAuB,IACxBiB,EACHK,GAAI,OACJC,WAAY,UACZC,MAAO,UACPnC,MAAOoC,cACJxB,GAGL,MAAMC,EAAuB,IAAKe,EAAWO,MAAO,UAAWnC,MAAOqC,cAAevB,GAErF,OACEwB,IAACC,KAAW,IACNZ,KACAC,EACJK,GAAIlB,EACJL,KAAMA,EACNJ,aAAcA,EACdJ,MAAOA,EACPN,IAAKA,EAAIoB,gBAEDA,GAAa,WACnBA,EAAS,CAAEL,YAAWE,cAEtB2B,KAAAC,SAAA,CAAAzB,SAAA,CACEsB,IAACI,KAAI,CACH/C,MAAO,CAAEkB,aACT8B,OACE1B,IACCY,EACIe,GACCN,IAACO,KAAI,IACCD,EAAe/B,aACfA,EACJiC,YAAajB,GAAe,SAAWA,OAAatB,EACpDa,YAAaS,GAAe,SAAWA,OAAatB,SAGxDA,KAIPS,GAAYG,EAAUmB,IAACS,KAAI,IAAKpC,EAASK,SAAGA,GAAYG,IAAkB,KAE3EmB,IAACI,KAAI,CACH/C,MAAO,CAAEkB,aACT8B,OACEzB,IACCY,EACIkB,GACCV,IAACO,KAAI,IACCG,EAAgBnC,aAChBA,EACJiC,YAAahB,GAAc,SAAWA,OAAYvB,EAClDa,YAAaU,GAAc,SAAWA,OAAYvB,SAGtDA"}
+{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n            {children || content ? (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            ) : null}\n            {after ? (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"8RAuBO,MAAMA,MAAqDC,gBAChEC,WAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,IAACC,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,KAAAC,SAAA,CAAAlB,SAAA,CACGI,EACCW,IAACI,KAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,IAACM,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,IAACI,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,YAMd,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,YAAcC"}

package/components/Badge/constants.js

@@ -0,0 +1,2 @@
+'use strict';exports.SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}},exports.SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};
+//# sourceMappingURL=constants.js.map

package/components/Badge/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    height: 34,\n    fontSize: 22,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xxl: {\n    height: 32,\n    fontSize: 20,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xl: {\n    height: 30,\n    fontSize: 18,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  l: {\n    height: 28,\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  m: {\n    height: 26,\n    fontSize: 14,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  s: {\n    height: 24,\n    fontSize: 12,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xs: {\n    height: 22,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxxs: {\n    height: 18,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n}\n\nexport const SIZES_ROUND: Record<Size, CSSProperties> = {\n  xxxl: {\n    height: 34,\n    width: 34,\n    fontSize: 22,\n  },\n  xxl: {\n    height: 32,\n    width: 32,\n    fontSize: 20,\n  },\n  xl: {\n    height: 30,\n    width: 30,\n    fontSize: 18,\n  },\n  l: {\n    height: 28,\n    width: 28,\n    fontSize: 16,\n  },\n  m: {\n    height: 26,\n    width: 26,\n    fontSize: 14,\n  },\n  s: {\n    height: 24,\n    width: 24,\n    fontSize: 12,\n  },\n  xs: {\n    height: 22,\n    width: 22,\n    fontSize: 10,\n  },\n  xxs: {\n    height: 20,\n    width: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 18,\n    width: 18,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","width"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,wBAIuC,CACtDJ,KAAM,CACJC,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRY,MAAO,GACPX,SAAU"}

package/components/Badge/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};const SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{SIZES,SIZES_ROUND};
+//# sourceMappingURL=constants.mjs.map

package/components/Badge/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    height: 34,\n    fontSize: 22,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xxl: {\n    height: 32,\n    fontSize: 20,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xl: {\n    height: 30,\n    fontSize: 18,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  l: {\n    height: 28,\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  m: {\n    height: 26,\n    fontSize: 14,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  s: {\n    height: 24,\n    fontSize: 12,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xs: {\n    height: 22,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxxs: {\n    height: 18,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n}\n\nexport const SIZES_ROUND: Record<Size, CSSProperties> = {\n  xxxl: {\n    height: 34,\n    width: 34,\n    fontSize: 22,\n  },\n  xxl: {\n    height: 32,\n    width: 32,\n    fontSize: 20,\n  },\n  xl: {\n    height: 30,\n    width: 30,\n    fontSize: 18,\n  },\n  l: {\n    height: 28,\n    width: 28,\n    fontSize: 16,\n  },\n  m: {\n    height: 26,\n    width: 26,\n    fontSize: 14,\n  },\n  s: {\n    height: 24,\n    width: 24,\n    fontSize: 12,\n  },\n  xs: {\n    height: 22,\n    width: 22,\n    fontSize: 10,\n  },\n  xxs: {\n    height: 20,\n    width: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 18,\n    width: 18,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,IAIV,MAAMS,YAA2C,CACtDb,KAAM,CACJC,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRa,MAAO,GACPZ,SAAU"}

package/components/Badge/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var display=require('../../mixins/display.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var cursor=require('../../mixins/cursor.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardBadgeProp=style.createShouldForwardProp(r=>!['round','shape','borderRadius','resetDefaultMargin','display','cursor'].includes(r));const template=r=>`\n  color: ${r.color};\n  background-color: ${r.backgroundColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],...r.palette})),secondary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-100'],...r.palette})),tertiary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-100'],...r.palette})),quaternary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-100'],...r.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs(r=>({dynamicSizeDeclaration:(e,o)=>({fontSize:typeof e=='string'?e:`${e}${o}`,height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})})).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," & > *:not(:last-child){margin-right:4px;}"," "," "," "," "," "," "," ",""],r=>`\n      box-sizing: border-box;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${r.round?'50%':typeof r.borderRadius=='number'?`${r.borderRadius}px`:r.borderRadius};\n    `,r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus.focus,cursor.cursor,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,r=>r.color&&color.color(r.color,'background-color'),r=>r.display&&display.display(r.display),r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }');exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var display=require('../../mixins/display.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardBadgeProp=style.createShouldForwardProp(r=>!['round','content','borderRadius','resetDefaultMargin','display','cursor'].includes(r));const template=r=>`\n  color: ${r.color};\n  background-color: ${r.backgroundColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],...r.palette})),secondary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-100'],...r.palette})),tertiary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-100'],...r.palette})),quaternary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-100'],...r.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs(r=>({dynamicSizeDeclaration:(e,o)=>({fontSize:typeof e=='string'?e:`${e}${o}`,height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})})).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],r=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${r.round?'50%':typeof r.borderRadius=='number'?`${r.borderRadius}px`:r.borderRadius};\n      cursor: ${r.cursor??'default'};\n    `,r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,r=>r.color&&color.color(r.color,'background-color'),r=>r.display&&display.display(r.display),r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }');exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Badge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { cursor } from 'mixins/cursor'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'shape', 'borderRadius', 'resetDefaultMargin', 'display', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n    `\n  }}\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n\n  ${badgeStyles}\n  ${focus}\n  ${cursor}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","focus","cursor","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"qgBAWA,MAAMA,uBAAyBC,MAAAA,wBAC5BC,IAAa,CAAC,QAAS,QAAS,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,IAGvG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,WAGfS,UAAWJ,OAAAA,IAAG,CAAA,GAAA,IACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,WAGfU,SAAUL,OAAAA,IAAG,CAAA,GAAA,IACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,WAGfW,WAAYN,OAAAA,IAAG,CAAA,GAAA,IACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,YAaV,MAAMY,KAAOC,gBAAAA,QAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,MACEX,IAAK,CACJY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,aAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACEP,GAGM,2SAWYA,EAAMkB,MAAQ,aAbLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,sBA1B/ExB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,QA2ClB2B,MAAAA,MACAC,OAAAA,OACAC,8BACAC,iBAAAA,iBAEC5B,GAAUA,EAAML,OAASA,MAAAA,MAAMK,EAAML,MAAO,oBAC5CK,GAAUA,EAAM6B,SAAWA,gBAAQ7B,EAAM6B,SACzC7B,IAAWA,EAAM8B,oBAAsB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n      cursor: ${props.cursor ?? 'default'};\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","cursor","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"wdAUA,MAAMA,uBAAyBC,MAAAA,wBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,IAGzG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,WAGfS,UAAWJ,OAAAA,IAAG,CAAA,GAAA,IACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,WAGfU,SAAUL,OAAAA,IAAG,CAAA,GAAA,IACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,WAGfW,WAAYN,OAAAA,IAAG,CAAA,GAAA,IACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,YAaV,MAAMY,KAAOC,gBAAAA,QAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,MACEX,IAAK,CACJY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,aAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gCAWpFxB,EAAMyB,QAAU,mBArCXzB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,QAqClB4B,MAAAA,MACAC,eAAAA,eACAC,kCAEC5B,GAAUA,EAAML,OAASA,MAAAA,MAAMK,EAAML,MAAO,oBAC5CK,GAAUA,EAAM6B,SAAWA,QAAAA,QAAQ7B,EAAM6B,SACzC7B,IAAWA,EAAM8B,oBAAsB"}

package/components/Badge/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{display}from'../../mixins/display.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{cursor}from'../../mixins/cursor.mjs';const shouldForwardBadgeProp=createShouldForwardProp(o=>!['round','shape','borderRadius','resetDefaultMargin','display','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={primary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],...o.palette})),secondary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100'],...o.palette})),tertiary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100'],...o.palette})),quaternary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100'],...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs(o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'1.8em',width:o.round?'1.8em':void 0,paddingRight:o.round?void 0:'0.6em',paddingLeft:o.round?void 0:'0.6em'})})).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," & > *:not(:last-child){margin-right:4px;}"," "," "," "," "," "," "," ",""],o=>`\n      box-sizing: border-box;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${o.round?'50%':typeof o.borderRadius=='number'?`${o.borderRadius}px`:o.borderRadius};\n    `,o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus,cursor,responsiveSize,responsiveMargin,o=>o.color&&color(o.color,'background-color'),o=>o.display&&display(o.display),o=>!o.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }');export{Root};
+import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{display}from'../../mixins/display.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardBadgeProp=createShouldForwardProp(o=>!['round','content','borderRadius','resetDefaultMargin','display','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={primary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],...o.palette})),secondary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100'],...o.palette})),tertiary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100'],...o.palette})),quaternary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100'],...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs(o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'1.8em',width:o.round?'1.8em':void 0,paddingRight:o.round?void 0:'0.6em',paddingLeft:o.round?void 0:'0.6em'})})).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${o.round?'50%':typeof o.borderRadius=='number'?`${o.borderRadius}px`:o.borderRadius};\n      cursor: ${o.cursor??'default'};\n    `,o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus,responsiveSize,responsiveMargin,o=>o.color&&color(o.color,'background-color'),o=>o.display&&display(o.display),o=>!o.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }');export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Badge/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { cursor } from 'mixins/cursor'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'shape', 'borderRadius', 'resetDefaultMargin', 'display', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n    `\n  }}\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n\n  ${badgeStyles}\n  ${focus}\n  ${cursor}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","focus","cursor","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"yZAWA,MAAMA,uBAAyBC,wBAC5BC,IAAa,CAAC,QAAS,QAAS,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,IAGvG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,WAGfS,UAAWJ,IAAG,CAAA,GAAA,IACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,WAGfU,SAAUL,IAAG,CAAA,GAAA,IACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,WAGfW,WAAYN,IAAG,CAAA,GAAA,IACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,YAaV,MAAMY,KAAOC,OAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,MACEX,IAAK,CACJY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,aAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACEP,GAGM,2SAWYA,EAAMkB,MAAQ,aAbLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,sBA1B/ExB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,QA2ClB2B,MACAC,OACAC,eACAC,iBAEC5B,GAAUA,EAAML,OAASA,MAAMK,EAAML,MAAO,oBAC5CK,GAAUA,EAAM6B,SAAWA,QAAQ7B,EAAM6B,SACzC7B,IAAWA,EAAM8B,oBAAsB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n      cursor: ${props.cursor ?? 'default'};\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","cursor","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"6WAUA,MAAMA,uBAAyBC,wBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,IAGzG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,WAGfS,UAAWJ,IAAG,CAAA,GAAA,IACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,WAGfU,SAAUL,IAAG,CAAA,GAAA,IACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,WAGfW,WAAYN,IAAG,CAAA,GAAA,IACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,YAaV,MAAMY,KAAOC,OAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,MACEX,IAAK,CACJY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,aAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gCAWpFxB,EAAMyB,QAAU,mBArCXzB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,QAqClB4B,MACAC,eACAC,iBAEC5B,GAAUA,EAAML,OAASA,MAAMK,EAAML,MAAO,oBAC5CK,GAAUA,EAAM6B,SAAWA,QAAQ7B,EAAM6B,SACzC7B,IAAWA,EAAM8B,oBAAsB"}

package/components/Chip/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var hover=require('../../mixins/hover.js');var cursor=require('../../mixins/cursor.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardChipProp=style.createShouldForwardProp(o=>!['outline','black','active','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-brand-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.borderColor??o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-brand-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['bg-brand-primary-500']:o.palette.borderColorHover??o.theme.colors['bg-brand-primary-400'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-secondary']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-onmain-contrast']:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-onmain-contrast']:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))}},contrast:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))}}};const Content=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;",""],responsiveSize.responsiveSize);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})(["box-sizing:border-box;appearance:none;text-decoration:none;margin:0;display:inline-flex;align-items:center;border:1px solid transparent;flex-shrink:0;transition-property:background-color;transition-duration:250ms;"," "," "," "," ",""],o=>{const e=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.outline&&(r=e.outline),o.black?r.black:r.default},focus.focus,cursor.cursor,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Content=Content,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardChipProp=style.createShouldForwardProp(o=>!['outline','black','active','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-brand-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.borderColor??o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-brand-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['bg-brand-primary-500']:o.palette.borderColorHover??o.theme.colors['bg-brand-primary-400'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-secondary']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-onmain-contrast']:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-onmain-contrast']:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))}},contrast:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))}}};const Content=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;",""],responsiveSize.responsiveSize);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})([""," "," "," "," ",""],o=>{let e='default';return o.as!=='button'&&o.as!=='a'&&o.as!=='label'||(e='pointer'),o.disabled&&(e='not-allowed'),o.cursor&&(e=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      text-decoration: none;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      flex-shrink: 0;\n      cursor: ${e};\n      transition-property: background-color;\n      transition-duration: 250ms;\n    `},o=>{const e=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.outline&&(r=e.outline),o.black?r.black:r.default},focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Content=Content,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Chip/style.js.map

@@ -1 +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 { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\n\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport { cursor } from 'mixins/cursor'\nimport type { Size, StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n  (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\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  &[data-disabled=\"true\"] {\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.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-brand-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.borderColor ?? props.theme.colors['bg-brand-primary-400']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-brand-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.borderColorHover ?? props.theme.colors['bg-brand-primary-400']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-secondary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['border-onmain-contrast'])\n              : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-onmain-contrast'])\n              : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n          })}\n      `,\n    },\n  },\n  contrast: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n          })}\n      `,\n    },\n  },\n}\n\nexport const Content = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardChipProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n  shouldForwardProp: shouldForwardChipProp,\n})`\n  box-sizing: border-box;\n  appearance: none;\n  text-decoration: none;\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid transparent;\n  flex-shrink: 0;\n  transition-property: background-color;\n  transition-duration: 250ms;\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  ${cursor}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","colorActive","theme","colors","backgroundColorActive","borderColorActive","transparent","colorActiveHover","backgroundColorActiveHover","tinycolor","lighten","toString","darken","borderColorActiveHover","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","div","schema","schemaVariant","focus","cursor","responsiveMargin"],"mappings":"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"}
+{"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 { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\n\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { Size, StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n  (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\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  &[data-disabled=\"true\"] {\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.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-brand-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.borderColor ?? props.theme.colors['bg-brand-primary-400']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-brand-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.borderColorHover ?? props.theme.colors['bg-brand-primary-400']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-secondary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['border-onmain-contrast'])\n              : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-onmain-contrast'])\n              : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n          })}\n      `,\n    },\n  },\n  contrast: {\n    primary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors.transparent),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n          })}\n      `,\n    },\n    secondary: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n              : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n            borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n          })}\n      `,\n    },\n    outline: {\n      default: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n          })}\n      `,\n      black: css<StyledChipProps>`\n        ${(props) =>\n          template({\n            color: props.active\n              ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColor: props.active\n              ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n              : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n            borderColor: props.active\n              ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n              : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n            colorHover: props.active\n              ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n              : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n            backgroundColorHover: props.active\n              ? (props.palette.backgroundColorActiveHover ??\n                (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n              : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n            borderColorHover: props.active\n              ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n              : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n            colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n            backgroundColorDisabled: props.active\n              ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n              : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n            borderColorDisabled: props.active\n              ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n              : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n          })}\n      `,\n    },\n  },\n}\n\nexport const Content = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardChipProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n\n  ${responsiveSize}\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n  shouldForwardProp: shouldForwardChipProp,\n})`\n  ${(props) => {\n    let cursor = 'default'\n\n    if (props.as === 'button' || props.as === 'a' || props.as === 'label') cursor = 'pointer'\n    if (props.disabled) cursor = 'not-allowed'\n    if (props.cursor) cursor = props.cursor\n\n    return `\n      box-sizing: border-box;\n      appearance: none;\n      text-decoration: none;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      flex-shrink: 0;\n      cursor: ${cursor};\n      transition-property: background-color;\n      transition-duration: 250ms;\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"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","colorActive","theme","colors","backgroundColorActive","borderColorActive","transparent","colorActiveHover","backgroundColorActiveHover","tinycolor","lighten","toString","darken","borderColorActiveHover","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","div","cursor","as","disabled","schema","schemaVariant","focus","responsiveMargin"],"mappings":"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"}