@react-spectrum/s2
Version:
Spectrum 2 UI components in React
166 lines (157 loc) • 8.75 kB
JavaScript
var $bde97c91243ed164$exports = require("../../../../icons/Icon.cjs");
var $cXGCf$reactjsxruntime = require("react/jsx-runtime");
var $cXGCf$react = require("react");
function $parcel$export(e, n, v, s) {
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}
$parcel$export(module.exports, "default", () => $cb96753dfd8c24d6$export$2e2bcd8739ae039);
const $cb96753dfd8c24d6$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: 48,
height: 48,
viewBox: "0 0 48 48",
ref: ref,
...props,
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("defs", {
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("linearGradient", {
id: "2b56c8__d",
x1: 34.731,
x2: 6.933,
y1: -1.543,
y2: 34.498,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
stopColor: "#FF4885"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FF4885",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("linearGradient", {
id: "2b56c8__e",
x1: 17.793,
x2: 23.155,
y1: -18.135,
y2: 16.184,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 0.156,
stopColor: "#7A6AFD"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#7A6AFD",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("linearGradient", {
id: "2b56c8__f",
x1: -44.078,
x2: 46.147,
y1: 50.862,
y2: 33.03,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
stopColor: "#30A7FE",
stopOpacity: 0
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 0.432,
stopColor: "#30A7FE",
stopOpacity: 0.995
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 0.609,
stopColor: "#30A7FE"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#30A7FE",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("radialGradient", {
id: "2b56c8__c",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 5.616 37.171)scale(69.3033)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 0.089,
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("clipPath", {
id: "2b56c8__b",
children: /*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("rect", {
width: 48,
height: 48,
fill: "#fff",
rx: 10
})
})
]
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("clipPath", {
id: "2b56c8__a",
children: /*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("path", {
fill: "#fff",
fillRule: "evenodd",
d: "M41.026 9.042c0 .977-.578 1.819-1.41 2.203-.87-1.076-2.065-1.878-3.436-2.255.028-1.314 1.102-2.37 2.423-2.37 1.338 0 2.423 1.084 2.423 2.422m-2.424 6.412c0 1.735-1.05 3.225-2.551 3.867-1.178-2.234-3.288-3.9-5.813-4.48.297-2.031 2.046-3.591 4.16-3.591 2.322 0 4.204 1.882 4.204 4.204m-7.784 2.205c-.783-.348-1.65-.542-2.562-.542-2.834 0-5.23 1.868-6.027 4.44 3.015 1.695 5.219 4.663 5.882 8.175l.145.002c3.484 0 6.308-2.825 6.308-6.309 0-2.483-1.435-4.631-3.522-5.66q-.11-.055-.224-.106m-5 14.299c0 5.204-4.218 9.423-9.423 9.423-5.204 0-9.422-4.219-9.422-9.423s4.218-9.423 9.423-9.423c2.109 0 4.056.693 5.626 1.864 1.543 1.15 2.722 2.761 3.332 4.63.302.921.464 1.906.464 2.929"
})
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("g", {
clipPath: "url(#2b56c8__a)",
children: /*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsxs)("g", {
clipPath: "url(#2b56c8__b)",
children: [
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("rect", {
width: 48,
height: 48,
fill: "#D9F4FD",
rx: 10
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("circle", {
cx: 42.788,
cy: 31.555,
r: 69.303,
fill: "url(#2b56c8__c)"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("path", {
fill: "url(#2b56c8__d)",
d: "M-4.32 15.035C-5.09-1.557 7.735-15.63 24.326-16.401c16.59-.77 30.665 12.055 31.435 28.646.77 16.59-12.054 30.665-28.645 31.435S-3.55 31.625-4.32 15.035"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("path", {
fill: "url(#2b56c8__e)",
d: "M12.124-33.214c-3.742-2.316-8.484-2.33-12.24-.037L-37.69-10.31c-3.68 2.247-3.686 7.55-.01 9.805L-.377 22.404c3.75 2.301 8.493 2.299 12.24-.009L49.112-.535c3.655-2.25 3.662-7.523.011-9.782z"
}),
/*#__PURE__*/ (0, $cXGCf$reactjsxruntime.jsx)("path", {
fill: "url(#2b56c8__f)",
d: "M-23.927 22.958c7.744 0 14.759 3.134 19.838 8.19 10.158 10.13 18.58 10.14 28.737.027 5.079-5.083 12.103-8.226 19.855-8.226 15.498.009 28.052 12.529 28.052 27.984S60 78.899 44.503 78.899c-7.77 0-14.794-3.151-19.872-8.234-10.15-10.095-18.562-10.087-28.72.043-5.08 5.066-12.094 8.191-19.838 8.191-15.489 0-28.043-12.52-28.043-27.966s12.554-27.975 28.043-27.975"
})
]
})
})
]
});
const $cb96753dfd8c24d6$var$ForwardRef = /*#__PURE__*/ (0, $cXGCf$react.forwardRef)($cb96753dfd8c24d6$var$SvgComponent);
var $cb96753dfd8c24d6$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $bde97c91243ed164$exports.createIllustration)($cb96753dfd8c24d6$var$ForwardRef);
//# sourceMappingURL=S2_fill_animation_generic2_48.cjs.map