anentrypoint-design 0.0.431 → 0.0.433

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.431",
+  "version": "0.0.433",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/css/app-shell/collab.css

@@ -68,6 +68,9 @@
    here under a distinct prefix since this is a different feature. */
 .ds-collab-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
 .ds-collab-bar-empty { color: var(--fg-3); font-size: var(--fs-sm); padding: var(--space-2) 0; }
+/* workspace kit's live tab: PresenceBar summary strip stacked above
+   SessionDashboard, filling the .ws-main flex column it renders inside. */
+.ds-workspace-live { display: flex; flex-direction: column; gap: var(--space-3); flex: 1; min-height: 0; }
 .ds-collab-chip {
   display: inline-flex;
   align-items: center;

package/src/css/app-shell/kits-appended.css

@@ -312,6 +312,11 @@
   font-family: var(--ff-mono); white-space: pre-line; font-size: clamp(16px, 5vw, 24px);
   background: var(--tile-tone, var(--panel-1));
 }
+/* Carousel adoption in the lightbox: each item takes the track's full inner
+   width so exactly one tile is visible per page, matching the modal's own
+   fixed 520px card width rather than sizing to caption content. */
+.ds-lightbox-card--carousel .ds-carousel-item { flex: 0 0 100%; width: 100%; }
+.ds-lightbox-card--carousel .ds-carousel-track { scroll-snap-type: x mandatory; }
 
 /* --- search ------------------------------------------------- */
 .ds-topbar-search { width: min(280px, 100%); min-width: 0; flex: 1 1 clamp(140px, 30vw, 280px); }
@@ -481,8 +486,18 @@
 
 /* == appended: signin kit cleanup == */
 /* -- signin kit (ui_kits/signin) -- */
-.ds-auth-wrap { padding: var(--space-2, 8px); display: flex; flex-direction: column; align-items: center; }
-.ds-auth-col { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: var(--space-2); margin: clamp(var(--space-2-75), 4vw, var(--space-4)) 0; min-width: 0; }
+/* Centres one short card in the pane. `display:flex` is repeated after
+   .ds-app-surface's `flow-root` because this class is used TOGETHER with that
+   root and must win the centring; `min-height:100%` lets justify-content
+   actually have room to centre against. No block margin: an auth screen is one
+   card, not a run of editorial sections, and inheriting .ds-section's 96px
+   rhythm is what pushed a 430px card to a 946px scroll height inside a ~514px
+   pane and gave .app-main its own scrollbar at every real window height. */
+.ds-auth-wrap { padding: var(--space-2, 8px); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; margin-block: 0; }
+/* `auto` block margin, not a fixed clamp: the wrap centres the column, and a
+   fixed top/bottom margin both fights that centring and re-adds height the pane
+   then has to scroll. `auto` collapses when the pane is short, centres when tall. */
+.ds-auth-col { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: var(--space-2); margin: auto 0; min-width: 0; }
 /* 18px ceiling: no tier between --space-3 (16) and --space-3-5 (20). */
 .ds-auth-form { padding: clamp(var(--space-2-75), 3vw, 18px); display: flex; flex-direction: column; gap: var(--space-2-5); }
 .ds-auth-sent { align-items: center; text-align: center; }
@@ -493,6 +508,7 @@
 .ds-auth-sent-glyph { font-size: 32px; color: var(--panel-accent); }
 .ds-auth-sent-title { margin: 0; font-weight: 600; }
 .ds-auth-sent-sub { margin: 0; color: var(--panel-text-2); overflow-wrap: anywhere; }
+.ds-auth-otp-wrap { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
 .ds-auth-field { display: flex; flex-direction: column; gap: var(--space-1); }
 /* .ds-auth-field-label joins the kit small-label voice above, no overrides. */
 .ds-auth-row-between { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); flex-wrap: wrap; }