@mabi-ui/radio
Version:
Radio group and radio button components for Mabi-UI
1 lines • 2.41 kB
Source Map (JSON)
{"version":3,"sources":["../src/RadioIcons.tsx"],"names":[],"mappings":";AAAA,SAAgB,IAAI,oBAAoB;AACxC,OAAO,WAAW;AAOX,SAAS,aAAa,EAAE,OAAO,WAAW,GAAoB;AACpE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,WAAW;AAAA,UACV,CAAC,aACE,aAAa,OAAO,QAAQ,IAC5B;AAAA,UACH;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,WAAW;AAAA,UACV,CAAC,aACE,aAAa,OAAO,MAAM,IAC1B;AAAA,QACJ;AAAA;AAAA,IACD;AAAA,EACD;AAEF;AAEO,SAAS,eAAe,EAAE,OAAO,WAAW,GAAoB;AACtE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,WAAU;AAAA,QACV,eAAe;AAAA,QACf,aAAa;AAAA;AAAA,IACd;AAAA,EACD;AAEF","sourcesContent":["import { Color, cn, computeColor } from \"@mabi-ui/utils\";\nimport React from \"react\";\n\ntype RadioIconsProps = {\n\tcolor: Color;\n\tisDisabled?: boolean;\n};\n\nexport function SelectedIcon({ color, isDisabled }: RadioIconsProps) {\n\treturn (\n\t\t<svg\n\t\t\twidth={20}\n\t\t\theight={20}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx={1}\n\t\t\t\ty={1}\n\t\t\t\twidth={18}\n\t\t\t\theight={18}\n\t\t\t\trx={9}\n\t\t\t\tstroke={\"2\"}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t!isDisabled\n\t\t\t\t\t\t? computeColor(color, \"stroke\")\n\t\t\t\t\t\t: \"stroke-black/[0.38] dark:stroke-white/[0.38]\",\n\t\t\t\t\t\"stroke-2\"\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<rect\n\t\t\t\tx={5}\n\t\t\t\ty={5}\n\t\t\t\twidth={10}\n\t\t\t\theight={10}\n\t\t\t\trx={5}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t!isDisabled\n\t\t\t\t\t\t? computeColor(color, \"fill\")\n\t\t\t\t\t\t: \"fill-black/[0.38] dark:fill-white/[0.38]\"\n\t\t\t\t)}\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nexport function UnselectedIcon({ color, isDisabled }: RadioIconsProps) {\n\treturn (\n\t\t<svg\n\t\t\twidth={20}\n\t\t\theight={20}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx={1}\n\t\t\t\ty={1}\n\t\t\t\twidth={18}\n\t\t\t\theight={18}\n\t\t\t\trx={9}\n\t\t\t\tclassName=\"dark:stroke-white stroke-black\"\n\t\t\t\tstrokeOpacity={0.38}\n\t\t\t\tstrokeWidth={2}\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n"]}