{"version":3,"sources":["../../../src/Badge/DotBadge/DotBadge.css.ts"],"names":["css","vars","variantMap","dotBadgeCSS"],"mappings":";AAAA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAEd,IAAMC,EAAa,CACxB,QAAS,CACP,OAAQ,CACN,qBAAsBD,EAAK,SAAS,MAAM,WAC5C,EACA,SAAU,CACR,qBAAsBA,EAAK,SAAS,MAAM,YAC5C,CACF,EACA,KAAM,CACJ,OAAQ,CACN,YAAa,6BAA6BA,EAAK,SAAS,MAAM,OAAO,EACvE,EACA,QAAS,CACP,YAAa,MACf,CACF,EACA,KAAM,CACJ,MAAO,CACL,iBAAkB,MAClB,UAAW,MACX,WAAY,KACd,EACA,OAAQ,CACN,iBAAkB,MAClB,UAAW,MACX,WAAY,KACd,EACA,MAAO,CACL,iBAAkB,MAClB,UAAW,OACX,WAAY,MACd,EACA,UAAW,CACT,iBAAkB,MAClB,UAAW,OACX,WAAY,MACd,CACF,CACF,EAEaE,EAAcH,EAAI,CAC7B,QAAS,eACT,cAAe,SAEf,MAAO,eACP,OAAQ,gBAER,gBAAiB,0BAEjB,aAAcC,EAAK,QAAQ,KAE3B,QAAS,gBACX,CAAC","sourcesContent":["import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\n\nexport const variantMap = {\n  variant: {\n    accent: {\n      \"--background-color\": vars.semantic.color.focusAccent,\n    },\n    critical: {\n      \"--background-color\": vars.semantic.color.iconCritical,\n    },\n  },\n  type: {\n    border: {\n      \"--outline\": `var(--border-width) solid ${vars.semantic.color.surface}`,\n    },\n    default: {\n      \"--outline\": \"none\",\n    },\n  },\n  size: {\n    small: {\n      \"--border-width\": \"2px\",\n      \"--width\": \"6px\",\n      \"--height\": \"6px\",\n    },\n    medium: {\n      \"--border-width\": \"2px\",\n      \"--width\": \"8px\",\n      \"--height\": \"8px\",\n    },\n    large: {\n      \"--border-width\": \"2px\",\n      \"--width\": \"10px\",\n      \"--height\": \"10px\",\n    },\n    largeBold: {\n      \"--border-width\": \"3px\",\n      \"--width\": \"10px\",\n      \"--height\": \"10px\",\n    },\n  },\n} as Record<string, Record<string, Record<string, string>>>;\n\nexport const dotBadgeCSS = css({\n  display: \"inline-block\",\n  verticalAlign: \"middle\",\n\n  width: \"var(--width)\",\n  height: \"var(--height)\",\n\n  backgroundColor: \"var(--background-color)\",\n\n  borderRadius: vars.rounded.full,\n\n  outline: \"var(--outline)\",\n});\n"]}