@react-spectrum/s2
Version:
Spectrum 2 UI components in React
200 lines (191 loc) • 10.2 kB
JavaScript
var $bde97c91243ed164$exports = require("../../../../icons/Icon.cjs");
var $esP5N$reactjsxruntime = require("react/jsx-runtime");
var $esP5N$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", () => $ba6a65dbd4332419$export$2e2bcd8739ae039);
const $ba6a65dbd4332419$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: 160,
height: 160,
viewBox: "0 0 160 160",
ref: ref,
...props,
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("defs", {
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("linearGradient", {
id: "a0d6cf__d",
x1: -24.966,
x2: 201.252,
y1: 134.343,
y2: -3.286,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 0.06,
stopColor: "#8480FE"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 0.6,
stopColor: "#8480FE",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("linearGradient", {
id: "a0d6cf__e",
x1: 156.573,
x2: 59.526,
y1: 35.63,
y2: 139.982,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("linearGradient", {
id: "a0d6cf__f",
x1: 38.635,
x2: 210.673,
y1: 154.384,
y2: 58.011,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
stopColor: "#FC7D00",
stopOpacity: 0
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 0.432,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 0.609,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FC7D00",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("radialGradient", {
id: "a0d6cf__c",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 36.638 52.035)scale(60.5342)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 0.167,
stopColor: "#FF709F"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FF709F",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("radialGradient", {
id: "a0d6cf__g",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 52.947 88.086)scale(60.5342)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 0.167,
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("clipPath", {
id: "a0d6cf__b",
children: /*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("rect", {
width: 139.142,
height: 139.142,
x: 10,
y: 10,
fill: "#fff",
rx: 3.461
})
})
]
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("clipPath", {
id: "a0d6cf__a",
children: /*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("path", {
fill: "#fff",
fillRule: "evenodd",
d: "M59.93 48.08c-6.62 0-12 5.38-12 12v4.91L31.79 54.87l44.12-27.61c2.61-1.63 5.91-1.63 8.51.01l43.799 27.59-16.15 10.13v-4.91c0-6.62-5.38-12-12-12zm0 8c-2.21 0-4 1.79-4 4V70l21.95 13.77c1.29.81 2.96.81 4.25 0L104.08 70v-9.93c0-2.21-1.79-4-4-4H59.94zm26.45 34.47c-1.94 1.21-4.16 1.82-6.38 1.82s-4.44-.61-6.38-1.82l-45.6-28.6v56.02c0 8.84 7.16 16.01 16 16.01h71.96c8.84 0 16-7.17 16-16.01V61.95z"
})
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("g", {
clipPath: "url(#a0d6cf__a)",
children: /*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsxs)("g", {
clipPath: "url(#a0d6cf__b)",
children: [
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("rect", {
width: 139.142,
height: 139.142,
x: 10,
y: 10,
fill: "#FFECCF",
rx: 3.461
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("path", {
fill: "#FFECCF",
d: "M10 10h139.142v139.142H10z"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("circle", {
cx: 88.673,
cy: 15.397,
r: 60.534,
fill: "url(#a0d6cf__c)",
transform: "rotate(-.08 88.673 15.397)"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("path", {
fill: "url(#a0d6cf__d)",
d: "M63.11-14.579c-10.687-6.612-24.226-6.653-34.951-.104l-107.276 65.5c-10.507 6.414-10.524 21.556-.032 27.995l106.567 65.406c10.71 6.572 24.249 6.565 34.949-.023l106.348-65.468c10.436-6.425 10.455-21.482.031-27.932z"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("path", {
fill: "url(#a0d6cf__e)",
d: "M30.054 76.061c2.378-51.945 46.416-92.128 98.362-89.75s92.128 46.417 89.749 98.363c-2.378 51.945-46.416 92.128-98.362 89.749-51.945-2.378-92.128-46.416-89.75-98.362"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("path", {
fill: "url(#a0d6cf__f)",
d: "M-46.373 110.312c20.649-8.809 42.918-8.431 62.212-.726 38.606 15.456 61.07 5.9 76.65-32.618 7.762-19.329 22.914-35.698 43.585-44.517 41.33-17.604 89.044 1.498 106.624 42.706 17.579 41.207-1.662 88.846-42.983 106.473-20.718 8.839-43.03 8.425-62.353.651-38.543-15.374-60.965-5.782-76.526 32.783-7.78 19.282-22.929 35.595-43.577 44.404-41.297 17.618-89.011-1.484-106.58-42.669-17.571-41.185 1.651-88.87 42.948-106.487"
}),
/*#__PURE__*/ (0, $esP5N$reactjsxruntime.jsx)("circle", {
cx: 141.033,
cy: 35.138,
r: 60.534,
fill: "url(#a0d6cf__g)",
transform: "rotate(-.08 141.033 35.138)"
})
]
})
})
]
});
const $ba6a65dbd4332419$var$ForwardRef = /*#__PURE__*/ (0, $esP5N$react.forwardRef)($ba6a65dbd4332419$var$SvgComponent);
var $ba6a65dbd4332419$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $bde97c91243ed164$exports.createIllustration)($ba6a65dbd4332419$var$ForwardRef);
//# sourceMappingURL=S2_fill_mailOpen_generic1_160.cjs.map