nxds-cli 0.7.0 → 0.8.0

package/dist/index.js

@@ -10,6 +10,17 @@ function formatThemeFlags(flags) {
   return flags.map(({ flag, value }) => `--${flag} ${shellValue(value)}`).join(" ");
 }
 
+// ../core/src/token-source/ui-scale.ts
+var UI_SCALES = {
+  small: { spacing: 0.9, text: 12 / 14, icon: 14 / 16 },
+  default: { spacing: 1, text: 1, icon: 1 },
+  large: { spacing: 1.1, text: 16 / 14, icon: 18 / 16 },
+  larger: { spacing: 1.25, text: 18 / 14, icon: 20 / 16 }
+};
+var NON_DEFAULT_UI_SCALES = Object.keys(UI_SCALES).filter((scale) => scale !== "default");
+var TEXT_SIZES = [12, 13, 14, 15, 16];
+var MIN_TEXT_PX = 8;
+
 // ../../node_modules/culori/src/rgb/parseNumber.js
 var parseNumber = (color, len) => {
   if (typeof color !== "number") return;
@@ -3839,9 +3850,6 @@ for (const pair of APCA_PAIRS) {
   group.pairs.push(pair);
 }
 
-// ../core/src/lib/typography-scale.ts
-var TYPOGRAPHY_BASE_PX = 14;
-
 // ../core/src/lib/appearance-model.ts
 var DEFAULT_BRAND_COLOR = "#0a0a0a";
 var BASE_TONE_OPTIONS = [
@@ -3851,6 +3859,13 @@ var BASE_TONE_OPTIONS = [
   { value: "slate", label: "Slate", color: "#717376" },
   { value: "gray", label: "Gray", color: "#707274" }
 ];
+var UI_SCALE_OPTIONS = [
+  { value: "small", label: "Small" },
+  { value: "default", label: "Default" },
+  { value: "large", label: "Large" },
+  { value: "larger", label: "Larger" }
+];
+var TEXT_SIZE_OPTIONS = TEXT_SIZES.map((value) => ({ value, label: `${value}px` }));
 var DENSITY_OPTIONS = [
   { value: "tight", label: "Tight" },
   { value: "compact", label: "Compact" },
@@ -3884,6 +3899,8 @@ var DEFAULT_NXDS_APPEARANCE = {
   surfaceTone: "zinc",
   lightContrast: 50,
   darkContrast: 50,
+  uiScale: "default",
+  textSize: 14,
   density: "default",
   corners: "subtle",
   elevation: "quiet",
@@ -3892,18 +3909,21 @@ var DEFAULT_NXDS_APPEARANCE = {
     uiFont: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
     headingFont: null,
     codeFont: 'ui-monospace, "SF Mono", Menlo, monospace',
-    uiFontSize: TYPOGRAPHY_BASE_PX,
     codeFontSize: 12,
     reduceMotion: false,
     pointerCursors: false,
     fontSmoothing: false
   }
 };
-var FONT_SIZE_PX_MIN = 8;
+var FONT_SIZE_PX_MIN = MIN_TEXT_PX;
 var FONT_SIZE_PX_MAX = 32;
 var SURFACE_TONES = new Set(
   BASE_TONE_OPTIONS.map((option) => option.value)
 );
+var SCALES = new Set(
+  UI_SCALE_OPTIONS.map((option) => option.value)
+);
+var TEXT_SIZE_VALUES = new Set(TEXT_SIZES);
 var DENSITIES = new Set(
   DENSITY_OPTIONS.map((option) => option.value)
 );
@@ -4056,20 +4076,6 @@ function contrastField(flag, key, description) {
     })
   };
 }
-function fontSizeField(flag, key, description) {
-  return {
-    kind: "integer",
-    flag,
-    key: `prefs.${key}`,
-    description,
-    min: FONT_SIZE_PX_MIN,
-    max: FONT_SIZE_PX_MAX,
-    read: (theme) => String(theme.appearance.prefs[key]),
-    write: (theme, value) => withPrefs(theme, {
-      [key]: integer(flag, value, FONT_SIZE_PX_MIN, FONT_SIZE_PX_MAX)
-    })
-  };
-}
 function fontField(flag, key, description, categories, fallback) {
   const fonts = FONT_OPTIONS.filter(
     (font) => categories.includes(font.category)
@@ -4100,6 +4106,9 @@ function fontField(flag, key, description, categories, fallback) {
     }
   };
 }
