@react-spectrum/s2
Version:
Spectrum 2 UI components in React
196 lines (187 loc) • 11 kB
JavaScript
var $bde97c91243ed164$exports = require("../../../../icons/Icon.cjs");
var $950g6$reactjsxruntime = require("react/jsx-runtime");
var $950g6$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", () => $8e98547750335962$export$2e2bcd8739ae039);
const $8e98547750335962$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $950g6$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, $950g6$reactjsxruntime.jsxs)("defs", {
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsxs)("linearGradient", {
id: "2fc2be__d",
x1: -40.209,
x2: 219.921,
y1: 142.983,
y2: -15.277,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 0.06,
stopColor: "#8480FE"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 0.6,
stopColor: "#8480FE",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsxs)("linearGradient", {
id: "2fc2be__e",
x1: 168.544,
x2: 56.949,
y1: 29.472,
y2: 149.467,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsxs)("linearGradient", {
id: "2fc2be__f",
x1: 32.925,
x2: 230.753,
y1: 166.029,
y2: 55.209,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
stopColor: "#FC7D00",
stopOpacity: 0
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 0.432,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 0.609,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FC7D00",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsxs)("radialGradient", {
id: "2fc2be__c",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 42.131 48.337)scale(69.6088)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 0.167,
stopColor: "#FF709F"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#FF709F",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsxs)("radialGradient", {
id: "2fc2be__g",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 60.885 89.79)scale(69.6088)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 0.167,
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("clipPath", {
id: "2fc2be__b",
children: /*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("rect", {
width: 160,
height: 160,
fill: "#fff",
rx: 5.125
})
})
]
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("clipPath", {
id: "2fc2be__a",
children: /*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("path", {
fill: "#fff",
fillRule: "evenodd",
d: "M112.544 26.78c.267-2.193 2.262-3.753 4.455-3.485 11.158 1.362 21.579 7.773 27.64 18.27 6.11 10.582 6.406 22.927 1.893 33.325-.879 2.026-3.235 2.956-5.262 2.076s-2.956-3.235-2.076-5.261c3.547-8.173 3.306-17.845-1.483-26.14-4.751-8.229-12.912-13.258-21.682-14.33-2.193-.267-3.753-2.262-3.485-4.455m-1.254 13.945c.267-2.193 2.262-3.753 4.455-3.486 6.857.838 13.268 4.779 16.995 11.234 3.757 6.509 3.938 14.102 1.164 20.491-.879 2.026-3.235 2.956-5.262 2.077-2.026-.88-2.956-3.236-2.076-5.262 1.807-4.165 1.682-9.085-.754-13.306-2.418-4.186-6.568-6.747-11.037-7.292-2.193-.268-3.753-2.263-3.485-4.456M18.393 74.417C10.741 78.835 8.12 88.62 12.537 96.273l.42.729 90.245-52.14-.405-.7c-4.418-7.653-14.203-10.275-21.856-5.857zm88.809-22.627-90.244 52.14 14.32 24.804c4.419 7.653 14.204 10.275 21.857 5.857l62.547-36.112c7.653-4.419 10.275-14.204 5.857-21.857zm-76.773 56.311c-1.104-1.914-.449-4.36 1.464-5.465l32.38-18.697c1.913-1.104 4.36-.449 5.465 1.464s.449 4.36-1.464 5.464l-32.38 18.697c-1.914 1.105-4.36.45-5.465-1.463m8.476 6.68c-1.913 1.105-2.569 3.551-1.464 5.464s3.551 2.569 5.464 1.464l16.19-9.349c1.913-1.104 2.569-3.551 1.464-5.464s-3.55-2.568-5.464-1.464zm43.14-36.48c-1.104-1.912-.449-4.359 1.464-5.463l15.18-8.766c1.914-1.105 4.36-.45 5.465 1.464s.449 4.36-1.464 5.464l-15.18 8.766c-1.913 1.104-4.36.449-5.464-1.464"
})
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("g", {
clipPath: "url(#2fc2be__a)",
children: /*#__PURE__*/ (0, $950g6$reactjsxruntime.jsxs)("g", {
clipPath: "url(#2fc2be__b)",
children: [
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("rect", {
width: 160,
height: 160,
fill: "#FFECCF",
rx: 5.125
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("path", {
fill: "#FFECCF",
d: "M0 0h160v160H0z"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("circle", {
cx: 90.468,
cy: 6.206,
r: 69.609,
fill: "url(#2fc2be__c)",
transform: "rotate(-.08 90.468 6.206)"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("path", {
fill: "url(#2fc2be__d)",
d: "M61.07-28.263c-12.288-7.603-27.857-7.65-40.19-.12l-123.358 75.318c-12.081 7.377-12.101 24.788-.036 32.193l122.542 75.211c12.315 7.557 27.884 7.548 40.188-.027l122.29-75.281c12.001-7.39 12.023-24.703.037-32.12z"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("path", {
fill: "url(#2fc2be__e)",
d: "M23.058 75.965C25.793 16.232 76.433-29.975 136.166-27.24c59.732 2.735 105.938 53.375 103.204 113.108s-53.375 105.939-113.108 103.204C66.53 186.337 20.324 135.697 23.058 75.965"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("path", {
fill: "url(#2fc2be__f)",
d: "M-64.825 115.35c23.744-10.129 49.351-9.695 71.537-.835 44.394 17.773 70.225 6.784 88.141-37.508 8.925-22.226 26.348-41.049 50.119-51.19 47.525-20.243 102.392 1.723 122.607 49.108 20.214 47.385-1.912 102.165-49.426 122.435-23.824 10.163-49.48 9.687-71.7.747-44.322-17.678-70.104-6.648-87.998 37.698-8.947 22.173-26.366 40.931-50.11 51.061-47.488 20.258-102.354-1.707-122.558-49.066-20.203-47.359 1.9-102.191 49.388-122.45"
}),
/*#__PURE__*/ (0, $950g6$reactjsxruntime.jsx)("circle", {
cx: 150.675,
cy: 28.906,
r: 69.609,
fill: "url(#2fc2be__g)",
transform: "rotate(-.08 150.675 28.906)"
})
]
})
})
]
});
const $8e98547750335962$var$ForwardRef = /*#__PURE__*/ (0, $950g6$react.forwardRef)($8e98547750335962$var$SvgComponent);
var $8e98547750335962$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $bde97c91243ed164$exports.createIllustration)($8e98547750335962$var$ForwardRef);
//# sourceMappingURL=S2_fill_cardTapPayment_generic1_160.cjs.map