@contentful/experience-design-system-cli 2.37.1-dev-build-2e476265.0 → 2.37.1-dev-build-c5906aa0.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.
Files changed (9) hide show
  1. package/dist/app.js +24 -19
  2. package/dist/index.js +25 -19
  3. package/dist/package.json +1 -1
  4. package/dist/src/tui/home/home.theme.d.ts +2 -1
  5. package/legacy/dist/src/analyze/select/tui/components/ScrollablePanel.d.ts +2 -2
  6. package/legacy/dist/src/analyze/select/tui/theme.d.ts +1 -1
  7. package/legacy/dist/src/index.js +398 -387
  8. package/legacy/package.json +1 -1
  9. package/package.json +2 -2
package/dist/app.js CHANGED
@@ -12,11 +12,14 @@ var BRAND = {
12
12
  orange: "#E44F20",
13
13
  yellow: "#FFDA00",
14
14
  white: "#FFFFFF",
15
- slate: "#8B8D91",
16
- steel: "#C4D1DE"
15
+ slate: "#A6B5C7",
16
+ steel: "#C4D1DE",
17
+ mist: "#DDE5EC",
18
+ fog: "#EFF2F6"
17
19
  };
18
20
  var PALETTE = {
19
21
  accent: BRAND.blue,
22
+ heading: BRAND.white,
20
23
  success: BRAND.green,
21
24
  error: BRAND.orange,
22
25
  warning: BRAND.yellow,
@@ -118,7 +121,7 @@ function useTerminalWidth() {
118
121
  import { Text } from "ink";
119
122
  import { jsx } from "react/jsx-runtime";
120
123
  function ControlHints({ hints }) {
121
- return /* @__PURE__ */ jsx(Text, { children: hints.map((hint) => `[${hint.keys}] ${hint.label}`).join(" \xB7 ") });
124
+ return /* @__PURE__ */ jsx(Text, { color: PALETTE.muted, children: hints.map((hint) => `${hint.keys} ${hint.label}`).join(" \xB7 ") });
122
125
  }
123
126
 
124
127
  // packages/experience-design-system-cli/src/tui/home/home.tsx
@@ -181,7 +184,7 @@ function HomeScreen({ onNavigate }) {
181
184
  }
182
185
  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
183
186
  /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", children: [
184
- /* @__PURE__ */ jsx2(Text2, { bold: true, children: HEADING }),
187
+ /* @__PURE__ */ jsx2(Text2, { bold: true, color: PALETTE.heading, children: HEADING }),
185
188
  /* @__PURE__ */ jsx2(Text2, { children: brandBar(HEADING.length).map((segment, i) => /* @__PURE__ */ jsx2(Text2, { color: segment.color, children: segment.text }, i)) }),
186
189
  /* @__PURE__ */ jsx2(Text2, { color: PALETTE.muted, children: SUBTITLE }),
187
190
  /* @__PURE__ */ jsxs(Text2, { color: PALETTE.muted, children: [
@@ -198,7 +201,8 @@ function HomeScreen({ onNavigate }) {
198
201
  Text2,
199
202
  {
200
203
  bold: focused && !dimmed,
201
- color: dimmed ? PALETTE.muted : focused ? PALETTE.accent : display.color,
204
+ dimColor: dimmed,
205
+ color: focused && !dimmed ? PALETTE.accent : display.color,
202
206
  children: [
203
207
  focused ? `${FOCUS_MARKER} ` : " ",
204
208
  display.label
@@ -231,13 +235,14 @@ function ImportScreen({ exitCode, onDone }) {
231
235
  });
232
236
  const isSuccess = exitCode === 0;
233
237
  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
238
+ /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Import" }),
234
239
  /* @__PURE__ */ jsx3(Text3, { children: " " }),
235
240
  isSuccess ? /* @__PURE__ */ jsx3(Text3, { color: PALETTE.success, children: "\u2713 Import complete" }) : /* @__PURE__ */ jsxs2(Text3, { color: PALETTE.error, children: [
236
241
  "\u2717 Import failed: process exited with code ",
237
242
  exitCode ?? "unknown"
238
243
  ] }),
239
244
  /* @__PURE__ */ jsx3(Text3, { children: " " }),
240
- /* @__PURE__ */ jsx3(Text3, { children: "[Enter] Back to Start" })
245
+ /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "[Enter] Back to Start" })
241
246
  ] });
242
247
  }
243
248
 
@@ -288,16 +293,16 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
288
293
  };
