anentrypoint-design 0.0.274 → 0.0.276

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 (5) hide show
  1. package/app-shell.css +31 -3
  2. package/dist/247420.css +31 -3
  3. package/dist/247420.js +15 -15
  4. package/dist/index.html +3 -3
  5. package/package.json +1 -1
package/app-shell.css CHANGED
@@ -718,10 +718,10 @@ a.row { text-decoration: none; }
718
718
  No centered stack. */
719
719
  .ds-hero {
720
720
  padding: var(--space-9) 0 var(--space-8);
721
- display: grid; gap: var(--space-5) var(--space-6);
721
+ display: grid; gap: var(--space-5) var(--space-5);
722
722
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
723
723
  grid-template-areas: 'title title' 'body actions';
724
- align-items: end;
724
+ align-items: start;
725
725
  max-width: var(--measure-wide);
726
726
  }
727
727
  .ds-hero-head { grid-area: title; display: grid; gap: var(--space-3); }
@@ -740,7 +740,10 @@ a.row { text-decoration: none; }
740
740
  }
741
741
  /* The lead phrase in the title — printed in the electric lead, not glowing. */
742
742
  .ds-hero-accent { color: var(--accent-ink); font-weight: 700; }
743
- .ds-hero-actions { display: flex; gap: var(--space-2, 10px); flex-wrap: wrap; align-self: end; }
743
+ .ds-hero-actions {
744
+ display: flex; gap: var(--space-2, 10px); flex-wrap: wrap;
745
+ align-self: start; margin-top: var(--space-hair, 4px);
746
+ }
744
747
  /* Container-queried (the whole shell is; a 500px pane on a wide viewport
745
748
  would keep the two-column grid under a width @media). Left-aligned stack —
746
749
  no centering — preserving the asymmetric intent. */
@@ -4199,6 +4202,31 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
4199
4202
  @media (max-width: 480px) {
4200
4203
  .ds-home-panel { margin: var(--space-1, 4px) 0; }
4201
4204
  }
4205
+ /* Home landing section tablist (site/theme.mjs Tabs()) — bare .tabs had no
4206
+ rule anywhere, so the four links rendered as unstyled inline text jammed
4207
+ together with no separation. Mirror the topbar nav pill-tab treatment. */
4208
+ .tabs[role="tablist"] {
4209
+ display: flex;
4210
+ flex-wrap: wrap;
4211
+ gap: var(--space-1, 4px);
4212
+ font-size: var(--fs-sm);
4213
+ }
4214
+ .tabs[role="tablist"] a {
4215
+ display: flex;
4216
+ align-items: center;
4217
+ gap: var(--space-1, 4px);
4218
+ padding: var(--space-2, 8px) var(--space-3, 12px);
4219
+ border-radius: var(--r-pill);
4220
+ color: var(--fg-2);
4221
+ transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
4222
+ }
4223
+ .tabs[role="tablist"] a:hover { background: var(--bg-2); color: var(--fg); }
4224
+ .tabs[role="tablist"] a.active {
4225
+ color: var(--accent-ink);
4226
+ background: color-mix(in oklab, var(--accent) 16%, transparent);
4227
+ box-shadow: inset 0 -2px 0 0 var(--accent);
4228
+ font-weight: 600;
4229
+ }
4202
4230
  .ds-quickstart {
4203
4231
  padding: var(--space-3, 16px) var(--space-4, 22px);
4204
4232
  display: flex;
package/dist/247420.css CHANGED
@@ -1234,10 +1234,10 @@
1234
1234
  No centered stack. */
1235
1235
  .ds-247420 .ds-hero {
1236
1236
  padding: var(--space-9) 0 var(--space-8);
1237
- display: grid; gap: var(--space-5) var(--space-6);
1237
+ display: grid; gap: var(--space-5) var(--space-5);
1238
1238
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
1239
1239
  grid-template-areas: 'title title' 'body actions';
1240
- align-items: end;
1240
+ align-items: start;
1241
1241
  max-width: var(--measure-wide);
1242
1242
  }
1243
1243
  .ds-247420 .ds-hero-head { grid-area: title; display: grid; gap: var(--space-3); }
@@ -1256,7 +1256,10 @@
1256
1256
  }
1257
1257
  /* The lead phrase in the title — printed in the electric lead, not glowing. */
1258
1258
  .ds-247420 .ds-hero-accent { color: var(--accent-ink); font-weight: 700; }
1259
- .ds-247420 .ds-hero-actions { display: flex; gap: var(--space-2, 10px); flex-wrap: wrap; align-self: end; }
1259
+ .ds-247420 .ds-hero-actions {
1260
+ display: flex; gap: var(--space-2, 10px); flex-wrap: wrap;
1261
+ align-self: start; margin-top: var(--space-hair, 4px);
1262
+ }
1260
1263
  /* Container-queried (the whole shell is; a 500px pane on a wide viewport
1261
1264
  would keep the two-column grid under a width @media). Left-aligned stack —
1262
1265
  no centering — preserving the asymmetric intent. */
@@ -4703,6 +4706,31 @@
4703
4706
  @media (max-width: 480px) {
4704
4707
  .ds-247420 .ds-home-panel { margin: var(--space-1, 4px) 0; }
4705
4708
  }
4709
+ /* Home landing section tablist (site/theme.mjs Tabs()) — bare .tabs had no
4710
+ rule anywhere, so the four links rendered as unstyled inline text jammed
4711
+ together with no separation. Mirror the topbar nav pill-tab treatment. */
4712
+ .ds-247420 .tabs[role="tablist"] {
4713
+ display: flex;
4714
+ flex-wrap: wrap;
4715
+ gap: var(--space-1, 4px);
4716
+ font-size: var(--fs-sm);
4717
+ }
4718
+ .ds-247420 .tabs[role="tablist"] a {
4719
+ display: flex;
4720
+ align-items: center;
4721
+ gap: var(--space-1, 4px);
4722
+ padding: var(--space-2, 8px) var(--space-3, 12px);
4723
+ border-radius: var(--r-pill);
4724
+ color: var(--fg-2);
4725
+ transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
4726
+ }
4727
+ .ds-247420 .tabs[role="tablist"] a:hover { background: var(--bg-2); color: var(--fg); }
4728
+ .ds-247420 .tabs[role="tablist"] a.active {
4729
+ color: var(--accent-ink);
4730
+ background: color-mix(in oklab, var(--accent) 16%, transparent);
4731
+ box-shadow: inset 0 -2px 0 0 var(--accent);
4732
+ font-weight: 600;
4733
+ }
4706
4734
  .ds-247420 .ds-quickstart {
4707
4735
  padding: var(--space-3, 16px) var(--space-4, 22px);
4708
4736
  display: flex;