@oiper/logo 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -0
- package/dist/index.cjs +138 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +26 -0
- package/dist/index.d.mts +26 -0
- package/dist/index.mjs +135 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +59 -0
package/README.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# @oiper/logo
|
|
2
|
+
|
|
3
|
+
The official OiPer logo as React components. Use these across services so the brand mark stays consistent everywhere.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
npm install @oiper/logo
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```tsx
|
|
14
|
+
import { OiPerLogo, OiPerLogoTray, OiPerLogoBackground } from '@oiper/logo'
|
|
15
|
+
|
|
16
|
+
;<OiPerLogo width={48} height={48} />
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## License
|
|
20
|
+
|
|
21
|
+
Free to use as long as you follow the OiPer brand guidelines.
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
3
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/objectWithoutPropertiesLoose.js
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
5
|
+
if (null == r) return {};
|
|
6
|
+
var t = {};
|
|
7
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
8
|
+
if (e.includes(n)) continue;
|
|
9
|
+
t[n] = r[n];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
}
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/objectWithoutProperties.js
|
|
15
|
+
function _objectWithoutProperties(e, t) {
|
|
16
|
+
if (null == e) return {};
|
|
17
|
+
var o, r, i = _objectWithoutPropertiesLoose(e, t);
|
|
18
|
+
if (Object.getOwnPropertySymbols) {
|
|
19
|
+
var s = Object.getOwnPropertySymbols(e);
|
|
20
|
+
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
21
|
+
}
|
|
22
|
+
return i;
|
|
23
|
+
}
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
|
|
26
|
+
function _typeof(o) {
|
|
27
|
+
"@babel/helpers - typeof";
|
|
28
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
|
|
29
|
+
return typeof o;
|
|
30
|
+
} : function(o) {
|
|
31
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
32
|
+
}, _typeof(o);
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
|
|
36
|
+
function toPrimitive(t, r) {
|
|
37
|
+
if ("object" != _typeof(t) || !t) return t;
|
|
38
|
+
var e = t[Symbol.toPrimitive];
|
|
39
|
+
if (void 0 !== e) {
|
|
40
|
+
var i = e.call(t, r || "default");
|
|
41
|
+
if ("object" != _typeof(i)) return i;
|
|
42
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
43
|
+
}
|
|
44
|
+
return ("string" === r ? String : Number)(t);
|
|
45
|
+
}
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
|
|
48
|
+
function toPropertyKey(t) {
|
|
49
|
+
var i = toPrimitive(t, "string");
|
|
50
|
+
return "symbol" == _typeof(i) ? i : i + "";
|
|
51
|
+
}
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
|
|
54
|
+
function _defineProperty(e, r, t) {
|
|
55
|
+
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
56
|
+
value: t,
|
|
57
|
+
enumerable: !0,
|
|
58
|
+
configurable: !0,
|
|
59
|
+
writable: !0
|
|
60
|
+
}) : e[r] = t, e;
|
|
61
|
+
}
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/objectSpread2.js
|
|
64
|
+
function ownKeys(e, r) {
|
|
65
|
+
var t = Object.keys(e);
|
|
66
|
+
if (Object.getOwnPropertySymbols) {
|
|
67
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
68
|
+
r && (o = o.filter(function(r) {
|
|
69
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
70
|
+
})), t.push.apply(t, o);
|
|
71
|
+
}
|
|
72
|
+
return t;
|
|
73
|
+
}
|
|
74
|
+
function _objectSpread2(e) {
|
|
75
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
76
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
77
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
|
|
78
|
+
_defineProperty(e, r, t[r]);
|
|
79
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
|
|
80
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
return e;
|
|
84
|
+
}
|
|
85
|
+
//#endregion
|
|
86
|
+
//#region src/logo.tsx
|
|
87
|
+
const _excluded = ["brandColor"], _excluded2 = ["brandColor"], _excluded3 = ["backgroundColor", "brandColor"];
|
|
88
|
+
function OiPerLogo(_ref) {
|
|
89
|
+
let { brandColor } = _ref;
|
|
90
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
|
|
91
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
92
|
+
height: "1em",
|
|
93
|
+
width: "1em",
|
|
94
|
+
fill: "none"
|
|
95
|
+
}, _objectWithoutProperties(_ref, _excluded)), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
96
|
+
clipRule: "evenodd",
|
|
97
|
+
fillRule: "evenodd",
|
|
98
|
+
fill: brandColor || "#FFFFFF",
|
|
99
|
+
d: "M444 222a222 222 0 1 0-443.999-.001A222 222 0 0 0 444 222Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.091 142.091 0 0 0 156.88 79.92 142.082 142.082 0 0 0 14.8 222a142.082 142.082 0 0 0 142.08 142.08 142.086 142.086 0 0 0 100.466-41.614A142.088 142.088 0 0 0 298.96 222Z"
|
|
100
|
+
}) }));
|
|
101
|
+
}
|
|
102
|
+
function OiPerLogoTray(_ref2) {
|
|
103
|
+
let { brandColor } = _ref2;
|
|
104
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
|
|
105
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
106
|
+
height: "1em",
|
|
107
|
+
width: "1em",
|
|
108
|
+
fill: "none"
|
|
109
|
+
}, _objectWithoutProperties(_ref2, _excluded2)), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
110
|
+
clipRule: "evenodd",
|
|
111
|
+
fillRule: "evenodd",
|
|
112
|
+
fill: brandColor || "#FFFFFF",
|
|
113
|
+
d: "M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z"
|
|
114
|
+
}) }));
|
|
115
|
+
}
|
|
116
|
+
function OiPerLogoBackground(_ref3) {
|
|
117
|
+
let { backgroundColor, brandColor } = _ref3;
|
|
118
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
|
|
119
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
120
|
+
height: "1em",
|
|
121
|
+
width: "1em",
|
|
122
|
+
fill: "none"
|
|
123
|
+
}, _objectWithoutProperties(_ref3, _excluded3)), {}, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
124
|
+
fill: backgroundColor || "#282828",
|
|
125
|
+
d: "M374.154 0H137.846C61.716 0 0 61.716 0 137.846v236.308C0 450.284 61.716 512 137.846 512h236.308C450.284 512 512 450.284 512 374.154V137.846C512 61.716 450.284 0 374.154 0Z"
|
|
126
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
127
|
+
clipRule: "evenodd",
|
|
128
|
+
fillRule: "evenodd",
|
|
129
|
+
fill: brandColor || "#FFFFFF",
|
|
130
|
+
d: "M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z"
|
|
131
|
+
})] }));
|
|
132
|
+
}
|
|
133
|
+
//#endregion
|
|
134
|
+
exports.OiPerLogo = OiPerLogo;
|
|
135
|
+
exports.OiPerLogoBackground = OiPerLogoBackground;
|
|
136
|
+
exports.OiPerLogoTray = OiPerLogoTray;
|
|
137
|
+
|
|
138
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../src/logo.tsx"],"sourcesContent":["import { SVGProps } from 'react'\n\nexport function OiPerLogo({\n brandColor,\n ...props\n}: SVGProps<SVGSVGElement> & { brandColor?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n width=\"1em\"\n fill=\"none\"\n {...props}\n >\n <path\n clipRule=\"evenodd\"\n fillRule=\"evenodd\"\n fill={brandColor || '#FFFFFF'}\n d=\"M444 222a222 222 0 1 0-443.999-.001A222 222 0 0 0 444 222Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.091 142.091 0 0 0 156.88 79.92 142.082 142.082 0 0 0 14.8 222a142.082 142.082 0 0 0 142.08 142.08 142.086 142.086 0 0 0 100.466-41.614A142.088 142.088 0 0 0 298.96 222Z\"\n />\n </svg>\n )\n}\n\nexport function OiPerLogoTray({\n brandColor,\n ...props\n}: SVGProps<SVGSVGElement> & { brandColor?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n width=\"1em\"\n fill=\"none\"\n {...props}\n >\n <path\n clipRule=\"evenodd\"\n fillRule=\"evenodd\"\n fill={brandColor || '#FFFFFF'}\n d=\"M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z\"\n />\n </svg>\n )\n}\n\nexport function OiPerLogoBackground({\n backgroundColor,\n brandColor,\n ...props\n}: SVGProps<SVGSVGElement> & {\n backgroundColor?: string\n brandColor?: string\n}) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n width=\"1em\"\n fill=\"none\"\n {...props}\n >\n <path\n fill={backgroundColor || '#282828'}\n d=\"M374.154 0H137.846C61.716 0 0 61.716 0 137.846v236.308C0 450.284 61.716 512 137.846 512h236.308C450.284 512 512 450.284 512 374.154V137.846C512 61.716 450.284 0 374.154 0Z\"\n />\n <path\n clipRule=\"evenodd\"\n fillRule=\"evenodd\"\n fill={brandColor || '#FFFFFF'}\n d=\"M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z\"\n />\n </svg>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAGE,YAAA,GAAA,aAAA,CAsBA,YAAA,GAAA,aAAA,CAsBA,mBACA,YAAA;AA9CF,SAAgB,UAAU,MAG4B;KAH5B,EACxB,eAAA;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAA,eAAA,eAAA;EACC,OAAM;EACN,QAAO;EACP,OAAM;EACN,MAAK;4CACG,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,MAAM,cAAc;EACpB,GAAE;CACH,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,cAAc,OAGwB;KAHxB,EAC5B,eAAA;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAA,eAAA,eAAA;EACC,OAAM;EACN,QAAO;EACP,OAAM;EACN,MAAK;8CACG,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,MAAM,cAAc;EACpB,GAAE;CACH,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,oBAAoB,OAOjC;KAPiC,EAClC,iBACA,eAAA;CAMA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAA,eAAA,eAAA;EACC,OAAM;EACN,QAAO;EACP,OAAM;EACN,MAAK;8CACG,CAAA,GAAA,CAAA,GAAA,EAAA,UALV,CAOE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,MAAM,mBAAmB;EACzB,GAAE;CACH,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,MAAM,cAAc;EACpB,GAAE;CACH,CAAA,CACE,EAAA,CAAA,CAAA;AAET"}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { SVGProps } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/logo.d.ts
|
|
4
|
+
declare function OiPerLogo({
|
|
5
|
+
brandColor,
|
|
6
|
+
...props
|
|
7
|
+
}: SVGProps<SVGSVGElement> & {
|
|
8
|
+
brandColor?: string;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
declare function OiPerLogoTray({
|
|
11
|
+
brandColor,
|
|
12
|
+
...props
|
|
13
|
+
}: SVGProps<SVGSVGElement> & {
|
|
14
|
+
brandColor?: string;
|
|
15
|
+
}): import("react").JSX.Element;
|
|
16
|
+
declare function OiPerLogoBackground({
|
|
17
|
+
backgroundColor,
|
|
18
|
+
brandColor,
|
|
19
|
+
...props
|
|
20
|
+
}: SVGProps<SVGSVGElement> & {
|
|
21
|
+
backgroundColor?: string;
|
|
22
|
+
brandColor?: string;
|
|
23
|
+
}): import("react").JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
export { OiPerLogo, OiPerLogoBackground, OiPerLogoTray };
|
|
26
|
+
//# sourceMappingURL=index.d.cts.map
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { SVGProps } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/logo.d.ts
|
|
4
|
+
declare function OiPerLogo({
|
|
5
|
+
brandColor,
|
|
6
|
+
...props
|
|
7
|
+
}: SVGProps<SVGSVGElement> & {
|
|
8
|
+
brandColor?: string;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
declare function OiPerLogoTray({
|
|
11
|
+
brandColor,
|
|
12
|
+
...props
|
|
13
|
+
}: SVGProps<SVGSVGElement> & {
|
|
14
|
+
brandColor?: string;
|
|
15
|
+
}): import("react").JSX.Element;
|
|
16
|
+
declare function OiPerLogoBackground({
|
|
17
|
+
backgroundColor,
|
|
18
|
+
brandColor,
|
|
19
|
+
...props
|
|
20
|
+
}: SVGProps<SVGSVGElement> & {
|
|
21
|
+
backgroundColor?: string;
|
|
22
|
+
brandColor?: string;
|
|
23
|
+
}): import("react").JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
export { OiPerLogo, OiPerLogoBackground, OiPerLogoTray };
|
|
26
|
+
//# sourceMappingURL=index.d.mts.map
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/objectWithoutPropertiesLoose.js
|
|
3
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
4
|
+
if (null == r) return {};
|
|
5
|
+
var t = {};
|
|
6
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
7
|
+
if (e.includes(n)) continue;
|
|
8
|
+
t[n] = r[n];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
}
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/objectWithoutProperties.js
|
|
14
|
+
function _objectWithoutProperties(e, t) {
|
|
15
|
+
if (null == e) return {};
|
|
16
|
+
var o, r, i = _objectWithoutPropertiesLoose(e, t);
|
|
17
|
+
if (Object.getOwnPropertySymbols) {
|
|
18
|
+
var s = Object.getOwnPropertySymbols(e);
|
|
19
|
+
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
20
|
+
}
|
|
21
|
+
return i;
|
|
22
|
+
}
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
|
|
25
|
+
function _typeof(o) {
|
|
26
|
+
"@babel/helpers - typeof";
|
|
27
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
|
|
28
|
+
return typeof o;
|
|
29
|
+
} : function(o) {
|
|
30
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
31
|
+
}, _typeof(o);
|
|
32
|
+
}
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
|
|
35
|
+
function toPrimitive(t, r) {
|
|
36
|
+
if ("object" != _typeof(t) || !t) return t;
|
|
37
|
+
var e = t[Symbol.toPrimitive];
|
|
38
|
+
if (void 0 !== e) {
|
|
39
|
+
var i = e.call(t, r || "default");
|
|
40
|
+
if ("object" != _typeof(i)) return i;
|
|
41
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
42
|
+
}
|
|
43
|
+
return ("string" === r ? String : Number)(t);
|
|
44
|
+
}
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
|
|
47
|
+
function toPropertyKey(t) {
|
|
48
|
+
var i = toPrimitive(t, "string");
|
|
49
|
+
return "symbol" == _typeof(i) ? i : i + "";
|
|
50
|
+
}
|
|
51
|
+
//#endregion
|
|
52
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
|
|
53
|
+
function _defineProperty(e, r, t) {
|
|
54
|
+
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
55
|
+
value: t,
|
|
56
|
+
enumerable: !0,
|
|
57
|
+
configurable: !0,
|
|
58
|
+
writable: !0
|
|
59
|
+
}) : e[r] = t, e;
|
|
60
|
+
}
|
|
61
|
+
//#endregion
|
|
62
|
+
//#region \0@oxc-project+runtime@0.137.0/helpers/esm/objectSpread2.js
|
|
63
|
+
function ownKeys(e, r) {
|
|
64
|
+
var t = Object.keys(e);
|
|
65
|
+
if (Object.getOwnPropertySymbols) {
|
|
66
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
67
|
+
r && (o = o.filter(function(r) {
|
|
68
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
69
|
+
})), t.push.apply(t, o);
|
|
70
|
+
}
|
|
71
|
+
return t;
|
|
72
|
+
}
|
|
73
|
+
function _objectSpread2(e) {
|
|
74
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
75
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
76
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
|
|
77
|
+
_defineProperty(e, r, t[r]);
|
|
78
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
|
|
79
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
return e;
|
|
83
|
+
}
|
|
84
|
+
//#endregion
|
|
85
|
+
//#region src/logo.tsx
|
|
86
|
+
const _excluded = ["brandColor"], _excluded2 = ["brandColor"], _excluded3 = ["backgroundColor", "brandColor"];
|
|
87
|
+
function OiPerLogo(_ref) {
|
|
88
|
+
let { brandColor } = _ref;
|
|
89
|
+
return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
|
|
90
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
91
|
+
height: "1em",
|
|
92
|
+
width: "1em",
|
|
93
|
+
fill: "none"
|
|
94
|
+
}, _objectWithoutProperties(_ref, _excluded)), {}, { children: /* @__PURE__ */ jsx("path", {
|
|
95
|
+
clipRule: "evenodd",
|
|
96
|
+
fillRule: "evenodd",
|
|
97
|
+
fill: brandColor || "#FFFFFF",
|
|
98
|
+
d: "M444 222a222 222 0 1 0-443.999-.001A222 222 0 0 0 444 222Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.091 142.091 0 0 0 156.88 79.92 142.082 142.082 0 0 0 14.8 222a142.082 142.082 0 0 0 142.08 142.08 142.086 142.086 0 0 0 100.466-41.614A142.088 142.088 0 0 0 298.96 222Z"
|
|
99
|
+
}) }));
|
|
100
|
+
}
|
|
101
|
+
function OiPerLogoTray(_ref2) {
|
|
102
|
+
let { brandColor } = _ref2;
|
|
103
|
+
return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
|
|
104
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
105
|
+
height: "1em",
|
|
106
|
+
width: "1em",
|
|
107
|
+
fill: "none"
|
|
108
|
+
}, _objectWithoutProperties(_ref2, _excluded2)), {}, { children: /* @__PURE__ */ jsx("path", {
|
|
109
|
+
clipRule: "evenodd",
|
|
110
|
+
fillRule: "evenodd",
|
|
111
|
+
fill: brandColor || "#FFFFFF",
|
|
112
|
+
d: "M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z"
|
|
113
|
+
}) }));
|
|
114
|
+
}
|
|
115
|
+
function OiPerLogoBackground(_ref3) {
|
|
116
|
+
let { backgroundColor, brandColor } = _ref3;
|
|
117
|
+
return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
|
|
118
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
119
|
+
height: "1em",
|
|
120
|
+
width: "1em",
|
|
121
|
+
fill: "none"
|
|
122
|
+
}, _objectWithoutProperties(_ref3, _excluded3)), {}, { children: [/* @__PURE__ */ jsx("path", {
|
|
123
|
+
fill: backgroundColor || "#282828",
|
|
124
|
+
d: "M374.154 0H137.846C61.716 0 0 61.716 0 137.846v236.308C0 450.284 61.716 512 137.846 512h236.308C450.284 512 512 450.284 512 374.154V137.846C512 61.716 450.284 0 374.154 0Z"
|
|
125
|
+
}), /* @__PURE__ */ jsx("path", {
|
|
126
|
+
clipRule: "evenodd",
|
|
127
|
+
fillRule: "evenodd",
|
|
128
|
+
fill: brandColor || "#FFFFFF",
|
|
129
|
+
d: "M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z"
|
|
130
|
+
})] }));
|
|
131
|
+
}
|
|
132
|
+
//#endregion
|
|
133
|
+
export { OiPerLogo, OiPerLogoBackground, OiPerLogoTray };
|
|
134
|
+
|
|
135
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/logo.tsx"],"sourcesContent":["import { SVGProps } from 'react'\n\nexport function OiPerLogo({\n brandColor,\n ...props\n}: SVGProps<SVGSVGElement> & { brandColor?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n width=\"1em\"\n fill=\"none\"\n {...props}\n >\n <path\n clipRule=\"evenodd\"\n fillRule=\"evenodd\"\n fill={brandColor || '#FFFFFF'}\n d=\"M444 222a222 222 0 1 0-443.999-.001A222 222 0 0 0 444 222Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.091 142.091 0 0 0 156.88 79.92 142.082 142.082 0 0 0 14.8 222a142.082 142.082 0 0 0 142.08 142.08 142.086 142.086 0 0 0 100.466-41.614A142.088 142.088 0 0 0 298.96 222Z\"\n />\n </svg>\n )\n}\n\nexport function OiPerLogoTray({\n brandColor,\n ...props\n}: SVGProps<SVGSVGElement> & { brandColor?: string }) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n width=\"1em\"\n fill=\"none\"\n {...props}\n >\n <path\n clipRule=\"evenodd\"\n fillRule=\"evenodd\"\n fill={brandColor || '#FFFFFF'}\n d=\"M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z\"\n />\n </svg>\n )\n}\n\nexport function OiPerLogoBackground({\n backgroundColor,\n brandColor,\n ...props\n}: SVGProps<SVGSVGElement> & {\n backgroundColor?: string\n brandColor?: string\n}) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n width=\"1em\"\n fill=\"none\"\n {...props}\n >\n <path\n fill={backgroundColor || '#282828'}\n d=\"M374.154 0H137.846C61.716 0 0 61.716 0 137.846v236.308C0 450.284 61.716 512 137.846 512h236.308C450.284 512 512 450.284 512 374.154V137.846C512 61.716 450.284 0 374.154 0Z\"\n />\n <path\n clipRule=\"evenodd\"\n fillRule=\"evenodd\"\n fill={brandColor || '#FFFFFF'}\n d=\"M478 256a222 222 0 1 0-443.999-.001A222 222 0 0 0 478 256Zm-145.04 0a142.086 142.086 0 0 0-41.614-100.466A142.088 142.088 0 0 0 190.88 113.92a142.086 142.086 0 0 0-100.466 41.614 142.085 142.085 0 0 0-30.799 154.838 142.085 142.085 0 0 0 76.893 76.893 142.086 142.086 0 0 0 154.838-30.799A142.088 142.088 0 0 0 332.96 256Z\"\n />\n </svg>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAGE,YAAA,GAAA,aAAA,CAsBA,YAAA,GAAA,aAAA,CAsBA,mBACA,YAAA;AA9CF,SAAgB,UAAU,MAG4B;KAH5B,EACxB,eAAA;CAGA,OACE,oBAAC,OAAA,eAAA,eAAA;EACC,OAAM;EACN,QAAO;EACP,OAAM;EACN,MAAK;4CACG,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,MAAM,cAAc;EACpB,GAAE;CACH,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,cAAc,OAGwB;KAHxB,EAC5B,eAAA;CAGA,OACE,oBAAC,OAAA,eAAA,eAAA;EACC,OAAM;EACN,QAAO;EACP,OAAM;EACN,MAAK;8CACG,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,MAAM,cAAc;EACpB,GAAE;CACH,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,oBAAoB,OAOjC;KAPiC,EAClC,iBACA,eAAA;CAMA,OACE,qBAAC,OAAA,eAAA,eAAA;EACC,OAAM;EACN,QAAO;EACP,OAAM;EACN,MAAK;8CACG,CAAA,GAAA,CAAA,GAAA,EAAA,UALV,CAOE,oBAAC,QAAD;EACE,MAAM,mBAAmB;EACzB,GAAE;CACH,CAAA,GACD,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,MAAM,cAAc;EACpB,GAAE;CACH,CAAA,CACE,EAAA,CAAA,CAAA;AAET"}
|
package/package.json
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@oiper/logo",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"sideEffects": false,
|
|
6
|
+
"scripts": {
|
|
7
|
+
"lint": "eslint .",
|
|
8
|
+
"lint:fix": "eslint . --fix",
|
|
9
|
+
"typecheck": "tsc --noEmit",
|
|
10
|
+
"typecheck:watch": "tsc --noEmit --watch",
|
|
11
|
+
"build": "tsdown --config ./tsdown.config.ts",
|
|
12
|
+
"dev": "concurrently --names \"R,T\" --prefix-colors \"blue.dim,magenta.dim\" \"tsdown --config ./tsdown.config.ts --watch\" \"tsc --noEmit --watch\"",
|
|
13
|
+
"start": "tsx --watch ./src/index.ts"
|
|
14
|
+
},
|
|
15
|
+
"main": "./dist/index.cjs",
|
|
16
|
+
"module": "./dist/index.mjs",
|
|
17
|
+
"exports": {
|
|
18
|
+
".": {
|
|
19
|
+
"import": "./dist/index.mjs",
|
|
20
|
+
"require": "./dist/index.cjs"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"typesVersions": {
|
|
24
|
+
"*": {
|
|
25
|
+
".": [
|
|
26
|
+
"./dist/index.d.mts",
|
|
27
|
+
"./dist/index.d.cts"
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@eslint/compat": "^1.4.1",
|
|
33
|
+
"@eslint/eslintrc": "^3.3.5",
|
|
34
|
+
"@eslint/js": "^9.39.4",
|
|
35
|
+
"@types/node": "^25.9.4",
|
|
36
|
+
"@types/react": "^19.2.17",
|
|
37
|
+
"@types/react-dom": "^19.2.3",
|
|
38
|
+
"@typescript-eslint/eslint-plugin": "^8.62.0",
|
|
39
|
+
"@typescript-eslint/parser": "^8.62.0",
|
|
40
|
+
"concurrently": "^10.0.3",
|
|
41
|
+
"eslint": "^9.39.4",
|
|
42
|
+
"eslint-config-prettier": "^10.1.8",
|
|
43
|
+
"eslint-plugin-check-file": "^3.3.1",
|
|
44
|
+
"eslint-plugin-import": "^2.32.0",
|
|
45
|
+
"eslint-plugin-prettier": "^5.5.6",
|
|
46
|
+
"husky": "^9.1.7",
|
|
47
|
+
"prettier": "^3.8.4",
|
|
48
|
+
"prettier-plugin-organize-imports": "^4.3.0",
|
|
49
|
+
"tsdown": "^0.22.3",
|
|
50
|
+
"tslib": "^2.8.1",
|
|
51
|
+
"tsx": "^4.22.4",
|
|
52
|
+
"typescript": "^5.9.3",
|
|
53
|
+
"typescript-eslint": "^8.62.0"
|
|
54
|
+
},
|
|
55
|
+
"peerDependencies": {
|
|
56
|
+
"react": ">=18.0.0",
|
|
57
|
+
"react-dom": ">=18.0.0"
|
|
58
|
+
}
|
|
59
|
+
}
|