@kloudlite/design-system
Version:
A design system for building ambitious products.
209 lines (207 loc) • 14.3 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// components/branding/prod-logo.tsx
var prod_logo_exports = {};
__export(prod_logo_exports, {
ProdLogo: () => ProdLogo
});
module.exports = __toCommonJS(prod_logo_exports);
var import_jsx_runtime = require("react/jsx-runtime");
var Logo = ({ size, darkBg, color }) => {
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
!darkBg && !color && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
"svg",
{
height: size,
viewBox: "0 0 279 280",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M166.898 143.128C165.336 141.566 165.336 139.034 166.898 137.472L219.207 85.1628C220.769 83.6008 223.301 83.6008 224.863 85.1628L277.172 137.472C278.735 139.034 278.735 141.567 277.172 143.129L224.864 195.438C223.302 197 220.769 197 219.207 195.438L166.898 143.128Z",
fill: "#2563EB"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M1.17276 143.13C-0.390913 141.567 -0.390921 139.033 1.17275 137.471L136.711 2.04491C138.273 0.484383 140.804 0.484377 142.366 2.0449L191.277 50.9158C192.841 52.4782 192.841 55.0127 191.277 56.575L170.352 77.4825C168.791 79.0431 166.26 79.0431 164.698 77.4825L143.151 55.9538C141.589 54.3932 139.059 54.3932 137.497 55.9538L55.9115 137.471C54.3479 139.033 54.3479 141.568 55.9115 143.13L137.497 224.647C139.058 226.208 141.589 226.208 143.151 224.647L164.719 203.098C166.281 201.537 168.811 201.537 170.373 203.098L191.298 224.005C192.861 225.567 192.861 228.102 191.298 229.664L142.366 278.555C140.804 280.116 138.273 280.116 136.711 278.555L1.17276 143.13Z",
fill: "#2563EB"
}
)
]
}
),
darkBg && !color && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
"svg",
{
height: size,
viewBox: "0 0 279 280",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M166.898 143.128C165.336 141.566 165.336 139.034 166.898 137.472L219.207 85.1628C220.769 83.6008 223.301 83.6008 224.863 85.1628L277.172 137.472C278.735 139.034 278.735 141.567 277.172 143.129L224.864 195.438C223.302 197 220.769 197 219.207 195.438L166.898 143.128Z",
fill: "white"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M1.17276 143.13C-0.390913 141.567 -0.390921 139.033 1.17275 137.471L136.711 2.04491C138.273 0.484383 140.804 0.484377 142.366 2.0449L191.277 50.9158C192.841 52.4782 192.841 55.0127 191.277 56.575L170.352 77.4825C168.791 79.0431 166.26 79.0431 164.698 77.4825L143.151 55.9538C141.589 54.3932 139.059 54.3932 137.497 55.9538L55.9115 137.471C54.3479 139.033 54.3479 141.568 55.9115 143.13L137.497 224.647C139.058 226.208 141.589 226.208 143.151 224.647L164.719 203.098C166.281 201.537 168.811 201.537 170.373 203.098L191.298 224.005C192.861 225.567 192.861 228.102 191.298 229.664L142.366 278.555C140.804 280.116 138.273 280.116 136.711 278.555L1.17276 143.13Z",
fill: "white"
}
)
]
}
),
color && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
"svg",
{
height: size,
viewBox: "0 0 279 280",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
fill: color,
d: "M166.898 143.128C165.336 141.566 165.336 139.034 166.898 137.472L219.207 85.1628C220.769 83.6008 223.301 83.6008 224.863 85.1628L277.172 137.472C278.735 139.034 278.735 141.567 277.172 143.129L224.864 195.438C223.302 197 220.769 197 219.207 195.438L166.898 143.128Z"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
fill: color,
d: "M1.17276 143.13C-0.390913 141.567 -0.390921 139.033 1.17275 137.471L136.711 2.04491C138.273 0.484383 140.804 0.484377 142.366 2.0449L191.277 50.9158C192.841 52.4782 192.841 55.0127 191.277 56.575L170.352 77.4825C168.791 79.0431 166.26 79.0431 164.698 77.4825L143.151 55.9538C141.589 54.3932 139.059 54.3932 137.497 55.9538L55.9115 137.471C54.3479 139.033 54.3479 141.568 55.9115 143.13L137.497 224.647C139.058 226.208 141.589 226.208 143.151 224.647L164.719 203.098C166.281 201.537 168.811 201.537 170.373 203.098L191.298 224.005C192.861 225.567 192.861 228.102 191.298 229.664L142.366 278.555C140.804 280.116 138.273 280.116 136.711 278.555L1.17276 143.13Z"
}
)
]
}
)
] });
};
var DetailedLogo = ({ size, darkBg, color: _ }) => {
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
!darkBg && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { height: size, viewBox: "0 0 262 91", fill: "none", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M54.1714 46.333C53.6672 45.8289 53.6672 45.0114 54.1714 44.5073L71.0542 27.6245C71.5584 27.1203 72.3758 27.1203 72.88 27.6245L89.7629 44.5074C90.267 45.0115 90.267 45.829 89.7629 46.3331L72.8801 63.2159C72.3759 63.7201 71.5585 63.7201 71.0543 63.2159L54.1714 46.333Z",
fill: "#2563EB"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M0.683198 46.3334C0.178519 45.8292 0.178516 45.0112 0.683195 44.5069L44.4286 0.797915C44.9327 0.294251 45.7495 0.294249 46.2536 0.797913L62.04 16.5711C62.5447 17.0754 62.5447 17.8934 62.04 18.3977L55.2864 25.1456C54.7823 25.6493 53.9655 25.6493 53.4614 25.1456L46.5071 18.1972C46.0031 17.6935 45.1862 17.6935 44.6821 18.1971L18.3503 44.5071C17.8456 45.0113 17.8456 45.8293 18.3503 46.3336L44.6821 72.6435C45.1862 73.1472 46.003 73.1472 46.5071 72.6435L53.4681 65.6883C53.9722 65.1846 54.789 65.1846 55.2931 65.6883L62.0466 72.4361C62.5512 72.9404 62.5512 73.7584 62.0466 74.2626L46.2536 90.0424C45.7495 90.5461 44.9327 90.5461 44.4286 90.0424L0.683198 46.3334Z",
fill: "#2563EB"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M114.141 83.4202V25.2578H125.036V27.4696C128.586 25.3397 131.699 24.2748 134.375 24.2748C139.89 24.2748 143.959 25.9405 146.58 29.2718C149.202 32.5486 150.513 38.1464 150.513 46.0652C150.513 53.984 149.065 59.4999 146.171 62.6128C143.276 65.6711 138.525 67.2002 131.917 67.2002C130.115 67.2002 128.176 67.0364 126.101 66.7087L125.118 66.5449V83.4202H114.141ZM132.245 34.105C130.224 34.105 128.176 34.5146 126.101 35.3338L125.118 35.7434V57.2061C127.575 57.5338 129.569 57.6977 131.098 57.6977C134.265 57.6977 136.423 56.7692 137.569 54.9124C138.771 53.0556 139.372 49.8881 139.372 45.4098C139.372 37.8733 136.996 34.105 132.245 34.105Z",
fill: "#2563EB"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M154.86 67.2002V25.2578H165.755V29.5995C170.343 26.8689 174.712 25.094 178.862 24.2748V35.3338C174.439 36.2622 170.643 37.2179 167.476 38.201L165.837 38.7744V67.2002H154.86Z",
fill: "#2563EB"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M186.271 29.9272C189.166 26.1589 193.999 24.2748 200.771 24.2748C207.543 24.2748 212.376 26.1589 215.271 29.9272C218.165 33.6408 219.612 38.8836 219.612 45.6556C219.612 60.0187 213.332 67.2002 200.771 67.2002C188.21 67.2002 181.93 60.0187 181.93 45.6556C181.93 38.8836 183.377 33.6408 186.271 29.9272ZM194.709 54.9124C195.856 56.8785 197.877 57.8615 200.771 57.8615C203.666 57.8615 205.659 56.8785 206.751 54.9124C207.898 52.9464 208.471 49.8608 208.471 45.6556C208.471 41.4504 207.898 38.3921 206.751 36.4807C205.659 34.5692 203.666 33.6135 200.771 33.6135C197.877 33.6135 195.856 34.5692 194.709 36.4807C193.617 38.3921 193.071 41.4504 193.071 45.6556C193.071 49.8608 193.617 52.9464 194.709 54.9124Z",
fill: "#2563EB"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M261.194 7.42017V67.2002H250.299V64.4969C246.476 66.2991 243.172 67.2002 240.387 67.2002C234.434 67.2002 230.284 65.4799 227.935 62.0394C225.587 58.5988 224.413 53.1648 224.413 45.7375C224.413 38.2556 225.806 32.8216 228.591 29.4357C231.431 25.9951 235.69 24.2748 241.37 24.2748C243.118 24.2748 245.548 24.5478 248.661 25.094L250.217 25.4216V7.42017H261.194ZM249.071 56.387L250.217 56.1412V34.5965C247.214 34.0504 244.538 33.7774 242.189 33.7774C237.766 33.7774 235.554 37.7095 235.554 45.5737C235.554 49.8334 236.045 52.8644 237.028 54.6667C238.011 56.4689 239.623 57.37 241.862 57.37C244.155 57.37 246.558 57.0423 249.071 56.387Z",
fill: "#2563EB"
}
)
] }),
darkBg && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { height: size, viewBox: "0 0 262 91", fill: "none", children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M54.6714 46.333C54.1672 45.8289 54.1672 45.0114 54.6714 44.5073L71.5542 27.6245C72.0584 27.1203 72.8758 27.1203 73.38 27.6245L90.2629 44.5074C90.767 45.0115 90.767 45.829 90.2629 46.3331L73.3801 63.2159C72.8759 63.7201 72.0585 63.7201 71.5543 63.2159L54.6714 46.333Z",
fill: "white"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M1.1832 46.3334C0.678519 45.8292 0.678516 45.0112 1.18319 44.5069L44.9286 0.797915C45.4327 0.294251 46.2495 0.294249 46.7536 0.797913L62.54 16.5711C63.0447 17.0754 63.0447 17.8934 62.54 18.3977L55.7864 25.1456C55.2823 25.6493 54.4655 25.6493 53.9614 25.1456L47.0071 18.1972C46.5031 17.6935 45.6862 17.6935 45.1821 18.1971L18.8503 44.5071C18.3456 45.0113 18.3456 45.8293 18.8503 46.3336L45.1821 72.6435C45.6862 73.1471 46.503 73.1471 47.0071 72.6435L53.9681 65.6883C54.4722 65.1846 55.289 65.1846 55.7931 65.6883L62.5466 72.4361C63.0512 72.9404 63.0513 73.7584 62.5466 74.2626L46.7536 90.0424C46.2495 90.5461 45.4327 90.5461 44.9286 90.0424L1.1832 46.3334Z",
fill: "white"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M114.641 83.4202V25.2578H125.536V27.4696C129.086 25.3397 132.199 24.2748 134.875 24.2748C140.39 24.2748 144.459 25.9405 147.08 29.2718C149.702 32.5486 151.013 38.1464 151.013 46.0652C151.013 53.984 149.565 59.4999 146.671 62.6128C143.776 65.6711 139.025 67.2002 132.417 67.2002C130.615 67.2002 128.676 67.0364 126.601 66.7087L125.618 66.5449V83.4202H114.641ZM132.745 34.105C130.724 34.105 128.676 34.5146 126.601 35.3338L125.618 35.7434V57.2061C128.075 57.5338 130.069 57.6977 131.598 57.6977C134.765 57.6977 136.923 56.7692 138.069 54.9124C139.271 53.0556 139.872 49.8881 139.872 45.4098C139.872 37.8733 137.496 34.105 132.745 34.105Z",
fill: "white"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M155.36 67.2002V25.2578H166.255V29.5995C170.843 26.8689 175.212 25.094 179.362 24.2748V35.3338C174.939 36.2622 171.143 37.2179 167.976 38.201L166.337 38.7744V67.2002H155.36Z",
fill: "white"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M186.771 29.9272C189.666 26.1589 194.499 24.2748 201.271 24.2748C208.043 24.2748 212.876 26.1589 215.771 29.9272C218.665 33.6408 220.112 38.8836 220.112 45.6556C220.112 60.0187 213.832 67.2002 201.271 67.2002C188.71 67.2002 182.43 60.0187 182.43 45.6556C182.43 38.8836 183.877 33.6408 186.771 29.9272ZM195.209 54.9124C196.356 56.8785 198.377 57.8615 201.271 57.8615C204.166 57.8615 206.159 56.8785 207.251 54.9124C208.398 52.9464 208.971 49.8608 208.971 45.6556C208.971 41.4504 208.398 38.3921 207.251 36.4807C206.159 34.5692 204.166 33.6135 201.271 33.6135C198.377 33.6135 196.356 34.5692 195.209 36.4807C194.117 38.3921 193.571 41.4504 193.571 45.6556C193.571 49.8608 194.117 52.9464 195.209 54.9124Z",
fill: "white"
}
),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"path",
{
d: "M261.694 7.42017V67.2002H250.799V64.4969C246.976 66.2991 243.672 67.2002 240.887 67.2002C234.934 67.2002 230.784 65.4799 228.435 62.0394C226.087 58.5988 224.913 53.1648 224.913 45.7375C224.913 38.2556 226.306 32.8216 229.091 29.4357C231.931 25.9951 236.19 24.2748 241.87 24.2748C243.618 24.2748 246.048 24.5478 249.161 25.094L250.717 25.4216V7.42017H261.694ZM249.571 56.387L250.717 56.1412V34.5965C247.714 34.0504 245.038 33.7774 242.689 33.7774C238.266 33.7774 236.054 37.7095 236.054 45.5737C236.054 49.8334 236.545 52.8644 237.528 54.6667C238.511 56.4689 240.123 57.37 242.362 57.37C244.655 57.37 247.058 57.0423 249.571 56.387Z",
fill: "white"
}
)
] })
] });
};
var ProdLogo = ({
size = 24,
darkBg = false,
detailed = false,
color
}) => {
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
!detailed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, { size, darkBg, color }),
detailed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DetailedLogo, { size, darkBg, color })
] });
};