anentrypoint-design 0.0.422 → 0.0.424
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/dist/247420.css +29 -2
- package/dist/247420.js +27 -27
- package/package.json +1 -1
- package/src/css/app-shell/kits-appended.css +29 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "anentrypoint-design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.424",
|
|
4
4
|
"description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/247420.js",
|
|
@@ -553,10 +553,37 @@
|
|
|
553
553
|
.ds-cli-warn .prompt, .ds-cli-warn .cmd { color: var(--mascot-on-ink); }
|
|
554
554
|
.ds-cli-log .prompt { color: var(--paper-3-dark); }
|
|
555
555
|
.ds-cli-log .cmd { color: var(--paper-2); font-family: var(--ff-mono); }
|
|
556
|
-
|
|
556
|
+
/* The terminal surface is theme-INDEPENDENT ink, like .cli itself: a shell
|
|
557
|
+
that turns white in light mode does not read as a terminal, and the
|
|
558
|
+
.ds-cli-* line tones above are all measured on --ink, so a light surface
|
|
559
|
+
would also break their contrast. */
|
|
560
|
+
.ds-term-body {
|
|
561
|
+
padding: var(--space-3) var(--space-3-5);
|
|
562
|
+
display: flex; flex-direction: column; gap: 0;
|
|
563
|
+
background: var(--ink); border-radius: var(--r-1);
|
|
564
|
+
font-family: var(--ff-mono); font-size: var(--fs-micro); line-height: 1.65;
|
|
565
|
+
}
|
|
566
|
+
/* .cli is authored in hero-content.css as a STANDALONE hero code block --
|
|
567
|
+
20px/24px padding, --fs-lg type, --r-3 radius and its own --ink background
|
|
568
|
+
per row. Stacked as scrollback those become a column of fat rounded cards
|
|
569
|
+
instead of terminal lines, which is why this kit did not read as a
|
|
570
|
+
terminal. Inside the terminal body a .cli is a LINE: no box of its own,
|
|
571
|
+
no radius, no padding, inheriting the body's mono scale. */
|
|
572
|
+
.ds-term-body .cli {
|
|
573
|
+
display: flex; align-items: flex-start; gap: var(--space-1-5);
|
|
574
|
+
padding: 0; background: none; border-radius: 0;
|
|
575
|
+
font-size: inherit; font-family: inherit; line-height: inherit;
|
|
576
|
+
overflow-x: visible;
|
|
577
|
+
}
|
|
578
|
+
/* Prompt marks are a fixed gutter so every line's text starts on one column;
|
|
579
|
+
ragged prompts are the tell of a fake terminal. ch units track the mono
|
|
580
|
+
glyph width, so the gutter holds at any type size. */
|
|
581
|
+
.ds-term-body .cli .prompt { flex: 0 0 auto; width: 1ch; text-align: center; opacity: 0.75; }
|
|
582
|
+
.ds-term-body .cli .cmd { flex: 1; min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: visible; }
|
|
557
583
|
.ds-term-body--tall { min-height: 280px; }
|
|
558
584
|
.ds-term-input-row { margin-top: var(--space-1-75); }
|
|
559
|
-
.ds-term-input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; font-family: var(--ff-mono); font-size: var(--fs-micro); color: var(--
|
|
585
|
+
.ds-term-input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; font-family: var(--ff-mono); font-size: var(--fs-micro); color: var(--paper); caret-color: var(--acid); }
|
|
586
|
+
.ds-term-input::placeholder { color: var(--paper-3-dark); }
|
|
560
587
|
/* The input itself is a prompt line, not a form control, so it is NOT floored
|
|
561
588
|
to 44px (that would break the terminal's line rhythm). Instead the whole
|
|
562
589
|
prompt ROW becomes the tap target, and the font goes to 16px so focusing it
|