{"version":3,"sources":["../../src/Badge/Badge.css.ts"],"names":["css","vars","primaryCSS","secondaryCSS","criticalCSS","sizeDefaultCSS","__spreadValues","sizeLargeCSS","sizeSmallCSS","sizeVariant","typeVariant","dotPrimaryCSS","dotSecondaryCSS","dotCriticalCSS","dotTypeVariant","dotSmallSizeCSS","dotMediumSizeCSS","dotLargeSizeCSS","dotLargeBoldSizeCSS","dotSizeVariant"],"mappings":";yVACA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAGrB,IAAMC,EAAaF,EAAI,CACrB,WAAYC,EAAK,SAAS,MAAM,cAChC,MAAOA,EAAK,SAAS,MAAM,YAE3B,mCAAoC,CAClC,WAAYA,EAAK,SAAS,MAAM,kBAClC,EAEA,+BAAgC,CAC9B,MAAOA,EAAK,SAAS,MAAM,OAC3B,WAAYA,EAAK,MAAM,OAAO,GAAG,CACnC,EAEA,sCAAuC,CACrC,MAAOA,EAAK,SAAS,MAAM,aAC3B,WAAYA,EAAK,SAAS,MAAM,UAClC,CACF,CAAC,EAEKE,EAAeH,EAAI,CACvB,WAAYC,EAAK,SAAS,MAAM,WAChC,MAAOA,EAAK,SAAS,MAAM,QAE3B,mCAAoC,CAClC,WAAYA,EAAK,SAAS,MAAM,qBAClC,EAEA,+BAAgC,CAC9B,MAAOA,EAAK,SAAS,MAAM,OAC3B,WAAYA,EAAK,MAAM,OAAO,GAAG,CACnC,EAEA,sCAAuC,CACrC,MAAOA,EAAK,SAAS,MAAM,aAC3B,WAAYA,EAAK,SAAS,MAAM,UAClC,CACF,CAAC,EAEKG,EAAcJ,EAAI,CACtB,WAAYC,EAAK,SAAS,MAAM,gBAChC,MAAOA,EAAK,SAAS,MAAM,aAE3B,mCAAoC,CAEpC,EAEA,+BAAgC,CAC9B,MAAOA,EAAK,SAAS,MAAM,OAC3B,WAAY,MACd,EAEA,sCAAuC,CACrC,MAAOA,EAAK,SAAS,MAAM,aAC3B,WAAYA,EAAK,SAAS,MAAM,UAClC,CACF,CAAC,EAEKI,EAAiBL,EAAIM,EAAA,CACzB,QAAS,GAAGL,EAAK,QAAQ,IAAI,CAAC,IAAIA,EAAK,QAAQ,EAAI,CAAC,GACpD,SAAU,QACPA,EAAK,SAAS,WAAW,aAAa,EAC1C,EAEKM,EAAeP,EAAIM,EAAA,CACvB,QAAS,KAAKL,EAAK,QAAQ,EAAI,CAAC,GAChC,SAAU,QACPA,EAAK,SAAS,WAAW,cAAc,EAC3C,EAEKO,EAAeR,EAAIM,EAAA,CACvB,QAAS,GAAGL,EAAK,QAAQ,CAAG,CAAC,IAAIA,EAAK,QAAQ,EAAI,CAAC,GACnD,SAAU,QACPA,EAAK,SAAS,WAAW,cAAc,EAC3C,EAEYQ,EAAc,CACzB,QAASJ,EACT,MAAOE,EACP,MAAOC,CACT,EAEaE,EAA4D,CACvE,QAASR,EACT,SAAUE,EACV,UAAWD,CACb,EAEMQ,EAAgBX,EAAI,CACxB,WAAYC,EAAK,SAAS,MAAM,UAClC,CAAC,EAEKW,EAAkBZ,EAAI,CAC1B,WAAYC,EAAK,SAAS,MAAM,IAClC,CAAC,EAEKY,EAAiBb,EAAI,CACzB,WAAYC,EAAK,SAAS,MAAM,YAClC,CAAC,EAEYa,EAAiB,CAC5B,QAASH,EACT,SAAUE,EACV,UAAWD,CACb,EAEMG,EAAkBf,EAAI,CAC1B,MAAO,MACP,OAAQ,MACR,aAAc,KAChB,CAAC,EAEKgB,EAAmBhB,EAAI,CAC3B,MAAO,MACP,OAAQ,MACR,aAAc,KAChB,CAAC,EAEKiB,EAAkBjB,EAAI,CAC1B,MAAO,OACP,OAAQ,OACR,aAAc,KAChB,CAAC,EAEKkB,EAAsBlB,EAAI,CAC9B,MAAO,OACP,OAAQ,OACR,aAAc,KAChB,CAAC,EAEYmB,EAAiB,CAC5B,MAAOJ,EACP,OAAQC,EACR,MAAOC,EACP,UAAWC,CACb","sourcesContent":["import type { SerializedStyles } from \"@emotion/react\";\nimport { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { BadgeProps } from \".\";\n\nconst primaryCSS = css({\n  background: vars.semantic.color.layerSelected,\n  color: vars.semantic.color.textPrimary,\n\n  \"&[data-clay-badge-state='hover']\": {\n    background: vars.semantic.color.layerSelectedHover,\n  },\n\n  \"&[data-clay-badge-on='true']\": {\n    color: vars.semantic.color.textOn,\n    background: vars.color.imBlue[600],\n  },\n\n  \"&[data-clay-badge-state='disabled']\": {\n    color: vars.semantic.color.textDisabled,\n    background: vars.semantic.color.surfaceSub,\n  },\n});\n\nconst secondaryCSS = css({\n  background: vars.semantic.color.surfaceSub,\n  color: vars.semantic.color.textSub,\n\n  \"&[data-clay-badge-state='hover']\": {\n    background: vars.semantic.color.actionPrimaryDisabled,\n  },\n\n  \"&[data-clay-badge-on='true']\": {\n    color: vars.semantic.color.textOn,\n    background: vars.color.imBlue[600],\n  },\n\n  \"&[data-clay-badge-state='disabled']\": {\n    color: vars.semantic.color.textDisabled,\n    background: vars.semantic.color.surfaceSub,\n  },\n});\n\nconst criticalCSS = css({\n  background: vars.semantic.color.surfaceCritical,\n  color: vars.semantic.color.textCritical,\n\n  \"&[data-clay-badge-state='hover']\": {\n    // 똑같음\n  },\n\n  \"&[data-clay-badge-on='true']\": {\n    color: vars.semantic.color.textOn,\n    background: \"#D34\",\n  },\n\n  \"&[data-clay-badge-state='disabled']\": {\n    color: vars.semantic.color.textDisabled,\n    background: vars.semantic.color.surfaceSub,\n  },\n});\n\nconst sizeDefaultCSS = css({\n  padding: `${vars.spacing[\"05\"]} ${vars.spacing[\"15\"]}`,\n  minWidth: \"20px\",\n  ...vars.semantic.typography[\"label-small\"],\n});\n\nconst sizeLargeCSS = css({\n  padding: `0 ${vars.spacing[\"15\"]}`,\n  minWidth: \"24px\",\n  ...vars.semantic.typography[\"label-medium\"],\n});\n\nconst sizeSmallCSS = css({\n  padding: `${vars.spacing[\"1\"]} ${vars.spacing[\"15\"]}`,\n  minWidth: \"20px\",\n  ...vars.semantic.typography[\"label-xsmall\"],\n});\n\nexport const sizeVariant = {\n  default: sizeDefaultCSS,\n  large: sizeLargeCSS,\n  small: sizeSmallCSS,\n};\n\nexport const typeVariant: Record<BadgeProps[\"type\"], SerializedStyles> = {\n  primary: primaryCSS,\n  critical: criticalCSS,\n  secondary: secondaryCSS,\n};\n\nconst dotPrimaryCSS = css({\n  background: vars.semantic.color.iconAccent,\n});\n\nconst dotSecondaryCSS = css({\n  background: vars.semantic.color.icon,\n});\n\nconst dotCriticalCSS = css({\n  background: vars.semantic.color.iconCritical,\n});\n\nexport const dotTypeVariant = {\n  primary: dotPrimaryCSS,\n  critical: dotCriticalCSS,\n  secondary: dotSecondaryCSS,\n};\n\nconst dotSmallSizeCSS = css({\n  width: \"6px\",\n  height: \"6px\",\n  outlineWidth: \"2px\",\n});\n\nconst dotMediumSizeCSS = css({\n  width: \"8px\",\n  height: \"8px\",\n  outlineWidth: \"2px\",\n});\n\nconst dotLargeSizeCSS = css({\n  width: \"10px\",\n  height: \"10px\",\n  outlineWidth: \"2px\",\n});\n\nconst dotLargeBoldSizeCSS = css({\n  width: \"10px\",\n  height: \"10px\",\n  outlineWidth: \"3px\",\n});\n\nexport const dotSizeVariant = {\n  small: dotSmallSizeCSS,\n  medium: dotMediumSizeCSS,\n  large: dotLargeSizeCSS,\n  largeBold: dotLargeBoldSizeCSS,\n};\n"]}