@foxford/ui 2.112.1 → 2.113.0-beta-2aee8b7-20260526

package/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var 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;
+'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";
 //# 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 { 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"}
+{"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"}

package/components/Badge/Badge.mjs

@@ -1,2 +1,2 @@
-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};
+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};
 //# 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 { 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"}
+{"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"}

package/components/Badge/sizes.js

@@ -0,0 +1,2 @@
+'use strict';const SIZES_BASE={xxxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:22},xxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:20},xl:{'--badge-size':'32px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:18},l:{'--badge-size':'28px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:16},m:{'--badge-size':'26px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:14},s:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:12},xs:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxs:{'--badge-size':'20px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxxs:{'--badge-size':'18px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:0},xxl:{...SIZES_BASE.xxl,borderRadius:0},xl:{...SIZES_BASE.xl,borderRadius:0},l:{...SIZES_BASE.l,borderRadius:0},m:{...SIZES_BASE.m,borderRadius:0},s:{...SIZES_BASE.s,borderRadius:0},xs:{...SIZES_BASE.xs,borderRadius:0},xxs:{...SIZES_BASE.xxs,borderRadius:0},xxxs:{...SIZES_BASE.xxxs,borderRadius:0}};const SIZES_ROUNDED={xxxl:{...SIZES_BASE.xxxl,borderRadius:10},xxl:{...SIZES_BASE.xxl,borderRadius:10},xl:{...SIZES_BASE.xl,borderRadius:8},l:{...SIZES_BASE.l,borderRadius:8},m:{...SIZES_BASE.m,borderRadius:8},s:{...SIZES_BASE.s,borderRadius:6},xs:{...SIZES_BASE.xs,borderRadius:4},xxs:{...SIZES_BASE.xxs,borderRadius:4},xxxs:{...SIZES_BASE.xxxs,borderRadius:4}};const SIZES_CIRCULAR={xxxl:{...SIZES_BASE.xxxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xl:{...SIZES_BASE.xl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},l:{...SIZES_BASE.l,width:'var(--badge-size)',padding:0,borderRadius:'50%'},m:{...SIZES_BASE.m,width:'var(--badge-size)',padding:0,borderRadius:'50%'},s:{...SIZES_BASE.s,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xs:{...SIZES_BASE.xs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'}};exports.SIZES_BASE=SIZES_BASE,exports.SIZES_CIRCULAR=SIZES_CIRCULAR,exports.SIZES_ICON={xxxl:{fontSize:28},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:12},xs:{fontSize:10},xxs:{fontSize:10},xxxs:{fontSize:10}},exports.SIZES_ROUNDED=SIZES_ROUNDED,exports.SIZES_SQUARE=SIZES_SQUARE,exports.SIZES_TEXT={xxxl:{fontSize:'inherit',marginTop:0},xxl:{fontSize:'inherit',marginTop:0},xl:{fontSize:'inherit',marginTop:1},l:{fontSize:'inherit',marginTop:2},m:{fontSize:'inherit',marginTop:2},s:{fontSize:'inherit',marginTop:2},xs:{fontSize:'inherit',marginTop:0},xxs:{fontSize:'inherit',marginTop:0},xxxs:{fontSize:'inherit',marginTop:0}};
+//# sourceMappingURL=sizes.js.map

