@yamada-ui/loading
Version:
Yamada UI loading components
1 lines • 5.32 kB
Source Map (JSON)
{"version":3,"sources":["../src/grid.tsx"],"sourcesContent":["import type { IconProps } from \"@yamada-ui/icon\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\n\nexport interface GridProps extends IconProps {\n /**\n * The CSS `dur` property.\n *\n * @default '1s'\n */\n duration?: IconProps[\"dur\"]\n}\n\nexport const Grid = forwardRef<GridProps, \"svg\">(\n ({ color, duration = \"1s\", ...rest }, ref) => {\n return (\n <Icon ref={ref} fill={color} viewBox=\"0 0 105 105\" {...rest}>\n <circle cx=\"12.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"0s\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"12.5\" cy=\"52.5\" fillOpacity=\".5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"100ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"300ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"600ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"800ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"400ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"12.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"700ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"500ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"200ms\"\n calcMode=\"linear\"\n dur={duration}\n repeatCount=\"indefinite\"\n values=\"1;.2;1\"\n />\n </circle>\n </Icon>\n )\n },\n)\n\nGrid.displayName = \"Grid\"\nGrid.__ui__ = \"Grid\"\n"],"mappings":";;;AACA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAcf,SAEI,KAFJ;AAHC,IAAM,OAAO;AAAA,EAClB,CAAC,EAAE,OAAO,WAAW,MAAM,GAAG,KAAK,GAAG,QAAQ;AAC5C,WACE,qBAAC,QAAK,KAAU,MAAM,OAAO,SAAQ,eAAe,GAAG,MACrD;AAAA,0BAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,aAAY,MAAK,GAAE,QAC7C;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,MACA,oBAAC,YAAO,IAAG,QAAO,IAAG,QAAO,GAAE,QAC5B;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,OAAM;AAAA,UACN,UAAS;AAAA,UACT,KAAK;AAAA,UACL,aAAY;AAAA,UACZ,QAAO;AAAA;AAAA,MACT,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AACnB,KAAK,SAAS;","names":[]}