@nebutra/icons 0.1.2 → 2.0.0

package/.turbo/turbo-build.log

@@ -1,14 +1,14 @@
 
-> @nebutra/icons@0.1.2 build /Users/tseka_luk/Documents/Nebutra-SaaS-Lab/Nebutra-Sailor/packages/design/icons
+> @nebutra/icons@2.0.0 build /home/runner/work/Nebutra-Sailor/Nebutra-Sailor/packages/design/icons
 > tsup src/index.ts --format cjs,esm --out-dir dist && tsc -p tsconfig.build.json
 
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.1
-CLI Target: es2022
-CJS Build start
-ESM Build start
-ESM dist/index.mjs 691.57 KB
-ESM ⚡️ Build success in 239ms
-CJS dist/index.js 750.87 KB
-CJS ⚡️ Build success in 240ms
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Target: es2022
+CJS Build start
+ESM Build start
+ESM dist/index.mjs 691.57 KB
+ESM ⚡️ Build success in 1147ms
+CJS dist/index.js 750.87 KB
+CJS ⚡️ Build success in 1243ms

package/.turbo/turbo-typecheck.log

@@ -1,4 +1,4 @@
 
-> @nebutra/icons@0.1.2 typecheck /Users/tseka_luk/Documents/Nebutra-SaaS-Lab/Nebutra-Sailor/packages/design/icons
+> @nebutra/icons@2.0.0 typecheck /home/runner/work/Nebutra-Sailor/Nebutra-Sailor/packages/design/icons
 > tsc --noEmit
 

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @nebutra/icons
 
+## 2.0.0
+
 ## 0.1.2
 
 ### Patch Changes

package/dist/index.js

@@ -6121,7 +6121,7 @@ var FaceSmile = (0, import_react184.forwardRef)(
         /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
           "path",
           {
-            fill: "var(--ds-amber-800)",
+            fill: "var(--ds-amber-900)",
             fillRule: "evenodd",
             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",
             clipRule: "evenodd"
@@ -14865,8 +14865,8 @@ var PrismColor = (0, import_react416.forwardRef)(
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-red-700)", strokeWidth: 1.5, d: "m9 7 3.5-4.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-blue-600)", strokeWidth: 1.5, d: "m10.5 9.5 5.25 1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-teal-600)", strokeWidth: 1.5, d: "m10 8 5.75-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-blue-700)", strokeWidth: 1.5, d: "m10.5 9.5 5.25 1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime416.jsx)("path", { stroke: "var(--ds-teal-700)", strokeWidth: 1.5, d: "m10 8 5.75-2" }),
         /* @__PURE__ */ (0, import_jsx_runtime416.jsx)(
           "path",
           {

package/dist/index.mjs

@@ -5555,7 +5555,7 @@ var FaceSmile = forwardRef184(
         /* @__PURE__ */ jsx184(
           "path",
           {
-            fill: "var(--ds-amber-800)",
+            fill: "var(--ds-amber-900)",
             fillRule: "evenodd",
             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",
             clipRule: "evenodd"
@@ -14299,8 +14299,8 @@ var PrismColor = forwardRef416(
       ...props,
       children: [
         /* @__PURE__ */ jsx416("path", { stroke: "var(--ds-red-700)", strokeWidth: 1.5, d: "m9 7 3.5-4.5" }),
-        /* @__PURE__ */ jsx416("path", { stroke: "var(--ds-blue-600)", strokeWidth: 1.5, d: "m10.5 9.5 5.25 1" }),
-        /* @__PURE__ */ jsx416("path", { stroke: "var(--ds-teal-600)", strokeWidth: 1.5, d: "m10 8 5.75-2" }),
+        /* @__PURE__ */ jsx416("path", { stroke: "var(--ds-blue-700)", strokeWidth: 1.5, d: "m10.5 9.5 5.25 1" }),
+        /* @__PURE__ */ jsx416("path", { stroke: "var(--ds-teal-700)", strokeWidth: 1.5, d: "m10 8 5.75-2" }),
         /* @__PURE__ */ jsx416(
           "path",
           {

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@nebutra/icons",
-  "version": "0.1.2",
+  "version": "2.0.0",
   "description": "Geist icon set (541 icons) packaged as TypeScript React components",
   "private": false,
+  "nebutra": {
+    "status": "foundation",
+    "graph": "core",
+    "productionReady": false
+  },
   "license": "MIT",
   "sideEffects": false,
   "main": "./dist/index.js",

package/scripts/generate.ts

@@ -85,6 +85,30 @@ export default ${variables.componentName};
  * Some SVGs encode P3 wide-gamut colors as: fill: "#hex"; fill: color(display-p3 ...)
  * SVGR preserves both, producing duplicate object keys. Keep the last occurrence.
  */
+/**
+ * Upstream Geist SVGs reference the full `--ds-<hue>-<step>` ramp, but
+ * @nebutra/tokens registers only three steps per hue (200/700/900, and
+ * 300/700/900 for teal and pink). A step we do not register resolves to
+ * nothing, so the path renders with no colour at all — the same silent-
+ * transparency failure that shipped an invisible hero CTA.
+ *
+ * Map the strays onto the nearest registered step at generation time so the
+ * output cannot reintroduce them.
+ */
+const DS_STEP_FALLBACKS: Record<string, string> = {
+  "--ds-blue-600": "--ds-blue-700",
+  "--ds-teal-600": "--ds-teal-700",
+  "--ds-amber-800": "--ds-amber-900",
+};
+
+function normalizeDsColorSteps(code: string): string {
+  let out = code;
+  for (const [from, to] of Object.entries(DS_STEP_FALLBACKS)) {
+    out = out.split(`var(${from})`).join(`var(${to})`);
+  }
+  return out;
+}
+
 function removeDuplicateStyleKeys(code: string): string {
   const lines = code.split("\n");
   const result: string[] = [];
@@ -123,6 +147,7 @@ async function main() {
         filePath: join(SVG_DIR, file),
       });
       code = removeDuplicateStyleKeys(code);
+      code = normalizeDsColorSteps(code);
     } catch (_err) {
       skipped++;
       continue;

package/src/components/FaceSmile.tsx

@@ -24,7 +24,7 @@ const FaceSmile = forwardRef<SVGSVGElement, IconProps>(
         clipRule="evenodd"
       />
       <path
-        fill="var(--ds-amber-800)"
+        fill="var(--ds-amber-900)"
         fillRule="evenodd"
         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"
         clipRule="evenodd"

package/src/components/PrismColor.tsx

@@ -18,8 +18,8 @@ const PrismColor = forwardRef<SVGSVGElement, IconProps>(
       {...props}
     >
       <path stroke="var(--ds-red-700)" strokeWidth={1.5} d="m9 7 3.5-4.5" />
-      <path stroke="var(--ds-blue-600)" strokeWidth={1.5} d="m10.5 9.5 5.25 1" />
-      <path stroke="var(--ds-teal-600)" strokeWidth={1.5} d="m10 8 5.75-2" />
+      <path stroke="var(--ds-blue-700)" strokeWidth={1.5} d="m10.5 9.5 5.25 1" />
+      <path stroke="var(--ds-teal-700)" strokeWidth={1.5} d="m10 8 5.75-2" />
       <path
         fill="currentColor"
         fillRule="evenodd"