@astryxdesign/cli 0.4.7-canary.674b8b8 → 0.4.7-canary.6c8b15c

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/README.md CHANGED
@@ -581,12 +581,13 @@ export default {
581
581
  };
582
582
  ```
583
583
 
584
- | Field | Type | Purpose |
585
- | ------------ | -------- | --------------------------------------------------------------------- |
586
- | `components` | `string` | Directory holding the package's components and their `.doc.*` files. |
587
- | `templates` | `string` | Directory holding the package's page/block templates. |
588
- | `codemods` | `string` | Directory holding upgrade codemods run by `astryx upgrade`. |
589
- | `issuesUrl` | `string` | Where "report an issue" links for this package's contributions point. |
584
+ | Field | Type | Purpose |
585
+ | ------------ | -------- | --------------------------------------------------------------------------------- |
586
+ | `components` | `string` | Directory holding the package's components and their `.doc.*` files. |
587
+ | `templates` | `string` | Directory holding the package's page/block templates. |
588
+ | `codemods` | `string` | Directory holding upgrade codemods run by `astryx upgrade`. |
589
+ | `docs` | `string` | Directory of reference docs; each `{topic}.doc.*` becomes a topic the CLI serves. |
590
+ | `issuesUrl` | `string` | Where "report an issue" links for this package's contributions point. |
590
591
 
591
592
  Every field is optional; declare only the roots the package ships. There is no
592
593
  factory: write a plain object, and annotate it with the `AstryxIntegration` type
@@ -36,7 +36,11 @@ const clipStyle: CSSProperties = {
36
36
  // 3 columns on desktop, dropping straight to 1 column below 720px (no 2-col
37
37
  // middle state). minmax(0, 1fr) (not 1fr) so tracks split evenly and ignore the
38
38
  // images' intrinsic min-width. The hero spans 2 columns on desktop, then fills
39
- // the row once it's single-column.
39
+ // the row once it's single-column — and switches from 3:1 to 3:2 with a plain
40
+ // aspect-ratio override. AspectRatio's ratio is a class-level declaration in
41
+ // @layer astryx-base, and this <style> tag is unlayered, so the override wins
42
+ // regardless of specificity — every stacked tile is uniform without rendering
43
+ // the hero twice.
40
44
  const GALLERY_CSS = `
41
45
  .mixed-gallery-grid {
42
46
  display: grid;
@@ -52,6 +56,7 @@ const GALLERY_CSS = `
52
56
  }
53
57
  .mixed-gallery-hero {
54
58
  grid-column: 1 / -1;
59
+ aspect-ratio: 3 / 2;
55
60
  }
56
61
  }
57
62
  `;
@@ -134,9 +139,13 @@ export default function MixedGalleryTemplate() {
134
139
  of three. Every tile is 3:2 except the hero, which is 3:1 so that
135
140
  (being 2 columns wide) it matches the row height exactly. All
136
141
  rows are therefore the same height. Responsive via @container:
137
- 3 columns → 1 column at ≤720px. */}
142
+ 3 columns → 1 column at ≤720px, where the hero drops to 3:2 so
143
+ the stacked tiles are uniform. */}
138
144
  <div className="mixed-gallery-grid">
139
- {/* Hero — spans 2 columns; 3:1 keeps it level with the sidebar */}
145
+ {/* Hero — spans 2 columns; 3:1 keeps it level with the sidebar.
146
+ Stacked, the unlayered aspect-ratio override switches it to
147
+ 3:2 (see GALLERY_CSS) — one element, no duplicate hero
148
+ markup. */}
140
149
  <GalleryCard
141
150
  image={IMAGES[0]}
142
151
  ratio={3 / 1}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/cli",
3
- "version": "0.4.7-canary.674b8b8",
3
+ "version": "0.4.7-canary.6c8b15c",
4
4
  "displayName": "CLI",
5
5
  "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
6
6
  "author": "Meta Open Source",
@@ -87,10 +87,10 @@
87
87
  "zod": "^4.4.3"
88
88
  },
89
89
  "peerDependencies": {
90
- "@astryxdesign/charts": "0.4.7-canary.674b8b8",
91
- "@astryxdesign/core": "0.4.7-canary.674b8b8",
92
- "@astryxdesign/lab": "0.4.7-canary.674b8b8",
93
- "@astryxdesign/theme-neutral": "0.4.7-canary.674b8b8",
90
+ "@astryxdesign/charts": "0.4.7-canary.6c8b15c",
91
+ "@astryxdesign/core": "0.4.7-canary.6c8b15c",
92
+ "@astryxdesign/lab": "0.4.7-canary.6c8b15c",
93
+ "@astryxdesign/theme-neutral": "0.4.7-canary.6c8b15c",
94
94
  "gpt-tokenizer": "^3.4.0"
95
95
  },
96
96
  "peerDependenciesMeta": {
@@ -108,10 +108,10 @@
108
108
  }
109
109
  },
110
110
  "devDependencies": {
111
- "@astryxdesign/charts": "0.4.7-canary.674b8b8",
112
- "@astryxdesign/core": "0.4.7-canary.674b8b8",
113
- "@astryxdesign/lab": "0.4.7-canary.674b8b8",
114
- "@astryxdesign/theme-neutral": "0.4.7-canary.674b8b8",
111
+ "@astryxdesign/charts": "0.4.7-canary.6c8b15c",
112
+ "@astryxdesign/core": "0.4.7-canary.6c8b15c",
113
+ "@astryxdesign/lab": "0.4.7-canary.6c8b15c",
114
+ "@astryxdesign/theme-neutral": "0.4.7-canary.6c8b15c",
115
115
  "gpt-tokenizer": "^3.4.0"
116
116
  },
117
117
  "scripts": {