289
294
  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
290
295
  /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.success, children: "\u{1F44B} Hey! Let's import your design system into Contentful." }),
291
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: "I'll walk you through 5 steps to get your components into Contentful ExO." }),
292
- /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
296
+ /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "I'll walk you through 5 steps to get your components into Contentful ExO." }),
297
+ /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
293
298
  /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: RULE }),
294
299
  OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
295
300
  /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }),
296
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: item.description })
301
+ /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: item.description })
297
302
  ] }, item.label)),
298
303
  /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: RULE })
299
304
  ] }),
300
- /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
305
+ /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
301
306
  /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
302
307
  /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
303
308
  /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "?" }),
@@ -305,7 +310,7 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
305
310
  /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
306
311
  ] })
307
312
  ] }),
308
- /* @__PURE__ */ jsx4(Box3, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { children: [
313
+ /* @__PURE__ */ jsx4(Box3, { marginTop: 1, gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { dimColor: true, children: [
309
314
  "[",
310
315
  control.keys,
311
316
  "] ",
@@ -403,7 +408,7 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
403
408
  };
404
409
  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
405
410
  /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Design tokens" }),
406
- /* @__PURE__ */ jsx5(Text5, { color: PALETTE.muted, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
411
+ /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
407
412
  /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
408
413
  /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
409
414
  /* @__PURE__ */ jsx5(Text5, { color: PALETTE.accent, children: "?" }),
@@ -415,13 +420,13 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
415
420
  "\u2717 ",
416
421
  failure.error
417
422
  ] }),
418
- failure.resolvedPath && /* @__PURE__ */ jsxs4(Text5, { color: PALETTE.muted, children: [
423
+ failure.resolvedPath && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
419
424
  " Resolved to: ",
420
425
  failure.resolvedPath
421
426
  ] })
422
427
  ] })
423
428
  ] }),
424
- /* @__PURE__ */ jsx5(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
429
+ /* @__PURE__ */ jsx5(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
425
430
  "[",
426
431
  control.keys,
427
432
  "] ",
@@ -983,7 +988,7 @@ function Section({ title, rows }) {
983
988
  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
984
989
  /* @__PURE__ */ jsx7(Text7, { bold: true, color: PALETTE.accent, children: title }),
985
990
  rows.map((row) => /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
986
- /* @__PURE__ */ jsx7(Box6, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: row.label }) }),
991
+ /* @__PURE__ */ jsx7(Box6, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: row.label }) }),
987
992
  /* @__PURE__ */ jsx7(Text7, { children: row.value })
988
993
  ] }, row.label))
989
994
  ] });
@@ -1013,7 +1018,7 @@ function HelpScreen({ onDone }) {
1013
1018
  info ? /* @__PURE__ */ jsxs6(Fragment, { children: [
1014
1019
  /* @__PURE__ */ jsx7(Section, { title: "Where things are stored", rows: info.storage }),
1015
1020
  /* @__PURE__ */ jsx7(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
1016
- /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
1021
+ /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
1017
1022
  ] }) : /* @__PURE__ */ jsx7(Text7, { color: PALETTE.accent, children: "Loading..." }),
1018
1023
  /* @__PURE__ */ jsx7(
1019
1024
  ControlHints,
@@ -1255,7 +1260,7 @@ function ConfigurationScreen({ onDone }) {
1255
1260
  onSubmit: () => setEditing(false),
1256
1261
  mask: field === "cmaToken" ? "\u2022" : void 0
1257
1262
  }
1258
- ) : /* @__PURE__ */ jsx9(Text9, { children: display || /* @__PURE__ */ jsx9(Text9, { color: PALETTE.muted, children: "(empty)" }) })
1263
+ ) : /* @__PURE__ */ jsx9(Text9, { children: display || /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "(empty)" }) })
1259
1264
  ] }, field);
