@yamada-ui/loading
Version:
Yamada UI loading components
1 lines • 2.1 kB
Source Map (JSON)
{"version":3,"sources":["../src/oval.tsx"],"sourcesContent":["import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\n\nexport interface OvalProps extends IconProps {\n /**\n * The CSS `dur` property.\n *\n * @default '1s'\n */\n duration?: IconProps[\"dur\"]\n /**\n * The CSS `stroke` property.\n */\n secondaryColor?: string\n}\n\nexport const Oval = forwardRef<OvalProps, \"svg\">(\n ({ color, duration = \"1s\", secondaryColor, ...rest }, ref) => {\n return (\n <Icon ref={ref} stroke={color} viewBox=\"0 0 38 38\" {...rest}>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g strokeWidth=\"2\" transform=\"translate(1 1)\">\n <circle\n {...(secondaryColor\n ? { stroke: secondaryColor }\n : { strokeOpacity: \".5\" })}\n cx=\"18\"\n cy=\"18\"\n r=\"18\"\n />\n <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n <animateTransform\n type=\"rotate\"\n attributeName=\"transform\"\n dur={duration}\n from=\"0 18 18\"\n repeatCount=\"indefinite\"\n to=\"360 18 18\"\n />\n </path>\n </g>\n </g>\n </Icon>\n )\n },\n)\n\nOval.displayName = \"Oval\"\nOval.__ui__ = \"Oval\"\n"],"mappings":";;;AACA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAoBX,SACE,KADF;AALH,IAAM,OAAO;AAAA,EAClB,CAAC,EAAE,OAAO,WAAW,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ;AAC5D,WACE,oBAAC,QAAK,KAAU,QAAQ,OAAO,SAAQ,aAAa,GAAG,MACrD,8BAAC,OAAE,MAAK,QAAO,UAAS,WACtB,+BAAC,OAAE,aAAY,KAAI,WAAU,kBAC3B;AAAA;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,iBACD,EAAE,QAAQ,eAAe,IACzB,EAAE,eAAe,KAAK;AAAA,UAC1B,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA;AAAA,MACJ;AAAA,MACA,oBAAC,UAAK,GAAE,+BACN;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAc;AAAA,UACd,KAAK;AAAA,UACL,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,IAAG;AAAA;AAAA,MACL,GACF;AAAA,OACF,GACF,GACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AACnB,KAAK,SAAS;","names":[]}