package/components/Badge/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/Badge/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--badge-size': '36px',\n    height: 'var(--badge-size)',\n    paddingRight: 10,\n    paddingLeft: 10,\n    fontSize: 22,\n  },\n  xxl: {\n    '--badge-size': '36px',\n    height: 'var(--badge-size)',\n    paddingRight: 10,\n    paddingLeft: 10,\n    fontSize: 20,\n  },\n  xl: {\n    '--badge-size': '32px',\n    height: 'var(--badge-size)',\n    paddingRight: 10,\n    paddingLeft: 10,\n    fontSize: 18,\n  },\n  l: {\n    '--badge-size': '28px',\n    height: 'var(--badge-size)',\n    paddingRight: 8,\n    paddingLeft: 8,\n    fontSize: 16,\n  },\n  m: {\n    '--badge-size': '26px',\n    height: 'var(--badge-size)',\n    paddingRight: 8,\n    paddingLeft: 8,\n    fontSize: 14,\n  },\n  s: {\n    '--badge-size': '22px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 12,\n  },\n  xs: {\n    '--badge-size': '22px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 10,\n  },\n  xxs: {\n    '--badge-size': '20px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 10,\n  },\n  xxxs: {\n    '--badge-size': '18px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 10,\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: { ...SIZES_BASE.xxxl, borderRadius: 0 },\n  xxl: { ...SIZES_BASE.xxl, borderRadius: 0 },\n  xl: { ...SIZES_BASE.xl, borderRadius: 0 },\n  l: { ...SIZES_BASE.l, borderRadius: 0 },\n  m: { ...SIZES_BASE.m, borderRadius: 0 },\n  s: { ...SIZES_BASE.s, borderRadius: 0 },\n  xs: { ...SIZES_BASE.xs, borderRadius: 0 },\n  xxs: { ...SIZES_BASE.xxs, borderRadius: 0 },\n  xxxs: { ...SIZES_BASE.xxxs, borderRadius: 0 },\n}\n\nexport const SIZES_ROUNDED: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: 10,\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: 10,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: 8,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: 8,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: 8,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: 6,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: 4,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: 4,\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: 4,\n  },\n}\n\nexport const SIZES_CIRCULAR: Record<Size, CSSProperties> = {\n  xxxl: { ...SIZES_BASE.xxxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xxl: { ...SIZES_BASE.xxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xl: { ...SIZES_BASE.xl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  l: { ...SIZES_BASE.l, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  m: { ...SIZES_BASE.m, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  s: { ...SIZES_BASE.s, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xs: { ...SIZES_BASE.xs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xxs: { ...SIZES_BASE.xxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xxxs: { ...SIZES_BASE.xxxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  xxxl: { fontSize: 28 },\n  xxl: {\n    fontSize: 28,\n  },\n  xl: { fontSize: 24 },\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: { fontSize: 12 },\n  xs: { fontSize: 10 },\n  xxs: { fontSize: 10 },\n  xxxs: { fontSize: 10 },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  xxxl: { fontSize: 'inherit', marginTop: 0 },\n  xxl: { fontSize: 'inherit', marginTop: 0 },\n  xl: { fontSize: 'inherit', marginTop: 1 },\n  l: { fontSize: 'inherit', marginTop: 2 },\n  m: { fontSize: 'inherit', marginTop: 2 },\n  s: { fontSize: 'inherit', marginTop: 2 },\n  xs: { fontSize: 'inherit', marginTop: 0 },\n  xxs: { fontSize: 'inherit', marginTop: 0 },\n  xxxs: { fontSize: 'inherit', marginTop: 0 },\n}\n"],"names":["SIZES_BASE","xxxl","height","paddingRight","paddingLeft","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","borderRadius","SIZES_ROUNDED","SIZES_CIRCULAR","width","padding","marginTop"],"mappings":"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"}

package/components/Badge/sizes.mjs

@@ -0,0 +1,2 @@
+const SIZES_BASE={xxxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:22},xxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:20},xl:{'--badge-size':'32px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:18},l:{'--badge-size':'28px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:16},m:{'--badge-size':'26px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:14},s:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:12},xs:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxs:{'--badge-size':'20px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxxs:{'--badge-size':'18px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:0},xxl:{...SIZES_BASE.xxl,borderRadius:0},xl:{...SIZES_BASE.xl,borderRadius:0},l:{...SIZES_BASE.l,borderRadius:0},m:{...SIZES_BASE.m,borderRadius:0},s:{...SIZES_BASE.s,borderRadius:0},xs:{...SIZES_BASE.xs,borderRadius:0},xxs:{...SIZES_BASE.xxs,borderRadius:0},xxxs:{...SIZES_BASE.xxxs,borderRadius:0}};const SIZES_ROUNDED={xxxl:{...SIZES_BASE.xxxl,borderRadius:10},xxl:{...SIZES_BASE.xxl,borderRadius:10},xl:{...SIZES_BASE.xl,borderRadius:8},l:{...SIZES_BASE.l,borderRadius:8},m:{...SIZES_BASE.m,borderRadius:8},s:{...SIZES_BASE.s,borderRadius:6},xs:{...SIZES_BASE.xs,borderRadius:4},xxs:{...SIZES_BASE.xxs,borderRadius:4},xxxs:{...SIZES_BASE.xxxs,borderRadius:4}};const SIZES_CIRCULAR={xxxl:{...SIZES_BASE.xxxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xl:{...SIZES_BASE.xl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},l:{...SIZES_BASE.l,width:'var(--badge-size)',padding:0,borderRadius:'50%'},m:{...SIZES_BASE.m,width:'var(--badge-size)',padding:0,borderRadius:'50%'},s:{...SIZES_BASE.s,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xs:{...SIZES_BASE.xs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'}};const SIZES_ICON={xxxl:{fontSize:28},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:12},xs:{fontSize:10},xxs:{fontSize:10},xxxs:{fontSize:10}};const SIZES_TEXT={xxxl:{fontSize:'inherit',marginTop:0},xxl:{fontSize:'inherit',marginTop:0},xl:{fontSize:'inherit',marginTop:1},l:{fontSize:'inherit',marginTop:2},m:{fontSize:'inherit',marginTop:2},s:{fontSize:'inherit',marginTop:2},xs:{fontSize:'inherit',marginTop:0},xxs:{fontSize:'inherit',marginTop:0},xxxs:{fontSize:'inherit',marginTop:0}};export{SIZES_BASE,SIZES_CIRCULAR,SIZES_ICON,SIZES_ROUNDED,SIZES_SQUARE,SIZES_TEXT};
+//# sourceMappingURL=sizes.mjs.map