1260
1265
  }) }),
1261
1266
  notice && /* @__PURE__ */ jsxs8(Fragment2, { children: [
@@ -1348,8 +1353,8 @@ function OptInAnalyticsScreen({ onDone }) {
1348
1353
  /* @__PURE__ */ jsx10(Text10, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
1349
1354
  ] }),
1350
1355
  /* @__PURE__ */ jsx10(Text10, { children: " " }),
1351
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
1352
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
1356
+ /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Shares which CLI commands are used and where imports succeed or fail." }),
1357
+ /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Never includes source code, file paths, credentials, or authored content." })
1353
1358
  ] }),
1354
1359
  /* @__PURE__ */ jsx10(Text10, { children: " " }),
1355
1360
  /* @__PURE__ */ jsx10(
package/dist/index.js CHANGED
@@ -77,11 +77,14 @@ var init_home_theme = __esm({
77
77
  orange: "#E44F20",
78
78
  yellow: "#FFDA00",
79
79
  white: "#FFFFFF",
80
- slate: "#8B8D91",
81
- steel: "#C4D1DE"
80
+ slate: "#A6B5C7",
81
+ steel: "#C4D1DE",
82
+ mist: "#DDE5EC",
83
+ fog: "#EFF2F6"
82
84
  };
83
85
  PALETTE = {
84
86
  accent: BRAND.blue,
87
+ heading: BRAND.white,
85
88
  success: BRAND.green,
86
89
  error: BRAND.orange,
87
90
  warning: BRAND.yellow,
@@ -168,11 +171,12 @@ var init_use_terminal_width = __esm({
168
171
  import { Text } from "ink";
169
172
  import { jsx } from "react/jsx-runtime";
170
173
  function ControlHints({ hints }) {
171
- return /* @__PURE__ */ jsx(Text, { children: hints.map((hint) => `[${hint.keys}] ${hint.label}`).join(" \xB7 ") });
174
+ return /* @__PURE__ */ jsx(Text, { color: PALETTE.muted, children: hints.map((hint) => `${hint.keys} ${hint.label}`).join(" \xB7 ") });
172
175
  }
173
176
  var init_control_hints = __esm({
174
177
  "packages/experience-design-system-cli/src/tui/control-hints.tsx"() {
175
178
  "use strict";
179
+ init_home_theme();
176
180
  }
177
181
  });
178
182
 
@@ -228,7 +232,7 @@ function HomeScreen({ onNavigate }) {
228
232
  }
229
233
  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
230
234
  /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", children: [
231
- /* @__PURE__ */ jsx2(Text2, { bold: true, children: HEADING }),
235
+ /* @__PURE__ */ jsx2(Text2, { bold: true, color: PALETTE.heading, children: HEADING }),
232
236
  /* @__PURE__ */ jsx2(Text2, { children: brandBar(HEADING.length).map((segment, i) => /* @__PURE__ */ jsx2(Text2, { color: segment.color, children: segment.text }, i)) }),
233
237
  /* @__PURE__ */ jsx2(Text2, { color: PALETTE.muted, children: SUBTITLE }),
234
238
  /* @__PURE__ */ jsxs(Text2, { color: PALETTE.muted, children: [
@@ -245,7 +249,8 @@ function HomeScreen({ onNavigate }) {
245
249
  Text2,
246
250
  {
247
251
  bold: focused && !dimmed,
248
- color: dimmed ? PALETTE.muted : focused ? PALETTE.accent : display.color,
252
+ dimColor: dimmed,
253
+ color: focused && !dimmed ? PALETTE.accent : display.color,
249
254
  children: [
250
255
  focused ? `${FOCUS_MARKER} ` : " ",
251
256
  display.label
@@ -298,13 +303,14 @@ function ImportScreen({ exitCode, onDone }) {
298
303
  });
299
304
  const isSuccess = exitCode === 0;
300
305
  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
306
+ /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Import" }),
301
307
  /* @__PURE__ */ jsx3(Text3, { children: " " }),
302
308
  isSuccess ? /* @__PURE__ */ jsx3(Text3, { color: PALETTE.success, children: "\u2713 Import complete" }) : /* @__PURE__ */ jsxs2(Text3, { color: PALETTE.error, children: [
303
309
  "\u2717 Import failed: process exited with code ",
304
310
  exitCode ?? "unknown"
305
311
  ] }),
306
312
  /* @__PURE__ */ jsx3(Text3, { children: " " }),
307
- /* @__PURE__ */ jsx3(Text3, { children: "[Enter] Back to Start" })
313
+ /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "[Enter] Back to Start" })
308
314
  ] });
309
315
  }
310
316
  var init_PageContainer = __esm({
@@ -361,16 +367,16 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
361
367
  };
362
368
  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
363
369
  /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.success, children: "\u{1F44B} Hey! Let's import your design system into Contentful." }),
364
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: "I'll walk you through 5 steps to get your components into Contentful ExO." }),
365
- /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
370
+ /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "I'll walk you through 5 steps to get your components into Contentful ExO." }),
371
+ /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
366
372
  /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: RULE }),