+var TEXT_SIZES2 = TEXT_SIZE_OPTIONS.map((option) => option.value);
+var TEXT_SIZE_MIN = Math.min(...TEXT_SIZES2);
+var TEXT_SIZE_MAX = Math.max(...TEXT_SIZES2);
 var DEFAULT_PREFS = DEFAULT_NXDS_APPEARANCE.prefs;
 var TEXT_FONTS = ["sans", "serif"];
 var NXDS_THEME_FIELDS = [
@@ -4120,6 +4129,30 @@ var NXDS_THEME_FIELDS = [
     "neutral tone of backgrounds and borders",
     BASE_TONE_OPTIONS.map((option) => option.value)
   ),
+  enumField(
+    "ui-scale",
+    "uiScale",
+    "size of text, icons and spacing together",
+    UI_SCALE_OPTIONS.map((option) => option.value)
+  ),
+  {
+    kind: "integer",
+    flag: "text-size",
+    key: "textSize",
+    description: `label text size in px at the default UI scale, ${TEXT_SIZE_MIN} to ${TEXT_SIZE_MAX}`,
+    min: TEXT_SIZE_MIN,
+    max: TEXT_SIZE_MAX,
+    read: (theme) => String(theme.appearance.textSize),
+    write: (theme, value) => withAppearance(theme, {
+      // Every whole number from the minimum to the maximum is a text size.
+      textSize: integer(
+        "text-size",
+        value,
+        TEXT_SIZE_MIN,
+        TEXT_SIZE_MAX
+      )
+    })
+  },
   enumField(
     "density",
     "density",
@@ -4170,8 +4203,23 @@ var NXDS_THEME_FIELDS = [
     value: "system",
     family: DEFAULT_PREFS.codeFont
   }),
-  fontSizeField("font-size", "uiFontSize", "UI text size in px"),
-  fontSizeField("code-font-size", "codeFontSize", "code text size in px"),
+  {
+    kind: "integer",
+    flag: "code-font-size",
+    key: "prefs.codeFontSize",
+    description: "code text size in px",
+    min: FONT_SIZE_PX_MIN,
+    max: FONT_SIZE_PX_MAX,
+    read: (theme) => String(theme.appearance.prefs.codeFontSize),
+    write: (theme, value) => withPrefs(theme, {
+      codeFontSize: integer(
+        "code-font-size",
+        value,
+        FONT_SIZE_PX_MIN,
+        FONT_SIZE_PX_MAX
+      )
+    })
+  },
   {
     kind: "choice",
     flag: "icons",
@@ -4556,7 +4604,7 @@ async function fetchRelease(registry, version) {
   if (isNewerSchema(value)) {
     const release = version === "latest" ? "The latest nxds release" : `nxds ${version}`;
     throw new CliError(
-      `${release} needs a newer nxds-cli than ${"0.7.0"}. Run \`${CLI_COMMAND}\` to get the newest one.`
+      `${release} needs a newer nxds-cli than ${"0.8.0"}. Run \`${CLI_COMMAND}\` to get the newest one.`
     );
   }
   const invalid2 = (problems) => new CliError(
@@ -7138,7 +7186,7 @@ function program(done, write) {
     // Errors are printed once, by `main`, as text or JSON.
     outputError: () => {
     }
-  }).exitOverride().name(CLI_COMMAND).description("Add nxds to your app.").version("0.7.0", "-v, --version", "print the version").helpOption("-h, --help", "show help").helpCommand("help [command]", "show help for a command").option("--json", "print machine-readable JSON").option("--cwd <path>", "run in another folder").addOption(
+  }).exitOverride().name(CLI_COMMAND).description("Add nxds to your app.").version("0.8.0", "-v, --version", "print the version").helpOption("-h, --help", "show help").helpCommand("help [command]", "show help for a command").option("--json", "print machine-readable JSON").option("--cwd <path>", "run in another folder").addOption(
     new Option(
       "--registry <url|path>",
       "where to get nxds releases (default: https://nxds.dev/r)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nxds-cli",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "description": "Install nxds components, blocks and setup into your app.",
   "keywords": [
@@ -45,9 +45,9 @@
     "@types/semver": "^7.8.0",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "@nxds/catalog": "0.0.2",
-    "@nxds/claude-design": "0.14.0",
-    "@nxds/core": "0.13.0"
+    "@nxds/catalog": "0.0.3",
+    "@nxds/claude-design": "0.17.0",
+    "@nxds/core": "0.14.0"
   },
   "scripts": {
     "build": "tsup",