@oceanbase/design
Version:
The Design System of OceanBase
206 lines (204 loc) • 16.9 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/result/Success.tsx
var Success_exports = {};
__export(Success_exports, {
default: () => Success_default
});
module.exports = __toCommonJS(Success_exports);
var import_react = __toESM(require("react"));
var import_icons = __toESM(require("@oceanbase/icons"));
var SuccessSvg = () => /* @__PURE__ */ import_react.default.createElement("svg", { width: "160px", height: "160px", viewBox: "0 0 160 160", version: "1.1" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M33.125,0 L100.625,0 C118.875,0 133.75,14.875 133.75,33.125 L133.75,118.125 L33.125,118.125 C14.875,118.125 0,103.25 0,85 L0,33.125 C0,14.875 14.875,0 33.125,0 Z",
id: "oceanbase-design-result-success-path-1"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M1.43012646,5.5292612 L17.6801265,0.154261199 C19.1801265,-0.345738801 20.8051265,0.404261199 21.1801265,1.9042612 L21.9301265,4.1542612 C22.3051265,5.2792612 21.6801265,6.5292612 20.5551265,6.9042612 L3.80512646,12.5292612 C2.68012646,12.9042612 1.43012646,12.2792612 1.05512646,11.1542612 L0.0551264646,8.2792612 C-0.194873535,7.1542612 0.430126465,5.9042612 1.43012646,5.5292612 L1.43012646,5.5292612 Z",
id: "oceanbase-design-result-success-path-3"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M1.89214041,4.7792612 L15.8921404,0.154261199 C17.3921404,-0.345738801 18.8921404,0.404261199 19.3921404,1.9042612 L20.2671404,4.4042612 C20.7671404,5.9042612 20.0171404,7.4042612 18.5171404,7.9042612 L4.51714041,12.5292612 C3.01714041,13.0292612 1.51714041,12.2792612 1.01714041,10.7792612 L0.142140412,8.2792612 C-0.357859588,6.9042612 0.517140412,5.2792612 1.89214041,4.7792612 Z",
id: "oceanbase-design-result-success-path-5"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M2.02814371,4.73308102 L15.9031437,0.108081022 C17.1531437,-0.266918978 18.5281437,0.358081022 19.0281437,1.60808102 L20.0281437,4.60808102 C20.4031437,5.85808102 19.7781437,7.23308102 18.5281437,7.73308102 L4.65314371,12.358081 C3.02814371,12.858081 1.27814371,11.983081 0.778143715,10.483081 L0.153143715,8.60808102 C-0.346856285,6.98308102 0.403143715,5.23308102 2.02814371,4.73308102 Z",
id: "oceanbase-design-result-success-path-7"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M2.08661279,3.86102208 L13.2116128,0.111022078 C14.0866128,-0.263977922 15.0866128,0.361022078 15.4616128,1.23602208 L16.4616128,4.36102208 C16.9616128,5.73602208 16.2116128,7.36102208 14.7116128,7.73602208 L4.46161279,11.1110221 C2.96161279,11.6110221 1.21161279,10.7360221 0.711612789,9.23602208 L0.0866127887,7.48602208 C-0.288387211,5.98602208 0.586612789,4.36102208 2.08661279,3.86102208 Z",
id: "oceanbase-design-result-success-path-9"
}
)), /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(14, 21)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M33.125,0 L100.625,0 C118.875,0 133.75,14.875 133.75,33.125 L133.75,118.125 L33.125,118.125 C14.875,118.125 0,103.25 0,85 L0,33.125 C0,14.875 14.875,0 33.125,0 Z",
fill: "#0181FD"
}
), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-success-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-success-path-1" })), /* @__PURE__ */ import_react.default.createElement("g", null), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-result-success-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(-8.125, 9.25)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M6.75,0 L44,0 C47.75,0 50.75,3 50.75,6.75 L50.75,31.375 C50.75,35.125 47.75,38.125 44,38.125 L36.25,38.125 L36.25,46.25 C36.25,47.375 34.875,47.75 34.25,46.875 L28,38.125 L6.75,38.125 C3,38.125 0,35.125 0,31.375 L0,6.75 C0,3 3,0 6.75,0 Z",
fill: "#FFA005"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M147.625,68.875 L104.5,68.875 C100.75,68.875 97.75,71.875 97.75,75.625 L97.75,84.125 C97.75,87.875 100.75,90.875 104.5,90.875 L112.25,90.875 L112.25,99 C112.25,100.125 113.625,100.5 114.25,99.625 L120.5,90.875 L147.625,90.875 C151.375,90.875 154.375,87.875 154.375,84.125 L154.375,75.75 C154.375,72 151.375,68.875 147.625,68.875 L147.625,68.875 Z",
fill: "#F2F2F2"
}
), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", transform: "translate(11, 3.7629)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(36.75, 0)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M43.5,17.8620566 L60.625,12.9870566 C63.125,12.2370566 65.625,13.7370566 66.375,16.1120566 L73.5,41.6120566 C74.375,44.4870566 72.625,47.6120566 69.75,48.3620566 L58.5,51.6120566 C55.75,52.3620566 52.875,50.8620566 52.125,48.1120566 L43.5,17.8620566 C43.5,17.8620566 43.5,17.8620566 43.5,17.8620566 Z",
fill: "#00A146"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M50.75,43.1120566 L65.625,39.9870566 L55.75,5.36205664 C54.625,1.48705664 50.5,-0.762943358 46.625,0.237056642 L0,13.7370566 L10.25,49.4870566 L49.875,40.2370566 C49.875,40.2370566 50.75,43.1120566 50.75,43.1120566 Z",
fill: "#07C846"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(16.8194, 10.2371)", fill: "#FFFFFF" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M17.6805556,20.625 L15.1805556,25.125 C14.9305556,25.625 14.1805556,25.875 13.6805556,25.5 L0.555555556,18.25 C0.0555555556,18 -0.194444444,17.25 0.180555556,16.75 L2.68055556,12.25 C2.93055556,11.75 3.68055556,11.5 4.18055556,11.875 L17.3055556,19.125 C17.8055556,19.5 17.9305556,20.125 17.6805556,20.625 Z" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M21.9305556,0.125 L26.4305556,2.625 C26.9305556,2.875 27.1805556,3.625 26.8055556,4.125 L15.1805556,25.125 C14.9305556,25.625 14.1805556,25.875 13.6805556,25.5 L9.18055556,23 C8.68055556,22.75 8.43055556,22 8.80555556,21.5 L20.4305556,0.5 C20.6805556,0 21.3055556,-0.125 21.9305556,0.125 Z" })), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M63.75,43.7370566 L52.125,48.2370566 L49.875,40.2370566 L62.125,37.8620566 C63.625,37.6120566 65.125,38.4870566 65.625,39.9870566 L65.625,39.9870566 C66,41.6120566 65.25,43.1120566 63.75,43.7370566 Z",
fill: "#132039"
}
)), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 9.4233)" }, /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M3,86.6887085 L32.125,68.8137085 C33.25,68.3137085 34.375,61.5637085 34.625,60.3137085 L36.125,53.9387085 C36.5,52.1887085 37.875,50.8137085 39.5,50.3137085 L47.75,47.9387085 L56.25,80.3137085 L49.75,82.9387085 C48.25,83.5637085 46.625,83.6887085 45,83.4387085 L44.125,83.3137085 C43.625,83.1887085 43,83.3137085 42.5,83.5637085 L23.125,99.0637085 L3,86.6887085 L3,86.6887085 Z",
fill: "#132039"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M31.375,0.688708499 L33.75,0.063708499 C34.75,-0.186291501 35.625,0.313708499 36,1.3137085 L64.875,101.688708 C65.125,102.688708 64.625,103.563708 63.625,103.938708 L61.25,104.563708 C60.25,104.813708 59.375,104.313708 59,103.313708 L30.125,2.9387085 C29.875,1.9387085 30.375,0.938708499 31.375,0.688708499 Z",
fill: "#FFFFFF"
}
), /* @__PURE__ */ import_react.default.createElement(
"polygon",
{
fill: "#132039",
points: "59.25 82.6887085 52.75 81.5637085 44.625 53.1887085 50.25 51.4387085"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M41,53.0637085 L57.25,47.6887085 C58.75,47.1887085 60.375,47.9387085 60.75,49.4387085 L61.5,51.6887085 C61.875,52.8137085 61.25,54.0637085 60.125,54.4387085 L43.375,60.0637085 C42.25,60.4387085 41,59.8137085 40.625,58.6887085 L39.625,55.8137085 C39.375,54.6887085 40,53.4387085 41,53.0637085 L41,53.0637085 Z",
fill: "#F2F2F2"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(39.5699, 47.5344)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-success-mask-4", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-success-path-3" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "SVGID_00000136373575218028105800000015833068694952139445_" }), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M0.555126465,5.7792612 L11.8051265,2.0292612 C12.8051265,1.6542612 13.9301265,2.2792612 14.3051265,3.2792612 L15.5551265,7.0292612 C15.8051265,7.7792612 15.4301265,8.6542612 14.6801265,8.9042612 L2.93012646,12.7792612 C2.18012646,13.0292612 1.30512646,12.6542612 1.05512646,11.9042612 L-0.319873535,7.6542612 C-0.569873535,6.9042612 -0.194873535,6.0292612 0.555126465,5.7792612 Z",
fill: "#D8D8D8",
mask: "url(#oceanbase-design-result-success-mask-4)"
}
)), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M47.25,58.6887085 L61.25,54.0637085 C62.75,53.5637085 64.25,54.3137085 64.75,55.8137085 L65.625,58.3137085 C66.125,59.8137085 65.375,61.3137085 63.875,61.8137085 L49.875,66.4387085 C48.375,66.9387085 46.875,66.1887085 46.375,64.6887085 L45.5,62.1887085 C45,60.8137085 45.875,59.1887085 47.25,58.6887085 Z",
fill: "#F2F2F2"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(45.3579, 53.9094)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-success-mask-6", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-success-path-5" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "SVGID_00000072260953934706606590000017879755367803290522_" }), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M-6.73285959,7.5292612 L8.76714041,2.4042612 C9.76714041,2.0292612 10.8921404,2.6542612 11.2671404,3.6542612 L12.6421404,7.7792612 C13.0171404,8.7792612 12.3921404,9.9042612 11.3921404,10.2792612 L-4.23285959,15.5292612 C-5.23285959,15.9042612 -6.35785959,15.2792612 -6.73285959,14.2792612 L-8.10785959,10.1542612 C-8.35785959,9.0292612 -7.73285959,7.9042612 -6.73285959,7.5292612 Z",
fill: "#D8D8D8",
mask: "url(#oceanbase-design-result-success-mask-6)"
}
)), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M49.25,66.5637085 L63.125,61.9387085 C64.375,61.5637085 65.75,62.1887085 66.25,63.4387085 L67.25,66.4387085 C67.625,67.6887085 67,69.0637085 65.75,69.5637085 L51.875,74.1887085 C50.25,74.6887085 48.5,73.8137085 48,72.3137085 L47.375,70.4387085 C46.875,68.8137085 47.625,67.0637085 49.25,66.5637085 Z",
fill: "#F2F2F2"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(47.2219, 61.8306)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-success-mask-8", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-success-path-7" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "SVGID_00000019653314099838397220000000586077130363906990_" }), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M-5.09685629,7.10808102 L8.77814371,2.48308102 C10.0281437,2.10808102 11.4031437,2.73308102 11.9031437,3.98308102 L12.9031437,6.98308102 C13.2781437,8.23308102 12.6531437,9.60808102 11.4031437,10.108081 L-2.47185629,14.733081 C-4.09685629,15.233081 -5.84685629,14.358081 -6.34685629,12.858081 L-6.97185629,10.983081 C-7.59685629,9.35808102 -6.72185629,7.73308102 -5.09685629,7.10808102 Z",
fill: "#D8D8D8",
mask: "url(#oceanbase-design-result-success-mask-8)"
}
)), /* @__PURE__ */ import_react.default.createElement(
"polygon",
{
fill: "#132039",
points: "54 61.8137085 47.625 71.4387085 44.25 71.3137085 43.375 68.9387085 45.25 56.9387085"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M52.875,73.6887085 L64,69.9387085 C64.875,69.5637085 65.875,70.1887085 66.25,71.0637085 L67.25,74.1887085 C67.75,75.5637085 67,77.1887085 65.5,77.5637085 L55.25,80.9387085 C53.75,81.4387085 52,80.5637085 51.5,79.0637085 L50.875,77.3137085 C50.5,75.8137085 51.375,74.1887085 52.875,73.6887085 Z",
fill: "#F2F2F2"
}
), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(50.7884, 69.8277)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-success-mask-10", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-success-path-9" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "SVGID_00000091695442429382600100000003029485216806722220_" }), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M-3.66338721,5.73602208 L7.46161279,1.98602208 C8.33661279,1.61102208 9.33661279,2.23602208 9.71161279,3.11102208 L10.7116128,6.23602208 C11.2116128,7.61102208 10.4616128,9.23602208 8.96161279,9.61102208 L-1.28838721,12.9860221 C-2.78838721,13.4860221 -4.53838721,12.6110221 -5.03838721,11.1110221 L-5.53838721,9.48602208 C-6.16338721,7.86102208 -5.28838721,6.23602208 -3.66338721,5.73602208 Z",
fill: "#D8D8D8",
mask: "url(#oceanbase-design-result-success-mask-10)"
}
)), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M0,84.0637085 L29.25,69.5637085 C31.875,67.6887085 36.25,53.6887085 36.25,53.6887085 C36.625,52.0637085 37.875,50.6887085 39.5,50.3137085 L47.875,47.8137085 L46.625,58.3137085 L46.625,58.3137085 C47.25,63.5637085 47.75,71.3137085 40.875,75.8137085 C37.5,79.6887085 26.25,94.1887085 26.25,94.1887085 L11.375,98.1887085 L0,84.0637085 L0,84.0637085 Z",
fill: "#F2F2F2"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M43.875,49.0637085 L48.125,47.8137085 C49.5,47.4387085 51,48.1887085 51.5,49.6887085 L54.75,60.8137085 C54.875,61.3137085 54.625,61.8137085 54.125,61.9387085 L53.5,62.1887085 C50.625,63.0637085 47.625,61.3137085 46.75,58.4387085 L43.875,49.0637085 L43.875,49.0637085 L43.875,49.0637085 Z",
fill: "#F2F2F2"
}
)))))), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M104.75,18.875 L109.125,10.875 C109.25,10.625 109,10.25 108.625,10.125 L105.625,8.875 C105.25,8.75 104.875,8.875 104.75,9.125 L102.25,18 C102.125,18.25 102.375,18.5 102.75,18.625 L103.75,19 C104.25,19.25 104.625,19.125 104.75,18.875 L104.75,18.875 Z",
fill: "#FFA005"
}
), /* @__PURE__ */ import_react.default.createElement(
"path",
{
d: "M110.75,19.125 L120.125,12.25 C120.375,12.125 120.375,11.75 120,11.375 L117.875,9 C117.625,8.75 117.25,8.625 117,8.75 L109,17.25 C108.875,17.375 108.875,17.75 109.125,18 L109.875,18.875 C110.125,19.125 110.5,19.25 110.75,19.125 L110.75,19.125 Z",
fill: "#FFA005"
}
))));
var Success = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: SuccessSvg, ...props });
var Success_default = Success;