anentrypoint-design 0.0.423 → 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/dist/247420.css
CHANGED
|
@@ -6200,10 +6200,37 @@
|
|
|
6200
6200
|
.ds-247420 .ds-cli-warn .prompt, .ds-247420 .ds-cli-warn .cmd { color: var(--mascot-on-ink); }
|
|
6201
6201
|
.ds-247420 .ds-cli-log .prompt { color: var(--paper-3-dark); }
|
|
6202
6202
|
.ds-247420 .ds-cli-log .cmd { color: var(--paper-2); font-family: var(--ff-mono); }
|
|
6203
|
-
|
|
6203
|
+
/* The terminal surface is theme-INDEPENDENT ink, like .cli itself: a shell
|
|
6204
|
+
that turns white in light mode does not read as a terminal, and the
|
|
6205
|
+
.ds-cli-* line tones above are all measured on --ink, so a light surface
|
|
6206
|
+
would also break their contrast. */
|
|
6207
|
+
.ds-247420 .ds-term-body {
|
|
6208
|
+
padding: var(--space-3) var(--space-3-5);
|
|
6209
|
+
display: flex; flex-direction: column; gap: 0;
|
|
6210
|
+
background: var(--ink); border-radius: var(--r-1);
|
|
6211
|
+
font-family: var(--ff-mono); font-size: var(--fs-micro); line-height: 1.65;
|
|
6212
|
+
}
|
|
6213
|
+
/* .cli is authored in hero-content.css as a STANDALONE hero code block --
|
|
6214
|
+
20px/24px padding, --fs-lg type, --r-3 radius and its own --ink background
|
|
6215
|
+
per row. Stacked as scrollback those become a column of fat rounded cards
|
|
6216
|
+
instead of terminal lines, which is why this kit did not read as a
|
|
6217
|
+
terminal. Inside the terminal body a .cli is a LINE: no box of its own,
|
|
6218
|
+
no radius, no padding, inheriting the body's mono scale. */
|
|
6219
|
+
.ds-247420 .ds-term-body .cli {
|
|
6220
|
+
display: flex; align-items: flex-start; gap: var(--space-1-5);
|
|
6221
|
+
padding: 0; background: none; border-radius: 0;
|
|
6222
|
+
font-size: inherit; font-family: inherit; line-height: inherit;
|
|
6223
|
+
overflow-x: visible;
|
|
6224
|
+
}
|
|
6225
|
+
/* Prompt marks are a fixed gutter so every line's text starts on one column;
|
|
6226
|
+
ragged prompts are the tell of a fake terminal. ch units track the mono
|
|
6227
|
+
glyph width, so the gutter holds at any type size. */
|
|
6228
|
+
.ds-247420 .ds-term-body .cli .prompt { flex: 0 0 auto; width: 1ch; text-align: center; opacity: 0.75; }
|
|
6229
|
+
.ds-247420 .ds-term-body .cli .cmd { flex: 1; min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: visible; }
|
|
6204
6230
|
.ds-247420 .ds-term-body--tall { min-height: 280px; }
|
|
6205
6231
|
.ds-247420 .ds-term-input-row { margin-top: var(--space-1-75); }
|
|
6206
|
-
.ds-247420 .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(--
|
|
6232
|
+
.ds-247420 .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); }
|
|
6233
|
+
.ds-247420 .ds-term-input::placeholder { color: var(--paper-3-dark); }
|
|
6207
6234
|
/* The input itself is a prompt line, not a form control, so it is NOT floored
|
|
6208
6235
|
to 44px (that would break the terminal's line rhythm). Instead the whole
|
|
6209
6236
|
prompt ROW becomes the tap target, and the font goes to 16px so focusing it
|