@polygon.io/core
Version:
A set of themeable UI components for React
1 lines • 2.73 kB
JavaScript
;var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireWildcard(require("styled-components")),_AnimatedSvg=_interopRequireDefault(require("./AnimatedSvg"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var __jsx=_react["default"].createElement,gAnimation=(0,_styledComponents.keyframes)(["0%{transform:translate(13px,13px) rotate(-89.999999deg);}16.666667%{transform:translate(13px,13px) rotate(90deg);}33.333333%{transform:translate(13px,13px) rotate(270deg);}50%{transform:translate(13px,13px) rotate(450.000001deg);}66.666667%{transform:translate(13px,13px) rotate(630.000001deg);}83.333333%{transform:translate(13px,13px) rotate(810deg);}100%{transform:translate(13px,13px) rotate(989.999998deg);}"]),ellipseAnimation=(0,_styledComponents.keyframes)(["0%{stroke-dashoffset:188.5;}50%{stroke-dashoffset:220;}100%{stroke-dashoffset:188.5;}"]),StyledSvg=_styledComponents["default"].svg.withConfig({displayName:"LoadingSpinner__StyledSvg",componentId:"sc-hu0r8o-0"})(["g:first-of-type{animation:"," 3000ms linear infinite normal forwards;}ellipse:first-of-type{animation:"," 3000ms linear infinite normal forwards;}"],gAnimation,ellipseAnimation),LoadingSpinner=function(a){var b=a.size,c=a.absolute,d=(0,_styledComponents.useTheme)(),e=d.color.content.secondary;return __jsx(_AnimatedSvg["default"],{size:b,absolute:c},__jsx(StyledSvg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 26 26",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",height:"100%"},__jsx("g",{transform:"translate(13,13) rotate(-89.999999)"},__jsx("ellipse",{rx:"12",ry:"12",transform:"scale(0.923735,0.923735) translate(0,0)",fill:"none",stroke:e,strokeWidth:"3",strokeLinecap:"round",strokeDashoffset:"188.5",strokeDasharray:"75.4"}))))};LoadingSpinner.defaultProps={size:void 0,absolute:!1};var _default=LoadingSpinner;exports["default"]=_default;