@react-spectrum/s2
Version:
Spectrum 2 UI components in React
196 lines (187 loc) • 10.3 kB
JavaScript
var $bde97c91243ed164$exports = require("../../../../icons/Icon.cjs");
var $8TEsN$reactjsxruntime = require("react/jsx-runtime");
var $8TEsN$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", () => $5204416bb5dc153a$export$2e2bcd8739ae039);
const $5204416bb5dc153a$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: 96,
height: 96,
viewBox: "0 0 96 96",
ref: ref,
...props,
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("defs", {
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("linearGradient", {
id: "5c8bb8__d",
x1: -24.124,
x2: 131.953,
y1: 85.79,
y2: -9.167,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 0.06,
stopColor: "#8480FE"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 0.6,
stopColor: "#8480FE",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("linearGradient", {
id: "5c8bb8__e",
x1: 101.128,
x2: 34.171,
y1: 17.683,
y2: 89.68,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("linearGradient", {
id: "5c8bb8__f",
x1: 19.755,
x2: 138.452,
y1: 99.617,
y2: 33.125,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
stopColor: "#FC7D00",
stopOpacity: 0
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 0.432,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 0.609,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FC7D00",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("radialGradient", {
id: "5c8bb8__c",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 25.279 29.002)scale(41.7653)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 0.167,
stopColor: "#FF709F"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FF709F",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("radialGradient", {
id: "5c8bb8__g",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 36.531 53.875)scale(41.7653)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 0.167,
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("clipPath", {
id: "5c8bb8__b",
children: /*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("rect", {
width: 96,
height: 96,
fill: "#fff",
rx: 5.125
})
})
]
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("clipPath", {
id: "5c8bb8__a",
children: /*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("path", {
fill: "#fff",
fillRule: "evenodd",
d: "M82.053 18.086c0 2.331-1.646 4.278-3.84 4.742-1.505-1.755-3.494-3.083-5.758-3.78q-.095-.468-.096-.962c0-2.677 2.17-4.847 4.847-4.847s4.847 2.17 4.847 4.847m-4.848 12.821c0 3.827-2.556 7.056-6.054 8.074-2.213-4.11-6.106-7.18-10.76-8.293.117-4.542 3.835-8.189 8.405-8.189 4.644 0 8.409 3.765 8.409 8.408M51.637 63.914c0 10.408-8.438 18.846-18.846 18.846s-18.846-8.438-18.846-18.846 8.438-18.846 18.846-18.846c4.218 0 8.113 1.386 11.253 3.727 3.086 2.3 5.443 5.523 6.664 9.26.603 1.844.929 3.813.929 5.86m17.49-17.065c0 6.968-5.648 12.617-12.616 12.617q-.669 0-1.32-.069c-1.31-6.533-5.408-12.059-10.999-15.285 1.25-5.652 6.291-9.88 12.32-9.88 6.967 0 12.616 5.649 12.616 12.617"
})
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("g", {
clipPath: "url(#5c8bb8__a)",
children: /*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsxs)("g", {
clipPath: "url(#5c8bb8__b)",
children: [
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("rect", {
width: 96,
height: 96,
fill: "#FFECCF",
rx: 5.125
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("path", {
fill: "#FFECCF",
d: "M0 0h96v96H0z"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("circle", {
cx: 54.281,
cy: 3.723,
r: 41.765,
fill: "url(#5c8bb8__c)",
transform: "rotate(-.08 54.28 3.723)"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("path", {
fill: "url(#5c8bb8__d)",
d: "M36.643-16.958c-7.373-4.562-16.714-4.59-24.114-.072l-74.015 45.19c-7.249 4.427-7.26 14.873-.022 19.316l73.526 45.127c7.389 4.534 16.73 4.529 24.113-.016l73.374-45.17c7.2-4.433 7.213-14.821.021-19.27z"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("path", {
fill: "url(#5c8bb8__e)",
d: "M13.837 45.579C15.477 9.739 45.86-17.984 81.7-16.344s63.563 32.025 61.922 67.865-32.024 63.563-67.864 61.922-63.563-32.025-61.922-67.864"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("path", {
fill: "url(#5c8bb8__f)",
d: "M-38.895 69.21c14.246-6.078 29.61-5.818 42.922-.502 26.636 10.664 42.135 4.071 52.885-22.504 5.355-13.336 15.809-24.63 30.071-30.714 28.515-12.146 61.435 1.033 73.564 29.464s-1.147 61.299-29.655 73.461c-14.294 6.098-29.688 5.813-43.02.449-26.593-10.607-42.063-3.989-52.799 22.618-5.368 13.304-15.82 24.559-30.066 30.637-28.493 12.155-61.413-1.024-73.535-29.44-12.122-28.415 1.14-61.314 29.633-73.47"
}),
/*#__PURE__*/ (0, $8TEsN$reactjsxruntime.jsx)("circle", {
cx: 90.406,
cy: 17.344,
r: 41.765,
fill: "url(#5c8bb8__g)",
transform: "rotate(-.08 90.406 17.344)"
})
]
})
})
]
});
const $5204416bb5dc153a$var$ForwardRef = /*#__PURE__*/ (0, $8TEsN$react.forwardRef)($5204416bb5dc153a$var$SvgComponent);
var $5204416bb5dc153a$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $bde97c91243ed164$exports.createIllustration)($5204416bb5dc153a$var$ForwardRef);
//# sourceMappingURL=S2_fill_animation_generic1_96.cjs.map