@kreozalabs/icons 0.1.1 → 1.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/dist/index.cjs +163 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +10 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +134 -0
- package/dist/index.js.map +1 -0
- package/package.json +4 -1
- package/.github/workflows/release.yml +0 -58
- package/LICENSE +0 -661
- package/assets/favicon.svg +0 -12
- package/assets/icons-sprite.svg +0 -24
- package/assets/logo-wordmark-light.svg +0 -12
- package/assets/logo-wordmark.svg +0 -12
- package/assets/logo.svg +0 -12
- package/src/components/Logo.tsx +0 -32
- package/src/components/LogoWordmark.tsx +0 -47
- package/src/components/LogoWordmarkLight.tsx +0 -47
- package/src/index.ts +0 -3
- package/tsconfig.json +0 -15
- package/tsup.config.ts +0 -10
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/index.ts
|
|
21
|
+
var index_exports = {};
|
|
22
|
+
__export(index_exports, {
|
|
23
|
+
Logo: () => Logo,
|
|
24
|
+
LogoWordmark: () => LogoWordmark,
|
|
25
|
+
LogoWordmarkLight: () => LogoWordmarkLight
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(index_exports);
|
|
28
|
+
|
|
29
|
+
// src/components/Logo.tsx
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
+
function Logo({ className, ...props }) {
|
|
33
|
+
const maskId = (0, import_react.useId)();
|
|
34
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
35
|
+
"svg",
|
|
36
|
+
{
|
|
37
|
+
viewBox: "0 0 100 100",
|
|
38
|
+
fill: "none",
|
|
39
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
+
className,
|
|
41
|
+
...props,
|
|
42
|
+
children: [
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("mask", { id: maskId, children: [
|
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "100", height: "100", fill: "white" }),
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
|
|
46
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
|
|
47
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
|
|
48
|
+
] }) }),
|
|
49
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
50
|
+
"path",
|
|
51
|
+
{
|
|
52
|
+
d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
|
|
53
|
+
fill: "currentColor",
|
|
54
|
+
mask: `url(#${maskId})`
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// src/components/LogoWordmark.tsx
|
|
63
|
+
var import_react2 = require("react");
|
|
64
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
65
|
+
function LogoWordmark({ className, ...props }) {
|
|
66
|
+
const maskId = (0, import_react2.useId)();
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
68
|
+
"svg",
|
|
69
|
+
{
|
|
70
|
+
viewBox: "0 0 180 40",
|
|
71
|
+
fill: "none",
|
|
72
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
73
|
+
className,
|
|
74
|
+
...props,
|
|
75
|
+
children: [
|
|
76
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("mask", { id: maskId, children: [
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "180", height: "40", fill: "white" }),
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(0, 0) scale(0.4)", children: [
|
|
79
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
|
|
81
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
|
|
82
|
+
] })
|
|
83
|
+
] }) }),
|
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
85
|
+
"path",
|
|
86
|
+
{
|
|
87
|
+
d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
|
|
88
|
+
fill: "currentColor",
|
|
89
|
+
mask: `url(#${maskId})`
|
|
90
|
+
}
|
|
91
|
+
) }),
|
|
92
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
93
|
+
"text",
|
|
94
|
+
{
|
|
95
|
+
x: "48",
|
|
96
|
+
y: "28",
|
|
97
|
+
fontFamily: "Inter, system-ui, sans-serif",
|
|
98
|
+
fontSize: "22",
|
|
99
|
+
fontWeight: "700",
|
|
100
|
+
fill: "currentColor",
|
|
101
|
+
letterSpacing: "-0.5",
|
|
102
|
+
children: "REOZA"
|
|
103
|
+
}
|
|
104
|
+
)
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
// src/components/LogoWordmarkLight.tsx
|
|
111
|
+
var import_react3 = require("react");
|
|
112
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
113
|
+
function LogoWordmarkLight({ className, ...props }) {
|
|
114
|
+
const maskId = (0, import_react3.useId)();
|
|
115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
116
|
+
"svg",
|
|
117
|
+
{
|
|
118
|
+
viewBox: "0 0 180 40",
|
|
119
|
+
fill: "none",
|
|
120
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
121
|
+
className,
|
|
122
|
+
...props,
|
|
123
|
+
children: [
|
|
124
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("mask", { id: maskId, children: [
|
|
125
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "180", height: "40", fill: "white" }),
|
|
126
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { transform: "translate(0, 0) scale(0.4)", children: [
|
|
127
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
|
|
128
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
|
|
129
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
|
|
130
|
+
] })
|
|
131
|
+
] }) }),
|
|
132
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
133
|
+
"path",
|
|
134
|
+
{
|
|
135
|
+
d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
|
|
136
|
+
fill: "currentColor",
|
|
137
|
+
mask: `url(#${maskId})`
|
|
138
|
+
}
|
|
139
|
+
) }),
|
|
140
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
141
|
+
"text",
|
|
142
|
+
{
|
|
143
|
+
x: "48",
|
|
144
|
+
y: "28",
|
|
145
|
+
fontFamily: "Inter, system-ui, sans-serif",
|
|
146
|
+
fontSize: "22",
|
|
147
|
+
fontWeight: "600",
|
|
148
|
+
fill: "currentColor",
|
|
149
|
+
letterSpacing: "-0.5",
|
|
150
|
+
children: "REOZA"
|
|
151
|
+
}
|
|
152
|
+
)
|
|
153
|
+
]
|
|
154
|
+
}
|
|
155
|
+
);
|
|
156
|
+
}
|
|
157
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
158
|
+
0 && (module.exports = {
|
|
159
|
+
Logo,
|
|
160
|
+
LogoWordmark,
|
|
161
|
+
LogoWordmarkLight
|
|
162
|
+
});
|
|
163
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/components/Logo.tsx","../src/components/LogoWordmark.tsx","../src/components/LogoWordmarkLight.tsx"],"sourcesContent":["export * from \"./components/Logo\";\nexport * from \"./components/LogoWordmark\";\nexport * from \"./components/LogoWordmarkLight\";\n","import { useId, type SVGProps } from \"react\";\n\nexport function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"100\" height=\"100\" fill=\"white\" />\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </mask>\n </defs>\n \n {/* Solid Hexagon with mask */}\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"700\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K - inverted colors for dark bg */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"600\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SVGProps } from 'react';
|
|
3
|
+
|
|
4
|
+
declare function Logo({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
5
|
+
|
|
6
|
+
declare function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
declare function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Logo, LogoWordmark, LogoWordmarkLight };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SVGProps } from 'react';
|
|
3
|
+
|
|
4
|
+
declare function Logo({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
5
|
+
|
|
6
|
+
declare function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
declare function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Logo, LogoWordmark, LogoWordmarkLight };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
// src/components/Logo.tsx
|
|
2
|
+
import { useId } from "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
function Logo({ className, ...props }) {
|
|
5
|
+
const maskId = useId();
|
|
6
|
+
return /* @__PURE__ */ jsxs(
|
|
7
|
+
"svg",
|
|
8
|
+
{
|
|
9
|
+
viewBox: "0 0 100 100",
|
|
10
|
+
fill: "none",
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
className,
|
|
13
|
+
...props,
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: maskId, children: [
|
|
16
|
+
/* @__PURE__ */ jsx("rect", { width: "100", height: "100", fill: "white" }),
|
|
17
|
+
/* @__PURE__ */ jsx("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
|
|
18
|
+
/* @__PURE__ */ jsx("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
|
|
19
|
+
/* @__PURE__ */ jsx("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
|
|
20
|
+
] }) }),
|
|
21
|
+
/* @__PURE__ */ jsx(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
|
|
25
|
+
fill: "currentColor",
|
|
26
|
+
mask: `url(#${maskId})`
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// src/components/LogoWordmark.tsx
|
|
35
|
+
import { useId as useId2 } from "react";
|
|
36
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
37
|
+
function LogoWordmark({ className, ...props }) {
|
|
38
|
+
const maskId = useId2();
|
|
39
|
+
return /* @__PURE__ */ jsxs2(
|
|
40
|
+
"svg",
|
|
41
|
+
{
|
|
42
|
+
viewBox: "0 0 180 40",
|
|
43
|
+
fill: "none",
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
className,
|
|
46
|
+
...props,
|
|
47
|
+
children: [
|
|
48
|
+
/* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsxs2("mask", { id: maskId, children: [
|
|
49
|
+
/* @__PURE__ */ jsx2("rect", { width: "180", height: "40", fill: "white" }),
|
|
50
|
+
/* @__PURE__ */ jsxs2("g", { transform: "translate(0, 0) scale(0.4)", children: [
|
|
51
|
+
/* @__PURE__ */ jsx2("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
|
|
52
|
+
/* @__PURE__ */ jsx2("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
|
|
53
|
+
/* @__PURE__ */ jsx2("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
|
|
54
|
+
] })
|
|
55
|
+
] }) }),
|
|
56
|
+
/* @__PURE__ */ jsx2("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ jsx2(
|
|
57
|
+
"path",
|
|
58
|
+
{
|
|
59
|
+
d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
|
|
60
|
+
fill: "currentColor",
|
|
61
|
+
mask: `url(#${maskId})`
|
|
62
|
+
}
|
|
63
|
+
) }),
|
|
64
|
+
/* @__PURE__ */ jsx2(
|
|
65
|
+
"text",
|
|
66
|
+
{
|
|
67
|
+
x: "48",
|
|
68
|
+
y: "28",
|
|
69
|
+
fontFamily: "Inter, system-ui, sans-serif",
|
|
70
|
+
fontSize: "22",
|
|
71
|
+
fontWeight: "700",
|
|
72
|
+
fill: "currentColor",
|
|
73
|
+
letterSpacing: "-0.5",
|
|
74
|
+
children: "REOZA"
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// src/components/LogoWordmarkLight.tsx
|
|
83
|
+
import { useId as useId3 } from "react";
|
|
84
|
+
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
85
|
+
function LogoWordmarkLight({ className, ...props }) {
|
|
86
|
+
const maskId = useId3();
|
|
87
|
+
return /* @__PURE__ */ jsxs3(
|
|
88
|
+
"svg",
|
|
89
|
+
{
|
|
90
|
+
viewBox: "0 0 180 40",
|
|
91
|
+
fill: "none",
|
|
92
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
93
|
+
className,
|
|
94
|
+
...props,
|
|
95
|
+
children: [
|
|
96
|
+
/* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs3("mask", { id: maskId, children: [
|
|
97
|
+
/* @__PURE__ */ jsx3("rect", { width: "180", height: "40", fill: "white" }),
|
|
98
|
+
/* @__PURE__ */ jsxs3("g", { transform: "translate(0, 0) scale(0.4)", children: [
|
|
99
|
+
/* @__PURE__ */ jsx3("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
|
|
100
|
+
/* @__PURE__ */ jsx3("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
|
|
101
|
+
/* @__PURE__ */ jsx3("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
|
|
102
|
+
] })
|
|
103
|
+
] }) }),
|
|
104
|
+
/* @__PURE__ */ jsx3("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ jsx3(
|
|
105
|
+
"path",
|
|
106
|
+
{
|
|
107
|
+
d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
|
|
108
|
+
fill: "currentColor",
|
|
109
|
+
mask: `url(#${maskId})`
|
|
110
|
+
}
|
|
111
|
+
) }),
|
|
112
|
+
/* @__PURE__ */ jsx3(
|
|
113
|
+
"text",
|
|
114
|
+
{
|
|
115
|
+
x: "48",
|
|
116
|
+
y: "28",
|
|
117
|
+
fontFamily: "Inter, system-ui, sans-serif",
|
|
118
|
+
fontSize: "22",
|
|
119
|
+
fontWeight: "600",
|
|
120
|
+
fill: "currentColor",
|
|
121
|
+
letterSpacing: "-0.5",
|
|
122
|
+
children: "REOZA"
|
|
123
|
+
}
|
|
124
|
+
)
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
);
|
|
128
|
+
}
|
|
129
|
+
export {
|
|
130
|
+
Logo,
|
|
131
|
+
LogoWordmark,
|
|
132
|
+
LogoWordmarkLight
|
|
133
|
+
};
|
|
134
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Logo.tsx","../src/components/LogoWordmark.tsx","../src/components/LogoWordmarkLight.tsx"],"sourcesContent":["import { useId, type SVGProps } from \"react\";\n\nexport function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"100\" height=\"100\" fill=\"white\" />\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </mask>\n </defs>\n \n {/* Solid Hexagon with mask */}\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"700\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K - inverted colors for dark bg */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"600\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n"],"mappings":"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","names":["useId","jsx","jsxs","useId","jsx","jsxs"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kreozalabs/icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -13,6 +13,9 @@
|
|
|
13
13
|
"require": "./dist/index.cjs"
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
16
19
|
"dependencies": {
|
|
17
20
|
"lucide-react": "^0.368.0"
|
|
18
21
|
},
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
on:
|
|
2
|
-
push:
|
|
3
|
-
branches:
|
|
4
|
-
- main
|
|
5
|
-
workflow_dispatch: # Allows manual triggering for testing
|
|
6
|
-
|
|
7
|
-
permissions:
|
|
8
|
-
contents: write
|
|
9
|
-
pull-requests: write
|
|
10
|
-
id-token: write
|
|
11
|
-
|
|
12
|
-
name: release
|
|
13
|
-
|
|
14
|
-
jobs:
|
|
15
|
-
release:
|
|
16
|
-
runs-on: ubuntu-latest
|
|
17
|
-
steps:
|
|
18
|
-
- uses: googleapis/release-please-action@16a9c90856f42705d54a6fda1823352bdc62cf38 # v4.4.0
|
|
19
|
-
id: release
|
|
20
|
-
with:
|
|
21
|
-
token: ${{ secrets.GITHUB_TOKEN }}
|
|
22
|
-
release-type: node
|
|
23
|
-
|
|
24
|
-
- name: checkout
|
|
25
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
26
|
-
uses: actions/checkout@v6
|
|
27
|
-
|
|
28
|
-
- name: setup pnpm
|
|
29
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
30
|
-
uses: pnpm/action-setup@a8198c4bff370c8506180b035930dea56dbd5288
|
|
31
|
-
|
|
32
|
-
- name: setup node
|
|
33
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
34
|
-
uses: actions/setup-node@v6
|
|
35
|
-
with:
|
|
36
|
-
node-version: 24
|
|
37
|
-
registry-url: "https://registry.npmjs.org"
|
|
38
|
-
cache: "pnpm"
|
|
39
|
-
|
|
40
|
-
- name: install dependencies
|
|
41
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
42
|
-
run: pnpm install --no-frozen-lockfile
|
|
43
|
-
|
|
44
|
-
- name: lint code
|
|
45
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
46
|
-
run: pnpm run lint
|
|
47
|
-
|
|
48
|
-
- name: type check
|
|
49
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
50
|
-
run: pnpm run typecheck
|
|
51
|
-
|
|
52
|
-
- name: build package
|
|
53
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
54
|
-
run: pnpm run build
|
|
55
|
-
|
|
56
|
-
- name: publish to npm
|
|
57
|
-
if: ${{ steps.release.outputs.release_created }}
|
|
58
|
-
run: pnpm publish --no-git-checks --provenance
|