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