@yamada-ui/loading
Version:
Yamada UI loading components
1 lines • 4.49 kB
Source Map (JSON)
{"version":3,"sources":["../src/rings.tsx"],"sourcesContent":["import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\n\nexport interface RingsProps extends IconProps {\n /**\n * The CSS `dur` property.\n *\n * @default '3s'\n */\n duration?: IconProps[\"dur\"]\n}\n\nexport const Rings = forwardRef<RingsProps, \"svg\">(\n ({ color, duration = \"3s\", ...rest }, ref) => {\n const dur = typeof duration === \"string\" ? parseFloat(duration) : duration\n\n return (\n <Icon ref={ref} stroke={color} viewBox=\"0 0 45 45\" {...rest}>\n <g\n fill=\"none\"\n fillRule=\"evenodd\"\n strokeWidth=\"2\"\n transform=\"translate(1 1)\"\n >\n <circle cx=\"22\" cy=\"22\" r=\"6\" strokeOpacity=\"0\">\n <animate\n attributeName=\"r\"\n begin=\"1.5s\"\n calcMode=\"linear\"\n dur={`${dur}s`}\n repeatCount=\"indefinite\"\n values=\"6;22\"\n />\n <animate\n attributeName=\"stroke-opacity\"\n begin=\"1.5s\"\n calcMode=\"linear\"\n dur={`${dur}s`}\n repeatCount=\"indefinite\"\n values=\"1;0\"\n />\n <animate\n attributeName=\"stroke-width\"\n begin=\"1.5s\"\n calcMode=\"linear\"\n dur={`${dur}s`}\n repeatCount=\"indefinite\"\n values=\"2;0\"\n />\n </circle>\n <circle cx=\"22\" cy=\"22\" r=\"6\" strokeOpacity=\"0\">\n <animate\n attributeName=\"r\"\n begin=\"3s\"\n calcMode=\"linear\"\n dur={`${dur}s`}\n repeatCount=\"indefinite\"\n values=\"6;22\"\n />\n <animate\n attributeName=\"stroke-opacity\"\n begin=\"3s\"\n calcMode=\"linear\"\n dur={`${dur}s`}\n repeatCount=\"indefinite\"\n values=\"1;0\"\n />\n <animate\n attributeName=\"stroke-width\"\n begin=\"3s\"\n calcMode=\"linear\"\n dur={`${dur}s`}\n repeatCount=\"indefinite\"\n values=\"2;0\"\n />\n </circle>\n <circle cx=\"22\" cy=\"22\" r=\"8\">\n <animate\n attributeName=\"r\"\n begin=\"0s\"\n calcMode=\"linear\"\n dur={`${dur / 2}s`}\n repeatCount=\"indefinite\"\n values=\"6;1;2;3;4;5;6\"\n />\n </circle>\n </g>\n </Icon>\n )\n },\n)\n\nRings.displayName = \"Rings\"\nRings.__ui__ = \"Rings\"\n"],"mappings":";;;AACA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAuBX,SACE,KADF;AAZH,IAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,OAAO,WAAW,MAAM,GAAG,KAAK,GAAG,QAAQ;AAC5C,UAAM,MAAM,OAAO,aAAa,WAAW,WAAW,QAAQ,IAAI;AAElE,WACE,oBAAC,QAAK,KAAU,QAAQ,OAAO,SAAQ,aAAa,GAAG,MACrD;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,aAAY;AAAA,QACZ,WAAU;AAAA,QAEV;AAAA,+BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,eAAc,KAC1C;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,UAAS;AAAA,gBACT,KAAK,GAAG,GAAG;AAAA,gBACX,aAAY;AAAA,gBACZ,QAAO;AAAA;AAAA,YACT;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,UAAS;AAAA,gBACT,KAAK,GAAG,GAAG;AAAA,gBACX,aAAY;AAAA,gBACZ,QAAO;AAAA;AAAA,YACT;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,UAAS;AAAA,gBACT,KAAK,GAAG,GAAG;AAAA,gBACX,aAAY;AAAA,gBACZ,QAAO;AAAA;AAAA,YACT;AAAA,aACF;AAAA,UACA,qBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,eAAc,KAC1C;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,UAAS;AAAA,gBACT,KAAK,GAAG,GAAG;AAAA,gBACX,aAAY;AAAA,gBACZ,QAAO;AAAA;AAAA,YACT;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,UAAS;AAAA,gBACT,KAAK,GAAG,GAAG;AAAA,gBACX,aAAY;AAAA,gBACZ,QAAO;AAAA;AAAA,YACT;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,UAAS;AAAA,gBACT,KAAK,GAAG,GAAG;AAAA,gBACX,aAAY;AAAA,gBACZ,QAAO;AAAA;AAAA,YACT;AAAA,aACF;AAAA,UACA,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KACxB;AAAA,YAAC;AAAA;AAAA,cACC,eAAc;AAAA,cACd,OAAM;AAAA,cACN,UAAS;AAAA,cACT,KAAK,GAAG,MAAM,CAAC;AAAA,cACf,aAAY;AAAA,cACZ,QAAO;AAAA;AAAA,UACT,GACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;AACpB,MAAM,SAAS;","names":[]}