@nebutra/icons 0.1.2 → 3.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/.turbo/turbo-build.log +11 -11
- package/.turbo/turbo-typecheck.log +1 -1
- package/CHANGELOG.md +4 -0
- package/dist/index.js +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +6 -1
- package/scripts/generate.ts +25 -0
- package/src/components/FaceSmile.tsx +1 -1
- package/src/components/PrismColor.tsx +2 -2
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
|
-
> @nebutra/icons@0.
|
|
2
|
+
> @nebutra/icons@3.0.0 build /home/runner/work/Nebutra-Sailor/Nebutra-Sailor/packages/design/icons
|
|
3
3
|
> tsup src/index.ts --format cjs,esm --out-dir dist && tsc -p tsconfig.build.json
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
[34mCLI[39m Building entry: src/index.ts
|
|
6
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
7
|
+
[34mCLI[39m tsup v8.5.1
|
|
8
|
+
[34mCLI[39m Target: es2022
|
|
9
|
+
[34mCJS[39m Build start
|
|
10
|
+
[34mESM[39m Build start
|
|
11
|
+
[32mCJS[39m [1mdist/index.js [22m[32m750.87 KB[39m
|
|
12
|
+
[32mCJS[39m ⚡️ Build success in 1578ms
|
|
13
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m691.57 KB[39m
|
|
14
|
+
[32mESM[39m ⚡️ Build success in 1663ms
|
package/CHANGELOG.md
CHANGED
package/dist/index.js
CHANGED
|
@@ -6121,7 +6121,7 @@ var FaceSmile = (0, import_react184.forwardRef)(
|
|
|
6121
6121
|
/* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
|
|
6122
6122
|
"path",
|
|
6123
6123
|
{
|
|
6124
|
-
fill: "var(--ds-amber-
|
|
6124
|
+
fill: "var(--ds-amber-900)",
|
|
6125
6125
|
fillRule: "evenodd",
|
|
6126
6126
|
d: "M6.153 4.92 5.375 3.5l-.778 1.42L3 5.22l1.116 1.176L3.907 8l1.468-.694L6.843 8l-.21-1.605L7.75 5.219zm5.25 0-.778-1.42-.778 1.42-1.597.299 1.116 1.176L9.157 8l1.468-.694L12.093 8l-.21-1.605L13 5.219z",
|
|
6127
6127
|
clipRule: "evenodd"
|
|
@@ -14865,8 +14865,8 @@ var PrismColor = (0, import_react416.forwardRef)(
|
|
|
14865
14865
|
...props,
|
|
14866
14866
|
children: [
|
|
14867
14867
|
/* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-red-700)", strokeWidth: 1.5, d: "m9 7 3.5-4.5" }),
|
|
14868
|
-
/* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-blue-
|
|
14869
|
-
/* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-teal-
|
|
14868
|
+
/* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-blue-700)", strokeWidth: 1.5, d: "m10.5 9.5 5.25 1" }),
|
|
14869
|
+
/* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-teal-700)", strokeWidth: 1.5, d: "m10 8 5.75-2" }),
|
|
14870
14870
|
/* @__PURE__ */ (0, import_jsx_runtime416.jsx)(
|
|
14871
14871
|
"path",
|
|
14872
14872
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -5555,7 +5555,7 @@ var FaceSmile = forwardRef184(
|
|
|
5555
5555
|
/* @__PURE__ */ jsx184(
|
|
5556
5556
|
"path",
|
|
5557
5557
|
{
|
|
5558
|
-
fill: "var(--ds-amber-
|
|
5558
|
+
fill: "var(--ds-amber-900)",
|
|
5559
5559
|
fillRule: "evenodd",
|
|
5560
5560
|
d: "M6.153 4.92 5.375 3.5l-.778 1.42L3 5.22l1.116 1.176L3.907 8l1.468-.694L6.843 8l-.21-1.605L7.75 5.219zm5.25 0-.778-1.42-.778 1.42-1.597.299 1.116 1.176L9.157 8l1.468-.694L12.093 8l-.21-1.605L13 5.219z",
|
|
5561
5561
|
clipRule: "evenodd"
|
|
@@ -14299,8 +14299,8 @@ var PrismColor = forwardRef416(
|
|
|
14299
14299
|
...props,
|
|
14300
14300
|
children: [
|
|
14301
14301
|
/* @__PURE__ */ jsx416("path", { stroke: "var(--ds-red-700)", strokeWidth: 1.5, d: "m9 7 3.5-4.5" }),
|
|
14302
|
-
/* @__PURE__ */ jsx416("path", { stroke: "var(--ds-blue-
|
|
14303
|
-
/* @__PURE__ */ jsx416("path", { stroke: "var(--ds-teal-
|
|
14302
|
+
/* @__PURE__ */ jsx416("path", { stroke: "var(--ds-blue-700)", strokeWidth: 1.5, d: "m10.5 9.5 5.25 1" }),
|
|
14303
|
+
/* @__PURE__ */ jsx416("path", { stroke: "var(--ds-teal-700)", strokeWidth: 1.5, d: "m10 8 5.75-2" }),
|
|
14304
14304
|
/* @__PURE__ */ jsx416(
|
|
14305
14305
|
"path",
|
|
14306
14306
|
{
|
package/package.json
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nebutra/icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Geist icon set (541 icons) packaged as TypeScript React components",
|
|
5
5
|
"private": false,
|
|
6
|
+
"nebutra": {
|
|
7
|
+
"status": "foundation",
|
|
8
|
+
"graph": "core",
|
|
9
|
+
"productionReady": false
|
|
10
|
+
},
|
|
6
11
|
"license": "MIT",
|
|
7
12
|
"sideEffects": false,
|
|
8
13
|
"main": "./dist/index.js",
|
package/scripts/generate.ts
CHANGED
|
@@ -85,6 +85,30 @@ export default ${variables.componentName};
|
|
|
85
85
|
* Some SVGs encode P3 wide-gamut colors as: fill: "#hex"; fill: color(display-p3 ...)
|
|
86
86
|
* SVGR preserves both, producing duplicate object keys. Keep the last occurrence.
|
|
87
87
|
*/
|
|
88
|
+
/**
|
|
89
|
+
* Upstream Geist SVGs reference the full `--ds-<hue>-<step>` ramp, but
|
|
90
|
+
* @nebutra/tokens registers only three steps per hue (200/700/900, and
|
|
91
|
+
* 300/700/900 for teal and pink). A step we do not register resolves to
|
|
92
|
+
* nothing, so the path renders with no colour at all — the same silent-
|
|
93
|
+
* transparency failure that shipped an invisible hero CTA.
|
|
94
|
+
*
|
|
95
|
+
* Map the strays onto the nearest registered step at generation time so the
|
|
96
|
+
* output cannot reintroduce them.
|
|
97
|
+
*/
|
|
98
|
+
const DS_STEP_FALLBACKS: Record<string, string> = {
|
|
99
|
+
"--ds-blue-600": "--ds-blue-700",
|
|
100
|
+
"--ds-teal-600": "--ds-teal-700",
|
|
101
|
+
"--ds-amber-800": "--ds-amber-900",
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
function normalizeDsColorSteps(code: string): string {
|
|
105
|
+
let out = code;
|
|
106
|
+
for (const [from, to] of Object.entries(DS_STEP_FALLBACKS)) {
|
|
107
|
+
out = out.split(`var(${from})`).join(`var(${to})`);
|
|
108
|
+
}
|
|
109
|
+
return out;
|
|
110
|
+
}
|
|
111
|
+
|
|
88
112
|
function removeDuplicateStyleKeys(code: string): string {
|
|
89
113
|
const lines = code.split("\n");
|
|
90
114
|
const result: string[] = [];
|
|
@@ -123,6 +147,7 @@ async function main() {
|
|
|
123
147
|
filePath: join(SVG_DIR, file),
|
|
124
148
|
});
|
|
125
149
|
code = removeDuplicateStyleKeys(code);
|
|
150
|
+
code = normalizeDsColorSteps(code);
|
|
126
151
|
} catch (_err) {
|
|
127
152
|
skipped++;
|
|
128
153
|
continue;
|
|
@@ -24,7 +24,7 @@ const FaceSmile = forwardRef<SVGSVGElement, IconProps>(
|
|
|
24
24
|
clipRule="evenodd"
|
|
25
25
|
/>
|
|
26
26
|
<path
|
|
27
|
-
fill="var(--ds-amber-
|
|
27
|
+
fill="var(--ds-amber-900)"
|
|
28
28
|
fillRule="evenodd"
|
|
29
29
|
d="M6.153 4.92 5.375 3.5l-.778 1.42L3 5.22l1.116 1.176L3.907 8l1.468-.694L6.843 8l-.21-1.605L7.75 5.219zm5.25 0-.778-1.42-.778 1.42-1.597.299 1.116 1.176L9.157 8l1.468-.694L12.093 8l-.21-1.605L13 5.219z"
|
|
30
30
|
clipRule="evenodd"
|
|
@@ -18,8 +18,8 @@ const PrismColor = forwardRef<SVGSVGElement, IconProps>(
|
|
|
18
18
|
{...props}
|
|
19
19
|
>
|
|
20
20
|
<path stroke="var(--ds-red-700)" strokeWidth={1.5} d="m9 7 3.5-4.5" />
|
|
21
|
-
<path stroke="var(--ds-blue-
|
|
22
|
-
<path stroke="var(--ds-teal-
|
|
21
|
+
<path stroke="var(--ds-blue-700)" strokeWidth={1.5} d="m10.5 9.5 5.25 1" />
|
|
22
|
+
<path stroke="var(--ds-teal-700)" strokeWidth={1.5} d="m10 8 5.75-2" />
|
|
23
23
|
<path
|
|
24
24
|
fill="currentColor"
|
|
25
25
|
fillRule="evenodd"
|