367
373
  OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
368
374
  /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }),
369
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: item.description })
375
+ /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: item.description })
370
376
  ] }, item.label)),
371
377
  /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: RULE })
372
378
  ] }),
373
- /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
379
+ /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
374
380
  /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
375
381
  /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
376
382
  /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "?" }),
@@ -378,7 +384,7 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
378
384
  /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
379
385
  ] })
380
386
  ] }),
381
- /* @__PURE__ */ jsx4(Box3, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { children: [
387
+ /* @__PURE__ */ jsx4(Box3, { marginTop: 1, gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { dimColor: true, children: [
382
388
  "[",
383
389
  control.keys,
384
390
  "] ",
@@ -510,7 +516,7 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
510
516
  };
511
517
  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
512
518
  /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Design tokens" }),
513
- /* @__PURE__ */ jsx5(Text5, { color: PALETTE.muted, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
519
+ /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
514
520
  /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
515
521
  /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
516
522
  /* @__PURE__ */ jsx5(Text5, { color: PALETTE.accent, children: "?" }),
@@ -522,13 +528,13 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
522
528
  "\u2717 ",
523
529
  failure.error
524
530
  ] }),
525
- failure.resolvedPath && /* @__PURE__ */ jsxs4(Text5, { color: PALETTE.muted, children: [
531
+ failure.resolvedPath && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
526
532
  " Resolved to: ",
527
533
  failure.resolvedPath
528
534
  ] })
529
535
  ] })
530
536
  ] }),
531
- /* @__PURE__ */ jsx5(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
537
+ /* @__PURE__ */ jsx5(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
532
538
  "[",
533
539
  control.keys,
534
540
  "] ",
@@ -1153,7 +1159,7 @@ function Section({ title, rows }) {
1153
1159
  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
1154
1160
  /* @__PURE__ */ jsx7(Text7, { bold: true, color: PALETTE.accent, children: title }),
1155
1161
  rows.map((row) => /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
1156
- /* @__PURE__ */ jsx7(Box6, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: row.label }) }),
1162
+ /* @__PURE__ */ jsx7(Box6, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: row.label }) }),
1157
1163
  /* @__PURE__ */ jsx7(Text7, { children: row.value })
1158
1164
  ] }, row.label))
1159
1165
  ] });
