@oiper/logo 0.0.0 → 0.0.1
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/dist/index.cjs +23 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.mts +4 -4
- package/dist/index.mjs +23 -20
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -88,46 +88,49 @@ const _excluded = ["brandColor"], _excluded2 = ["brandColor"], _excluded3 = ["ba
|
|
|
88
88
|
function OiPerLogo(_ref) {
|
|
89
89
|
let { brandColor } = _ref;
|
|
90
90
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
|
|
91
|
-
|
|
92
|
-
height: "1em",
|
|
91
|
+
fill: "none",
|
|
93
92
|
width: "1em",
|
|
94
|
-
|
|
93
|
+
height: "1em",
|
|
94
|
+
viewBox: "0 0 444 444",
|
|
95
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
95
96
|
}, _objectWithoutProperties(_ref, _excluded)), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
96
|
-
clipRule: "evenodd",
|
|
97
97
|
fillRule: "evenodd",
|
|
98
|
-
|
|
99
|
-
d: "M444
|
|
98
|
+
clipRule: "evenodd",
|
|
99
|
+
d: "M444 222C444 163.122 420.611 106.655 378.978 65.0223C337.345 23.3892 280.878 0 222 0C163.122 0 106.655 23.3892 65.0223 65.0223C23.3892 106.655 0 163.122 0 222C0 280.878 23.3892 337.345 65.0223 378.978C106.655 420.611 163.122 444 222 444C280.878 444 337.345 420.611 378.978 378.978C420.611 337.345 444 280.878 444 222ZM298.96 222C298.96 203.342 295.285 184.866 288.145 167.628C281.005 150.39 270.539 134.728 257.346 121.534C244.152 108.341 228.49 97.8754 211.252 90.7352C194.014 83.595 175.538 79.92 156.88 79.92C138.222 79.92 119.746 83.595 102.508 90.7352C85.2704 97.8754 69.6076 108.341 56.4143 121.534C43.2209 134.728 32.7554 150.39 25.6152 167.628C18.475 184.866 14.8 203.342 14.8 222C14.8 240.658 18.475 259.134 25.6152 276.372C32.7554 293.61 43.2209 309.272 56.4143 322.466C69.6076 335.659 85.2704 346.125 102.508 353.265C119.746 360.405 138.222 364.08 156.88 364.08C175.538 364.08 194.014 360.405 211.252 353.265C228.49 346.125 244.152 335.659 257.346 322.466C270.539 309.272 281.005 293.61 288.145 276.372C295.285 259.134 298.96 240.658 298.96 222Z",
|
|
100
|
+
fill: brandColor !== null && brandColor !== void 0 ? brandColor : "white"
|
|
100
101
|
}) }));
|
|
101
102
|
}
|
|
102
103
|
function OiPerLogoTray(_ref2) {
|
|
103
104
|
let { brandColor } = _ref2;
|
|
104
105
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
|
|
105
|
-
|
|
106
|
-
height: "1em",
|
|
106
|
+
fill: "none",
|
|
107
107
|
width: "1em",
|
|
108
|
-
|
|
108
|
+
height: "1em",
|
|
109
|
+
viewBox: "0 0 512 512",
|
|
110
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
109
111
|
}, _objectWithoutProperties(_ref2, _excluded2)), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
110
|
-
clipRule: "evenodd",
|
|
111
112
|
fillRule: "evenodd",
|
|
112
|
-
|
|
113
|
-
d: "M478
|
|
113
|
+
clipRule: "evenodd",
|
|
114
|
+
d: "M478 256C478 197.122 454.611 140.655 412.978 99.0223C371.345 57.3892 314.878 34 256 34C197.122 34 140.655 57.3892 99.0223 99.0223C57.3892 140.655 34 197.122 34 256C34 314.878 57.3892 371.345 99.0223 412.978C140.655 454.611 197.122 478 256 478C314.878 478 371.345 454.611 412.978 412.978C454.611 371.345 478 314.878 478 256ZM332.96 256C332.96 237.342 329.285 218.866 322.145 201.628C315.005 184.39 304.539 168.728 291.346 155.534C278.152 142.341 262.49 131.875 245.252 124.735C228.014 117.595 209.538 113.92 190.88 113.92C172.222 113.92 153.746 117.595 136.508 124.735C119.27 131.875 103.608 142.341 90.4143 155.534C77.2209 168.728 66.7554 184.39 59.6152 201.628C52.475 218.866 48.8 237.342 48.8 256C48.8 274.658 52.475 293.134 59.6152 310.372C66.7554 327.61 77.2209 343.272 90.4143 356.466C103.608 369.659 119.27 380.125 136.508 387.265C153.746 394.405 172.222 398.08 190.88 398.08C209.538 398.08 228.014 394.405 245.252 387.265C262.49 380.125 278.152 369.659 291.346 356.466C304.539 343.272 315.005 327.61 322.145 310.372C329.285 293.134 332.96 274.658 332.96 256Z",
|
|
115
|
+
fill: brandColor !== null && brandColor !== void 0 ? brandColor : "white"
|
|
114
116
|
}) }));
|
|
115
117
|
}
|
|
116
118
|
function OiPerLogoBackground(_ref3) {
|
|
117
119
|
let { backgroundColor, brandColor } = _ref3;
|
|
118
120
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
|
|
119
|
-
|
|
120
|
-
height: "1em",
|
|
121
|
+
fill: "none",
|
|
121
122
|
width: "1em",
|
|
122
|
-
|
|
123
|
+
height: "1em",
|
|
124
|
+
viewBox: "0 0 512 512",
|
|
125
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
123
126
|
}, _objectWithoutProperties(_ref3, _excluded3)), {}, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
124
|
-
|
|
125
|
-
|
|
127
|
+
d: "M374.154 0H137.846C61.7158 0 0 61.7158 0 137.846V374.154C0 450.284 61.7158 512 137.846 512H374.154C450.284 512 512 450.284 512 374.154V137.846C512 61.7158 450.284 0 374.154 0Z",
|
|
128
|
+
fill: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : "#282828"
|
|
126
129
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
127
|
-
clipRule: "evenodd",
|
|
128
130
|
fillRule: "evenodd",
|
|
129
|
-
|
|
130
|
-
d: "
|
|
131
|
+
clipRule: "evenodd",
|
|
132
|
+
d: "M466 256C466 200.305 443.875 146.89 404.492 107.508C365.11 68.1249 311.695 46 256 46C200.305 46 146.89 68.1249 107.508 107.508C68.1249 146.89 46 200.305 46 256C46 311.695 68.1249 365.11 107.508 404.492C146.89 443.875 200.305 466 256 466C311.695 466 365.11 443.875 404.492 404.492C443.875 365.11 466 311.695 466 256ZM328.8 256C328.8 238.35 325.324 220.873 318.569 204.567C311.815 188.261 301.915 173.445 289.435 160.965C276.955 148.485 262.139 138.585 245.833 131.831C229.526 125.076 212.05 121.6 194.4 121.6C176.75 121.6 159.274 125.076 142.967 131.831C126.661 138.585 111.845 148.485 99.3649 160.965C86.8847 173.445 76.9848 188.261 70.2306 204.567C63.4764 220.873 60 238.35 60 256C60 273.65 63.4764 291.126 70.2306 307.433C76.9848 323.739 86.8847 338.555 99.3649 351.035C111.845 363.515 126.661 373.415 142.967 380.169C159.274 386.924 176.75 390.4 194.4 390.4C212.05 390.4 229.526 386.924 245.833 380.169C262.139 373.415 276.955 363.515 289.435 351.035C301.915 338.555 311.815 323.739 318.569 307.433C325.324 291.126 328.8 273.65 328.8 256Z",
|
|
133
|
+
fill: brandColor !== null && brandColor !== void 0 ? brandColor : "white"
|
|
131
134
|
})] }));
|
|
132
135
|
}
|
|
133
136
|
//#endregion
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../src/logo.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../src/logo.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nexport function OiPerLogo({\n brandColor,\n ...props\n}: ComponentProps<'svg'> & { brandColor?: string }) {\n return (\n <svg\n fill=\"none\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 444 444\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M444 222C444 163.122 420.611 106.655 378.978 65.0223C337.345 23.3892 280.878 0 222 0C163.122 0 106.655 23.3892 65.0223 65.0223C23.3892 106.655 0 163.122 0 222C0 280.878 23.3892 337.345 65.0223 378.978C106.655 420.611 163.122 444 222 444C280.878 444 337.345 420.611 378.978 378.978C420.611 337.345 444 280.878 444 222ZM298.96 222C298.96 203.342 295.285 184.866 288.145 167.628C281.005 150.39 270.539 134.728 257.346 121.534C244.152 108.341 228.49 97.8754 211.252 90.7352C194.014 83.595 175.538 79.92 156.88 79.92C138.222 79.92 119.746 83.595 102.508 90.7352C85.2704 97.8754 69.6076 108.341 56.4143 121.534C43.2209 134.728 32.7554 150.39 25.6152 167.628C18.475 184.866 14.8 203.342 14.8 222C14.8 240.658 18.475 259.134 25.6152 276.372C32.7554 293.61 43.2209 309.272 56.4143 322.466C69.6076 335.659 85.2704 346.125 102.508 353.265C119.746 360.405 138.222 364.08 156.88 364.08C175.538 364.08 194.014 360.405 211.252 353.265C228.49 346.125 244.152 335.659 257.346 322.466C270.539 309.272 281.005 293.61 288.145 276.372C295.285 259.134 298.96 240.658 298.96 222Z\"\n fill={brandColor ?? 'white'}\n />\n </svg>\n )\n}\n\nexport function OiPerLogoTray({\n brandColor,\n ...props\n}: ComponentProps<'svg'> & { brandColor?: string }) {\n return (\n <svg\n fill=\"none\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 512 512\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M478 256C478 197.122 454.611 140.655 412.978 99.0223C371.345 57.3892 314.878 34 256 34C197.122 34 140.655 57.3892 99.0223 99.0223C57.3892 140.655 34 197.122 34 256C34 314.878 57.3892 371.345 99.0223 412.978C140.655 454.611 197.122 478 256 478C314.878 478 371.345 454.611 412.978 412.978C454.611 371.345 478 314.878 478 256ZM332.96 256C332.96 237.342 329.285 218.866 322.145 201.628C315.005 184.39 304.539 168.728 291.346 155.534C278.152 142.341 262.49 131.875 245.252 124.735C228.014 117.595 209.538 113.92 190.88 113.92C172.222 113.92 153.746 117.595 136.508 124.735C119.27 131.875 103.608 142.341 90.4143 155.534C77.2209 168.728 66.7554 184.39 59.6152 201.628C52.475 218.866 48.8 237.342 48.8 256C48.8 274.658 52.475 293.134 59.6152 310.372C66.7554 327.61 77.2209 343.272 90.4143 356.466C103.608 369.659 119.27 380.125 136.508 387.265C153.746 394.405 172.222 398.08 190.88 398.08C209.538 398.08 228.014 394.405 245.252 387.265C262.49 380.125 278.152 369.659 291.346 356.466C304.539 343.272 315.005 327.61 322.145 310.372C329.285 293.134 332.96 274.658 332.96 256Z\"\n fill={brandColor ?? 'white'}\n />\n </svg>\n )\n}\n\nexport function OiPerLogoBackground({\n backgroundColor,\n brandColor,\n ...props\n}: ComponentProps<'svg'> & {\n backgroundColor?: string\n brandColor?: string\n}) {\n return (\n <svg\n fill=\"none\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 512 512\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M374.154 0H137.846C61.7158 0 0 61.7158 0 137.846V374.154C0 450.284 61.7158 512 137.846 512H374.154C450.284 512 512 450.284 512 374.154V137.846C512 61.7158 450.284 0 374.154 0Z\"\n fill={backgroundColor ?? '#282828'}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M466 256C466 200.305 443.875 146.89 404.492 107.508C365.11 68.1249 311.695 46 256 46C200.305 46 146.89 68.1249 107.508 107.508C68.1249 146.89 46 200.305 46 256C46 311.695 68.1249 365.11 107.508 404.492C146.89 443.875 200.305 466 256 466C311.695 466 365.11 443.875 404.492 404.492C443.875 365.11 466 311.695 466 256ZM328.8 256C328.8 238.35 325.324 220.873 318.569 204.567C311.815 188.261 301.915 173.445 289.435 160.965C276.955 148.485 262.139 138.585 245.833 131.831C229.526 125.076 212.05 121.6 194.4 121.6C176.75 121.6 159.274 125.076 142.967 131.831C126.661 138.585 111.845 148.485 99.3649 160.965C86.8847 173.445 76.9848 188.261 70.2306 204.567C63.4764 220.873 60 238.35 60 256C60 273.65 63.4764 291.126 70.2306 307.433C76.9848 323.739 86.8847 338.555 99.3649 351.035C111.845 363.515 126.661 373.415 142.967 380.169C159.274 386.924 176.75 390.4 194.4 390.4C212.05 390.4 229.526 386.924 245.833 380.169C262.139 373.415 276.955 363.515 289.435 351.035C301.915 338.555 311.815 323.739 318.569 307.433C325.324 291.126 328.8 273.65 328.8 256Z\"\n fill={brandColor ?? 'white'}\n />\n </svg>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAGE,YAAA,GAAA,aAAA,CAuBA,YAAA,GAAA,aAAA,CAuBA,mBACA,YAAA;AAhDF,SAAgB,UAAU,MAG0B;KAH1B,EACxB,eAAA;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAA,eAAA,eAAA;EACC,MAAK;EACL,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;4CACE,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAM,eAAA,QAAA,eAAA,KAAA,IAAA,aAAc;CACrB,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,cAAc,OAGsB;KAHtB,EAC5B,eAAA;CAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAA,eAAA,eAAA;EACC,MAAK;EACL,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;8CACE,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAM,eAAA,QAAA,eAAA,KAAA,IAAA,aAAc;CACrB,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,oBAAoB,OAOjC;KAPiC,EAClC,iBACA,eAAA;CAMA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAA,eAAA,eAAA;EACC,MAAK;EACL,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;8CACE,CAAA,GAAA,CAAA,GAAA,EAAA,UANV,CAQE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAE;EACF,MAAM,oBAAA,QAAA,oBAAA,KAAA,IAAA,kBAAmB;CAC1B,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAM,eAAA,QAAA,eAAA,KAAA,IAAA,aAAc;CACrB,CAAA,CACE,EAAA,CAAA,CAAA;AAET"}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/logo.d.ts
|
|
4
4
|
declare function OiPerLogo({
|
|
5
5
|
brandColor,
|
|
6
6
|
...props
|
|
7
|
-
}:
|
|
7
|
+
}: ComponentProps<'svg'> & {
|
|
8
8
|
brandColor?: string;
|
|
9
9
|
}): import("react").JSX.Element;
|
|
10
10
|
declare function OiPerLogoTray({
|
|
11
11
|
brandColor,
|
|
12
12
|
...props
|
|
13
|
-
}:
|
|
13
|
+
}: ComponentProps<'svg'> & {
|
|
14
14
|
brandColor?: string;
|
|
15
15
|
}): import("react").JSX.Element;
|
|
16
16
|
declare function OiPerLogoBackground({
|
|
17
17
|
backgroundColor,
|
|
18
18
|
brandColor,
|
|
19
19
|
...props
|
|
20
|
-
}:
|
|
20
|
+
}: ComponentProps<'svg'> & {
|
|
21
21
|
backgroundColor?: string;
|
|
22
22
|
brandColor?: string;
|
|
23
23
|
}): import("react").JSX.Element;
|
package/dist/index.d.mts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/logo.d.ts
|
|
4
4
|
declare function OiPerLogo({
|
|
5
5
|
brandColor,
|
|
6
6
|
...props
|
|
7
|
-
}:
|
|
7
|
+
}: ComponentProps<'svg'> & {
|
|
8
8
|
brandColor?: string;
|
|
9
9
|
}): import("react").JSX.Element;
|
|
10
10
|
declare function OiPerLogoTray({
|
|
11
11
|
brandColor,
|
|
12
12
|
...props
|
|
13
|
-
}:
|
|
13
|
+
}: ComponentProps<'svg'> & {
|
|
14
14
|
brandColor?: string;
|
|
15
15
|
}): import("react").JSX.Element;
|
|
16
16
|
declare function OiPerLogoBackground({
|
|
17
17
|
backgroundColor,
|
|
18
18
|
brandColor,
|
|
19
19
|
...props
|
|
20
|
-
}:
|
|
20
|
+
}: ComponentProps<'svg'> & {
|
|
21
21
|
backgroundColor?: string;
|
|
22
22
|
brandColor?: string;
|
|
23
23
|
}): import("react").JSX.Element;
|
package/dist/index.mjs
CHANGED
|
@@ -87,46 +87,49 @@ const _excluded = ["brandColor"], _excluded2 = ["brandColor"], _excluded3 = ["ba
|
|
|
87
87
|
function OiPerLogo(_ref) {
|
|
88
88
|
let { brandColor } = _ref;
|
|
89
89
|
return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
|
|
90
|
-
|
|
91
|
-
height: "1em",
|
|
90
|
+
fill: "none",
|
|
92
91
|
width: "1em",
|
|
93
|
-
|
|
92
|
+
height: "1em",
|
|
93
|
+
viewBox: "0 0 444 444",
|
|
94
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
94
95
|
}, _objectWithoutProperties(_ref, _excluded)), {}, { children: /* @__PURE__ */ jsx("path", {
|
|
95
|
-
clipRule: "evenodd",
|
|
96
96
|
fillRule: "evenodd",
|
|
97
|
-
|
|
98
|
-
d: "M444
|
|
97
|
+
clipRule: "evenodd",
|
|
98
|
+
d: "M444 222C444 163.122 420.611 106.655 378.978 65.0223C337.345 23.3892 280.878 0 222 0C163.122 0 106.655 23.3892 65.0223 65.0223C23.3892 106.655 0 163.122 0 222C0 280.878 23.3892 337.345 65.0223 378.978C106.655 420.611 163.122 444 222 444C280.878 444 337.345 420.611 378.978 378.978C420.611 337.345 444 280.878 444 222ZM298.96 222C298.96 203.342 295.285 184.866 288.145 167.628C281.005 150.39 270.539 134.728 257.346 121.534C244.152 108.341 228.49 97.8754 211.252 90.7352C194.014 83.595 175.538 79.92 156.88 79.92C138.222 79.92 119.746 83.595 102.508 90.7352C85.2704 97.8754 69.6076 108.341 56.4143 121.534C43.2209 134.728 32.7554 150.39 25.6152 167.628C18.475 184.866 14.8 203.342 14.8 222C14.8 240.658 18.475 259.134 25.6152 276.372C32.7554 293.61 43.2209 309.272 56.4143 322.466C69.6076 335.659 85.2704 346.125 102.508 353.265C119.746 360.405 138.222 364.08 156.88 364.08C175.538 364.08 194.014 360.405 211.252 353.265C228.49 346.125 244.152 335.659 257.346 322.466C270.539 309.272 281.005 293.61 288.145 276.372C295.285 259.134 298.96 240.658 298.96 222Z",
|
|
99
|
+
fill: brandColor !== null && brandColor !== void 0 ? brandColor : "white"
|
|
99
100
|
}) }));
|
|
100
101
|
}
|
|
101
102
|
function OiPerLogoTray(_ref2) {
|
|
102
103
|
let { brandColor } = _ref2;
|
|
103
104
|
return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
|
|
104
|
-
|
|
105
|
-
height: "1em",
|
|
105
|
+
fill: "none",
|
|
106
106
|
width: "1em",
|
|
107
|
-
|
|
107
|
+
height: "1em",
|
|
108
|
+
viewBox: "0 0 512 512",
|
|
109
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
108
110
|
}, _objectWithoutProperties(_ref2, _excluded2)), {}, { children: /* @__PURE__ */ jsx("path", {
|
|
109
|
-
clipRule: "evenodd",
|
|
110
111
|
fillRule: "evenodd",
|
|
111
|
-
|
|
112
|
-
d: "M478
|
|
112
|
+
clipRule: "evenodd",
|
|
113
|
+
d: "M478 256C478 197.122 454.611 140.655 412.978 99.0223C371.345 57.3892 314.878 34 256 34C197.122 34 140.655 57.3892 99.0223 99.0223C57.3892 140.655 34 197.122 34 256C34 314.878 57.3892 371.345 99.0223 412.978C140.655 454.611 197.122 478 256 478C314.878 478 371.345 454.611 412.978 412.978C454.611 371.345 478 314.878 478 256ZM332.96 256C332.96 237.342 329.285 218.866 322.145 201.628C315.005 184.39 304.539 168.728 291.346 155.534C278.152 142.341 262.49 131.875 245.252 124.735C228.014 117.595 209.538 113.92 190.88 113.92C172.222 113.92 153.746 117.595 136.508 124.735C119.27 131.875 103.608 142.341 90.4143 155.534C77.2209 168.728 66.7554 184.39 59.6152 201.628C52.475 218.866 48.8 237.342 48.8 256C48.8 274.658 52.475 293.134 59.6152 310.372C66.7554 327.61 77.2209 343.272 90.4143 356.466C103.608 369.659 119.27 380.125 136.508 387.265C153.746 394.405 172.222 398.08 190.88 398.08C209.538 398.08 228.014 394.405 245.252 387.265C262.49 380.125 278.152 369.659 291.346 356.466C304.539 343.272 315.005 327.61 322.145 310.372C329.285 293.134 332.96 274.658 332.96 256Z",
|
|
114
|
+
fill: brandColor !== null && brandColor !== void 0 ? brandColor : "white"
|
|
113
115
|
}) }));
|
|
114
116
|
}
|
|
115
117
|
function OiPerLogoBackground(_ref3) {
|
|
116
118
|
let { backgroundColor, brandColor } = _ref3;
|
|
117
119
|
return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
|
|
118
|
-
|
|
119
|
-
height: "1em",
|
|
120
|
+
fill: "none",
|
|
120
121
|
width: "1em",
|
|
121
|
-
|
|
122
|
+
height: "1em",
|
|
123
|
+
viewBox: "0 0 512 512",
|
|
124
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
122
125
|
}, _objectWithoutProperties(_ref3, _excluded3)), {}, { children: [/* @__PURE__ */ jsx("path", {
|
|
123
|
-
|
|
124
|
-
|
|
126
|
+
d: "M374.154 0H137.846C61.7158 0 0 61.7158 0 137.846V374.154C0 450.284 61.7158 512 137.846 512H374.154C450.284 512 512 450.284 512 374.154V137.846C512 61.7158 450.284 0 374.154 0Z",
|
|
127
|
+
fill: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : "#282828"
|
|
125
128
|
}), /* @__PURE__ */ jsx("path", {
|
|
126
|
-
clipRule: "evenodd",
|
|
127
129
|
fillRule: "evenodd",
|
|
128
|
-
|
|
129
|
-
d: "
|
|
130
|
+
clipRule: "evenodd",
|
|
131
|
+
d: "M466 256C466 200.305 443.875 146.89 404.492 107.508C365.11 68.1249 311.695 46 256 46C200.305 46 146.89 68.1249 107.508 107.508C68.1249 146.89 46 200.305 46 256C46 311.695 68.1249 365.11 107.508 404.492C146.89 443.875 200.305 466 256 466C311.695 466 365.11 443.875 404.492 404.492C443.875 365.11 466 311.695 466 256ZM328.8 256C328.8 238.35 325.324 220.873 318.569 204.567C311.815 188.261 301.915 173.445 289.435 160.965C276.955 148.485 262.139 138.585 245.833 131.831C229.526 125.076 212.05 121.6 194.4 121.6C176.75 121.6 159.274 125.076 142.967 131.831C126.661 138.585 111.845 148.485 99.3649 160.965C86.8847 173.445 76.9848 188.261 70.2306 204.567C63.4764 220.873 60 238.35 60 256C60 273.65 63.4764 291.126 70.2306 307.433C76.9848 323.739 86.8847 338.555 99.3649 351.035C111.845 363.515 126.661 373.415 142.967 380.169C159.274 386.924 176.75 390.4 194.4 390.4C212.05 390.4 229.526 386.924 245.833 380.169C262.139 373.415 276.955 363.515 289.435 351.035C301.915 338.555 311.815 323.739 318.569 307.433C325.324 291.126 328.8 273.65 328.8 256Z",
|
|
132
|
+
fill: brandColor !== null && brandColor !== void 0 ? brandColor : "white"
|
|
130
133
|
})] }));
|
|
131
134
|
}
|
|
132
135
|
//#endregion
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../src/logo.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/logo.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nexport function OiPerLogo({\n brandColor,\n ...props\n}: ComponentProps<'svg'> & { brandColor?: string }) {\n return (\n <svg\n fill=\"none\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 444 444\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M444 222C444 163.122 420.611 106.655 378.978 65.0223C337.345 23.3892 280.878 0 222 0C163.122 0 106.655 23.3892 65.0223 65.0223C23.3892 106.655 0 163.122 0 222C0 280.878 23.3892 337.345 65.0223 378.978C106.655 420.611 163.122 444 222 444C280.878 444 337.345 420.611 378.978 378.978C420.611 337.345 444 280.878 444 222ZM298.96 222C298.96 203.342 295.285 184.866 288.145 167.628C281.005 150.39 270.539 134.728 257.346 121.534C244.152 108.341 228.49 97.8754 211.252 90.7352C194.014 83.595 175.538 79.92 156.88 79.92C138.222 79.92 119.746 83.595 102.508 90.7352C85.2704 97.8754 69.6076 108.341 56.4143 121.534C43.2209 134.728 32.7554 150.39 25.6152 167.628C18.475 184.866 14.8 203.342 14.8 222C14.8 240.658 18.475 259.134 25.6152 276.372C32.7554 293.61 43.2209 309.272 56.4143 322.466C69.6076 335.659 85.2704 346.125 102.508 353.265C119.746 360.405 138.222 364.08 156.88 364.08C175.538 364.08 194.014 360.405 211.252 353.265C228.49 346.125 244.152 335.659 257.346 322.466C270.539 309.272 281.005 293.61 288.145 276.372C295.285 259.134 298.96 240.658 298.96 222Z\"\n fill={brandColor ?? 'white'}\n />\n </svg>\n )\n}\n\nexport function OiPerLogoTray({\n brandColor,\n ...props\n}: ComponentProps<'svg'> & { brandColor?: string }) {\n return (\n <svg\n fill=\"none\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 512 512\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M478 256C478 197.122 454.611 140.655 412.978 99.0223C371.345 57.3892 314.878 34 256 34C197.122 34 140.655 57.3892 99.0223 99.0223C57.3892 140.655 34 197.122 34 256C34 314.878 57.3892 371.345 99.0223 412.978C140.655 454.611 197.122 478 256 478C314.878 478 371.345 454.611 412.978 412.978C454.611 371.345 478 314.878 478 256ZM332.96 256C332.96 237.342 329.285 218.866 322.145 201.628C315.005 184.39 304.539 168.728 291.346 155.534C278.152 142.341 262.49 131.875 245.252 124.735C228.014 117.595 209.538 113.92 190.88 113.92C172.222 113.92 153.746 117.595 136.508 124.735C119.27 131.875 103.608 142.341 90.4143 155.534C77.2209 168.728 66.7554 184.39 59.6152 201.628C52.475 218.866 48.8 237.342 48.8 256C48.8 274.658 52.475 293.134 59.6152 310.372C66.7554 327.61 77.2209 343.272 90.4143 356.466C103.608 369.659 119.27 380.125 136.508 387.265C153.746 394.405 172.222 398.08 190.88 398.08C209.538 398.08 228.014 394.405 245.252 387.265C262.49 380.125 278.152 369.659 291.346 356.466C304.539 343.272 315.005 327.61 322.145 310.372C329.285 293.134 332.96 274.658 332.96 256Z\"\n fill={brandColor ?? 'white'}\n />\n </svg>\n )\n}\n\nexport function OiPerLogoBackground({\n backgroundColor,\n brandColor,\n ...props\n}: ComponentProps<'svg'> & {\n backgroundColor?: string\n brandColor?: string\n}) {\n return (\n <svg\n fill=\"none\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 512 512\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M374.154 0H137.846C61.7158 0 0 61.7158 0 137.846V374.154C0 450.284 61.7158 512 137.846 512H374.154C450.284 512 512 450.284 512 374.154V137.846C512 61.7158 450.284 0 374.154 0Z\"\n fill={backgroundColor ?? '#282828'}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M466 256C466 200.305 443.875 146.89 404.492 107.508C365.11 68.1249 311.695 46 256 46C200.305 46 146.89 68.1249 107.508 107.508C68.1249 146.89 46 200.305 46 256C46 311.695 68.1249 365.11 107.508 404.492C146.89 443.875 200.305 466 256 466C311.695 466 365.11 443.875 404.492 404.492C443.875 365.11 466 311.695 466 256ZM328.8 256C328.8 238.35 325.324 220.873 318.569 204.567C311.815 188.261 301.915 173.445 289.435 160.965C276.955 148.485 262.139 138.585 245.833 131.831C229.526 125.076 212.05 121.6 194.4 121.6C176.75 121.6 159.274 125.076 142.967 131.831C126.661 138.585 111.845 148.485 99.3649 160.965C86.8847 173.445 76.9848 188.261 70.2306 204.567C63.4764 220.873 60 238.35 60 256C60 273.65 63.4764 291.126 70.2306 307.433C76.9848 323.739 86.8847 338.555 99.3649 351.035C111.845 363.515 126.661 373.415 142.967 380.169C159.274 386.924 176.75 390.4 194.4 390.4C212.05 390.4 229.526 386.924 245.833 380.169C262.139 373.415 276.955 363.515 289.435 351.035C301.915 338.555 311.815 323.739 318.569 307.433C325.324 291.126 328.8 273.65 328.8 256Z\"\n fill={brandColor ?? 'white'}\n />\n </svg>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAGE,YAAA,GAAA,aAAA,CAuBA,YAAA,GAAA,aAAA,CAuBA,mBACA,YAAA;AAhDF,SAAgB,UAAU,MAG0B;KAH1B,EACxB,eAAA;CAGA,OACE,oBAAC,OAAA,eAAA,eAAA;EACC,MAAK;EACL,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;4CACE,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAM,eAAA,QAAA,eAAA,KAAA,IAAA,aAAc;CACrB,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,cAAc,OAGsB;KAHtB,EAC5B,eAAA;CAGA,OACE,oBAAC,OAAA,eAAA,eAAA;EACC,MAAK;EACL,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;8CACE,CAAA,GAAA,CAAA,GAAA,EAAA,UAER,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAM,eAAA,QAAA,eAAA,KAAA,IAAA,aAAc;CACrB,CAAA,EAAA,CACE,CAAA;AAET;AAEA,SAAgB,oBAAoB,OAOjC;KAPiC,EAClC,iBACA,eAAA;CAMA,OACE,qBAAC,OAAA,eAAA,eAAA;EACC,MAAK;EACL,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;8CACE,CAAA,GAAA,CAAA,GAAA,EAAA,UANV,CAQE,oBAAC,QAAD;EACE,GAAE;EACF,MAAM,oBAAA,QAAA,oBAAA,KAAA,IAAA,kBAAmB;CAC1B,CAAA,GACD,oBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAM,eAAA,QAAA,eAAA,KAAA,IAAA,aAAc;CACrB,CAAA,CACE,EAAA,CAAA,CAAA;AAET"}
|