@variocube/app-ui 1.14.1 → 1.14.2
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/esm/logo/VCLogo.js +7 -8
- package/esm/logo/VCLogo.js.map +1 -1
- package/esm/logo/VCLogoIcon.js +3 -3
- package/esm/logo/VCLogoIcon.js.map +1 -1
- package/package.json +1 -1
- package/src/logo/VCLogo.tsx +59 -49
- package/src/logo/VCLogoIcon.tsx +58 -48
package/esm/logo/VCLogo.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { useTheme } from "@mui/material";
|
|
2
|
+
import React from "react";
|
|
3
3
|
export function VCLogo(props) {
|
|
4
4
|
const theme = useTheme();
|
|
5
5
|
if (theme.palette.mode == "light") {
|
|
@@ -14,18 +14,17 @@ export const VCLogoBlueOrange = (props) => (React.createElement("svg", Object.as
|
|
|
14
14
|
clipRule: "evenodd",
|
|
15
15
|
strokeLinejoin: "round",
|
|
16
16
|
strokeMiterlimit: 2,
|
|
17
|
-
}, width: 260, height: 52 }, props),
|
|
18
|
-
React.createElement("path", { style: { fill: "#05164d"
|
|
19
|
-
React.createElement("path", { d: "M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54Z", style: { fill: "#05164d", fillRule: "nonzero"
|
|
20
|
-
React.createElement("path", { d: "M0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z", style: { fill: "#ff6a00", fillRule: "nonzero"
|
|
17
|
+
}, width: 260, height: 52, display: "block" }, props),
|
|
18
|
+
React.createElement("path", { style: { fill: "#05164d" }, d: "M130 12.75h6.71v25.51H130z" }),
|
|
19
|
+
React.createElement("path", { d: "M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54Z", style: { fill: "#05164d", fillRule: "nonzero" } }),
|
|
20
|
+
React.createElement("path", { d: "M0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z", style: { fill: "#ff6a00", fillRule: "nonzero" } })));
|
|
21
21
|
export const VCLogoWhite = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 260 52", xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
|
|
22
22
|
fillRule: "evenodd",
|
|
23
23
|
clipRule: "evenodd",
|
|
24
24
|
strokeLinejoin: "round",
|
|
25
25
|
strokeMiterlimit: 2,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
React.createElement("path", { style: { fill: "#fff", }, d: "M130 12.75h6.71v25.51H130z" }),
|
|
26
|
+
}, width: 260, height: 52, display: "block" }, props),
|
|
27
|
+
React.createElement("path", { style: { fill: "#fff" }, d: "M130 12.75h6.71v25.51H130z" }),
|
|
29
28
|
React.createElement("path", { d: "M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54ZM0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z", style: {
|
|
30
29
|
fill: "#fff",
|
|
31
30
|
fillRule: "nonzero",
|
package/esm/logo/VCLogo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCLogo.js","sourceRoot":"","sources":["../../src/logo/VCLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"VCLogo.js","sourceRoot":"","sources":["../../src/logo/VCLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,MAAM,UAAU,MAAM,CAAC,KAA8B;IACpD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;QACnC,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IACxC,CAAC;SAAM,CAAC;QACP,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;IACnC,CAAC;AACF,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACnE,2CACC,mBAAmB,EAAC,eAAe,EACnC,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BAAM,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,CAAC,EAAC,4BAA4B,GAAG;IACjE,8BACC,CAAC,EAAC,8jDAA8jD,EAChkD,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,GAC5C;IACF,8BACC,CAAC,EAAC,yIAAyI,EAC3I,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,GAC5C,CACG,CACN,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC9D,2CACC,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BAAM,KAAK,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE,CAAC,EAAC,4BAA4B,GAAG;IAC9D,8BACC,CAAC,EAAC,qsDAAqsD,EACvsD,KAAK,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;SACnB,GACA,CACG,CACN,CAAC"}
|
package/esm/logo/VCLogoIcon.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { useTheme } from "@mui/material";
|
|
2
|
+
import React from "react";
|
|
3
3
|
export function VCLogoIcon(props) {
|
|
4
4
|
const theme = useTheme();
|
|
5
5
|
if (theme.palette.mode == "light") {
|
|
@@ -14,7 +14,7 @@ export const VCLogoIconOrangeBlue = (props) => (React.createElement("svg", Objec
|
|
|
14
14
|
clipRule: "evenodd",
|
|
15
15
|
strokeLinejoin: "round",
|
|
16
16
|
strokeMiterlimit: 2,
|
|
17
|
-
} }, props),
|
|
17
|
+
}, display: "block" }, props),
|
|
18
18
|
React.createElement("path", { d: "M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56Z", style: {
|
|
19
19
|
fill: "#05164d",
|
|
20
20
|
fillRule: "nonzero",
|
|
@@ -28,7 +28,7 @@ export const VCLogoIconWhite = (props) => (React.createElement("svg", Object.ass
|
|
|
28
28
|
clipRule: "evenodd",
|
|
29
29
|
strokeLinejoin: "round",
|
|
30
30
|
strokeMiterlimit: 2,
|
|
31
|
-
} }, props),
|
|
31
|
+
}, display: "block" }, props),
|
|
32
32
|
React.createElement("path", { d: "M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56ZM0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z", style: {
|
|
33
33
|
fill: "#fff",
|
|
34
34
|
fillRule: "nonzero",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCLogoIcon.js","sourceRoot":"","sources":["../../src/logo/VCLogoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"VCLogoIcon.js","sourceRoot":"","sources":["../../src/logo/VCLogoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,MAAM,UAAU,UAAU,CAAC,KAA8B;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;QACnC,OAAO,oBAAC,oBAAoB,oBAAK,KAAK,EAAI,CAAC;IAC5C,CAAC;SAAM,CAAC;QACP,OAAO,oBAAC,eAAe,oBAAK,KAAK,EAAI,CAAC;IACvC,CAAC;AACF,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACvE,2CACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BACC,CAAC,EAAC,qGAAqG,EACvG,KAAK,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,SAAS;SACnB,GACA;IACF,8BACC,CAAC,EAAC,yIAAyI,EAC3I,KAAK,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,SAAS;SACnB,GACA,CACG,CACN,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClE,2CACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BACC,CAAC,EAAC,4OAA4O,EAC9O,KAAK,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;SACnB,GACA,CACG,CACN,CAAC"}
|
package/package.json
CHANGED
package/src/logo/VCLogo.tsx
CHANGED
|
@@ -1,56 +1,66 @@
|
|
|
1
|
-
import React, {SVGProps} from "react";
|
|
2
1
|
import {useTheme} from "@mui/material";
|
|
2
|
+
import React, {SVGProps} from "react";
|
|
3
3
|
|
|
4
4
|
export function VCLogo(props: SVGProps<SVGSVGElement>) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
if (theme.palette.mode == "light") {
|
|
7
|
+
return <VCLogoBlueOrange {...props} />;
|
|
8
|
+
} else {
|
|
9
|
+
return <VCLogoWhite {...props} />;
|
|
10
|
+
}
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
export const VCLogoBlueOrange = (props: SVGProps<SVGSVGElement>) => (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
14
|
+
<svg
|
|
15
|
+
preserveAspectRatio="xMinYMin meet"
|
|
16
|
+
viewBox="0 0 260 52"
|
|
17
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
18
|
+
xmlSpace="preserve"
|
|
19
|
+
style={{
|
|
20
|
+
fillRule: "evenodd",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
strokeLinejoin: "round",
|
|
23
|
+
strokeMiterlimit: 2,
|
|
24
|
+
}}
|
|
25
|
+
width={260}
|
|
26
|
+
height={52}
|
|
27
|
+
display="block"
|
|
28
|
+
{...props}
|
|
29
|
+
>
|
|
30
|
+
<path style={{fill: "#05164d"}} d="M130 12.75h6.71v25.51H130z" />
|
|
31
|
+
<path
|
|
32
|
+
d="M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54Z"
|
|
33
|
+
style={{fill: "#05164d", fillRule: "nonzero"}}
|
|
34
|
+
/>
|
|
35
|
+
<path
|
|
36
|
+
d="M0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z"
|
|
37
|
+
style={{fill: "#ff6a00", fillRule: "nonzero"}}
|
|
38
|
+
/>
|
|
39
|
+
</svg>
|
|
40
|
+
);
|
|
35
41
|
export const VCLogoWhite = (props: SVGProps<SVGSVGElement>) => (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
42
|
+
<svg
|
|
43
|
+
viewBox="0 0 260 52"
|
|
44
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
+
xmlSpace="preserve"
|
|
46
|
+
style={{
|
|
47
|
+
fillRule: "evenodd",
|
|
48
|
+
clipRule: "evenodd",
|
|
49
|
+
strokeLinejoin: "round",
|
|
50
|
+
strokeMiterlimit: 2,
|
|
51
|
+
}}
|
|
52
|
+
width={260}
|
|
53
|
+
height={52}
|
|
54
|
+
display="block"
|
|
55
|
+
{...props}
|
|
56
|
+
>
|
|
57
|
+
<path style={{fill: "#fff"}} d="M130 12.75h6.71v25.51H130z" />
|
|
58
|
+
<path
|
|
59
|
+
d="M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54ZM0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z"
|
|
60
|
+
style={{
|
|
61
|
+
fill: "#fff",
|
|
62
|
+
fillRule: "nonzero",
|
|
63
|
+
}}
|
|
64
|
+
/>
|
|
65
|
+
</svg>
|
|
66
|
+
);
|
package/src/logo/VCLogoIcon.tsx
CHANGED
|
@@ -1,55 +1,65 @@
|
|
|
1
|
-
import React, {SVGProps} from "react";
|
|
2
1
|
import {useTheme} from "@mui/material";
|
|
2
|
+
import React, {SVGProps} from "react";
|
|
3
3
|
|
|
4
4
|
export function VCLogoIcon(props: SVGProps<SVGSVGElement>) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
if (theme.palette.mode == "light") {
|
|
7
|
+
return <VCLogoIconOrangeBlue {...props} />;
|
|
8
|
+
} else {
|
|
9
|
+
return <VCLogoIconWhite {...props} />;
|
|
10
|
+
}
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
export const VCLogoIconOrangeBlue = (props: SVGProps<SVGSVGElement>) => (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
14
|
+
<svg
|
|
15
|
+
viewBox="0 0 74 86"
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
xmlSpace="preserve"
|
|
18
|
+
style={{
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
clipRule: "evenodd",
|
|
21
|
+
strokeLinejoin: "round",
|
|
22
|
+
strokeMiterlimit: 2,
|
|
23
|
+
}}
|
|
24
|
+
display="block"
|
|
25
|
+
{...props}
|
|
26
|
+
>
|
|
27
|
+
<path
|
|
28
|
+
d="M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56Z"
|
|
29
|
+
style={{
|
|
30
|
+
fill: "#05164d",
|
|
31
|
+
fillRule: "nonzero",
|
|
32
|
+
}}
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
d="M0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z"
|
|
36
|
+
style={{
|
|
37
|
+
fill: "#ff6a00",
|
|
38
|
+
fillRule: "nonzero",
|
|
39
|
+
}}
|
|
40
|
+
/>
|
|
41
|
+
</svg>
|
|
42
|
+
);
|
|
38
43
|
export const VCLogoIconWhite = (props: SVGProps<SVGSVGElement>) => (
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
<svg
|
|
45
|
+
viewBox="0 0 74 86"
|
|
46
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
47
|
+
xmlSpace="preserve"
|
|
48
|
+
style={{
|
|
49
|
+
fillRule: "evenodd",
|
|
50
|
+
clipRule: "evenodd",
|
|
51
|
+
strokeLinejoin: "round",
|
|
52
|
+
strokeMiterlimit: 2,
|
|
53
|
+
}}
|
|
54
|
+
display="block"
|
|
55
|
+
{...props}
|
|
56
|
+
>
|
|
57
|
+
<path
|
|
58
|
+
d="M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56ZM0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z"
|
|
59
|
+
style={{
|
|
60
|
+
fill: "#fff",
|
|
61
|
+
fillRule: "nonzero",
|
|
62
|
+
}}
|
|
63
|
+
/>
|
|
64
|
+
</svg>
|
|
65
|
+
);
|