@@ -1183,7 +1189,7 @@ function HelpScreen({ onDone }) {
1183
1189
  info ? /* @__PURE__ */ jsxs6(Fragment, { children: [
1184
1190
  /* @__PURE__ */ jsx7(Section, { title: "Where things are stored", rows: info.storage }),
1185
1191
  /* @__PURE__ */ jsx7(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
1186
- /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
1192
+ /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
1187
1193
  ] }) : /* @__PURE__ */ jsx7(Text7, { color: PALETTE.accent, children: "Loading..." }),
1188
1194
  /* @__PURE__ */ jsx7(
1189
1195
  ControlHints,
@@ -1435,7 +1441,7 @@ function ConfigurationScreen({ onDone }) {
1435
1441
  onSubmit: () => setEditing(false),
1436
1442
  mask: field === "cmaToken" ? "\u2022" : void 0
1437
1443
  }
1438
- ) : /* @__PURE__ */ jsx9(Text9, { children: display || /* @__PURE__ */ jsx9(Text9, { color: PALETTE.muted, children: "(empty)" }) })
1444
+ ) : /* @__PURE__ */ jsx9(Text9, { children: display || /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "(empty)" }) })
1439
1445
  ] }, field);
1440
1446
  }) }),
1441
1447
  notice && /* @__PURE__ */ jsxs8(Fragment2, { children: [
@@ -1558,8 +1564,8 @@ function OptInAnalyticsScreen({ onDone }) {
1558
1564
  /* @__PURE__ */ jsx10(Text10, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
1559
1565
  ] }),
1560
1566
  /* @__PURE__ */ jsx10(Text10, { children: " " }),
1561
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
1562
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
1567
+ /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Shares which CLI commands are used and where imports succeed or fail." }),
1568
+ /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Never includes source code, file paths, credentials, or authored content." })
1563
1569
  ] }),
1564
1570
  /* @__PURE__ */ jsx10(Text10, { children: " " }),
1565
1571
  /* @__PURE__ */ jsx10(
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/experience-design-system-cli",
3
- "version": "2.37.1-dev-build-2e476265.0",
3
+ "version": "2.37.1-dev-build-c5906aa0.0",
4
4
  "description": "Contentful Experiences design system import CLI",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/dist/src/tui/home/home.theme.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  export declare const PALETTE: {
2
2
  readonly accent: "#1773EB";
3
+ readonly heading: "#FFFFFF";
3
4
  readonly success: "#00C459";
4
5
  readonly error: "#E44F20";
5
6
  readonly warning: "#FFDA00";
6
- readonly muted: "#8B8D91";
7
+ readonly muted: "#A6B5C7";
7
8
  readonly border: "#C4D1DE";
8
9
  };
9
10
  export declare function brandBar(width: number, ramp?: readonly string[]): {
package/legacy/dist/src/analyze/select/tui/components/ScrollablePanel.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  type ScrollablePanelProps = {
3
- title: string;
3
+ header: React.ReactNode;
4
4
  width: number;
5
5
  height: number;
6
6
  active: boolean;
@@ -10,5 +10,5 @@ type ScrollablePanelProps = {
10
10
  borderColor?: string;
11
11
  children: React.ReactNode;
12
12
  };
13
- export declare function ScrollablePanel({ title, width, height, active, totalLines, visibleStart, visibleEnd, borderColor, children, }: ScrollablePanelProps): React.ReactElement;
13
+ export declare function ScrollablePanel({ header, width, height, active, totalLines, visibleStart, visibleEnd, borderColor, children, }: ScrollablePanelProps): React.ReactElement;
14
14
  export {};
package/legacy/dist/src/analyze/select/tui/theme.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const PALETTE: {
7
7
  readonly warning: "#FFDA00";
8
8
  readonly fg: "#000000";
9
9
  readonly inverse: "#FFFFFF";
10
- readonly muted: "#8B8D91";
10
+ readonly muted: "#A6B5C7";
11
11
  readonly border: "#C4D1DE";
12
12
  readonly subtle: "#DDE5EC";
13
13
  readonly bg: "#EFF2F6";