package/components/Badge/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Badge/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--badge-size': '36px',\n    height: 'var(--badge-size)',\n    paddingRight: 10,\n    paddingLeft: 10,\n    fontSize: 22,\n  },\n  xxl: {\n    '--badge-size': '36px',\n    height: 'var(--badge-size)',\n    paddingRight: 10,\n    paddingLeft: 10,\n    fontSize: 20,\n  },\n  xl: {\n    '--badge-size': '32px',\n    height: 'var(--badge-size)',\n    paddingRight: 10,\n    paddingLeft: 10,\n    fontSize: 18,\n  },\n  l: {\n    '--badge-size': '28px',\n    height: 'var(--badge-size)',\n    paddingRight: 8,\n    paddingLeft: 8,\n    fontSize: 16,\n  },\n  m: {\n    '--badge-size': '26px',\n    height: 'var(--badge-size)',\n    paddingRight: 8,\n    paddingLeft: 8,\n    fontSize: 14,\n  },\n  s: {\n    '--badge-size': '22px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 12,\n  },\n  xs: {\n    '--badge-size': '22px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 10,\n  },\n  xxs: {\n    '--badge-size': '20px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 10,\n  },\n  xxxs: {\n    '--badge-size': '18px',\n    height: 'var(--badge-size)',\n    paddingRight: 6,\n    paddingLeft: 6,\n    fontSize: 10,\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: { ...SIZES_BASE.xxxl, borderRadius: 0 },\n  xxl: { ...SIZES_BASE.xxl, borderRadius: 0 },\n  xl: { ...SIZES_BASE.xl, borderRadius: 0 },\n  l: { ...SIZES_BASE.l, borderRadius: 0 },\n  m: { ...SIZES_BASE.m, borderRadius: 0 },\n  s: { ...SIZES_BASE.s, borderRadius: 0 },\n  xs: { ...SIZES_BASE.xs, borderRadius: 0 },\n  xxs: { ...SIZES_BASE.xxs, borderRadius: 0 },\n  xxxs: { ...SIZES_BASE.xxxs, borderRadius: 0 },\n}\n\nexport const SIZES_ROUNDED: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: 10,\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: 10,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: 8,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: 8,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: 8,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: 6,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: 4,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: 4,\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: 4,\n  },\n}\n\nexport const SIZES_CIRCULAR: Record<Size, CSSProperties> = {\n  xxxl: { ...SIZES_BASE.xxxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xxl: { ...SIZES_BASE.xxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xl: { ...SIZES_BASE.xl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  l: { ...SIZES_BASE.l, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  m: { ...SIZES_BASE.m, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  s: { ...SIZES_BASE.s, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xs: { ...SIZES_BASE.xs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xxs: { ...SIZES_BASE.xxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n  xxxs: { ...SIZES_BASE.xxxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  xxxl: { fontSize: 28 },\n  xxl: {\n    fontSize: 28,\n  },\n  xl: { fontSize: 24 },\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: { fontSize: 12 },\n  xs: { fontSize: 10 },\n  xxs: { fontSize: 10 },\n  xxxs: { fontSize: 10 },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  xxxl: { fontSize: 'inherit', marginTop: 0 },\n  xxl: { fontSize: 'inherit', marginTop: 0 },\n  xl: { fontSize: 'inherit', marginTop: 1 },\n  l: { fontSize: 'inherit', marginTop: 2 },\n  m: { fontSize: 'inherit', marginTop: 2 },\n  s: { fontSize: 'inherit', marginTop: 2 },\n  xs: { fontSize: 'inherit', marginTop: 0 },\n  xxs: { fontSize: 'inherit', marginTop: 0 },\n  xxxs: { fontSize: 'inherit', marginTop: 0 },\n}\n"],"names":["SIZES_BASE","xxxl","height","paddingRight","paddingLeft","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","borderRadius","SIZES_ROUNDED","SIZES_CIRCULAR","width","padding","SIZES_ICON","SIZES_TEXT","marginTop"],"mappings":"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"}

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');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;
+'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;
 //# 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 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"}
+{"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"}

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';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};
+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};
 //# 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 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"}
+{"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"}

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');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;
+'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;
 //# sourceMappingURL=style.js.map