anentrypoint-design 0.0.97 → 0.0.99

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 (7) hide show
  1. package/app-shell.css +53 -8
  2. package/colors_and_type.css +9 -0
  3. package/dist/247420.app.js +4 -4
  4. package/dist/247420.css +62 -8
  5. package/dist/247420.js +21 -21
  6. package/package.json +1 -1
  7. package/src/components/content.js +17 -14
package/dist/247420.css CHANGED
@@ -235,6 +235,15 @@
235
235
 
236
236
  /* Measure */
237
237
  --measure: 72ch;
238
+ --measure-prose: 68ch;
239
+
240
+ /* Prose rhythm — asymmetric stack scale for editorial surfaces */
241
+ --prose-stack-sm: 12px;
242
+ --prose-stack-md: 24px;
243
+ --prose-stack-lg: 56px;
244
+
245
+ /* Tool rhythm — canonical gutter for dense panel internals */
246
+ --tool-gutter: 16px;
238
247
 
239
248
  /* Extended type scale */
240
249
  --fs-body: 15px;
@@ -1040,7 +1049,7 @@
1040
1049
  margin: 16px 0;
1041
1050
  }
1042
1051
  .ds-247420 .panel-head {
1043
- padding: 14px 22px;
1052
+ padding: 10px 22px 18px 22px;
1044
1053
  background: var(--panel-1);
1045
1054
  font-family: var(--ff-ui);
1046
1055
  font-size: 13px;
@@ -1050,9 +1059,9 @@
1050
1059
  display: flex;
1051
1060
  justify-content: space-between;
1052
1061
  align-items: center;
1053
- gap: 12px;
1062
+ gap: var(--tool-gutter);
1054
1063
  }
1055
- .ds-247420 .panel-body { padding: 12px 16px; background: var(--panel-1); }
1064
+ .ds-247420 .panel-body { padding: 12px var(--tool-gutter); background: var(--panel-1); }
1056
1065
  .ds-247420 .panel-body > .row, .ds-247420 .panel-body > div > .row { border-radius: 0; margin-bottom: 0; }
1057
1066
  .ds-247420 .panel-body > .row-form, .ds-247420 .panel-body > form.row-form { margin-bottom: 0; }
1058
1067
 
@@ -1942,17 +1951,54 @@
1942
1951
  font-size: 13px;
1943
1952
  line-height: 1.6;
1944
1953
  }
1945
- .ds-247420 .ds-work-body { margin: 0 0 12px 0; max-width: 64ch; }
1946
- .ds-247420 .ds-work-actions { display: flex; gap: 8px; }
1954
+ .ds-247420 .ds-work-body { margin: 0; }
1955
+ .ds-247420 .work-detail .ds-prose { margin: 0 0 var(--prose-stack-md) 0; }
1956
+ .ds-247420 .ds-work-actions { display: flex; gap: var(--tool-gutter); }
1947
1957
 
1948
1958
  .ds-247420 .panel.panel-inline { max-width: 560px; margin: 0; }
1949
1959
  .ds-247420 .panel.panel-wide { max-width: 900px; }
1950
- .ds-247420 .panel.panel-manifesto { /* width comes from style attr */ }
1951
1960
 
1952
- .ds-247420 .ds-manifesto { padding: 20px 24px; font-size: 14px; line-height: 1.7; color: var(--panel-text); }
1953
- .ds-247420 .ds-manifesto-para { margin: 0 0 12px 0; }
1961
+ /* ============================================================
1962
+ .ds-prose — editorial prose surface. No chrome, no background,
1963
+ capped measure, asymmetric heading rhythm. Headings hug their
1964
+ own body (large space above, small space below).
1965
+ ============================================================ */
1966
+ .ds-247420 .ds-prose {
1967
+ max-inline-size: var(--measure-prose);
1968
+ color: var(--panel-text);
1969
+ font-family: var(--ff-prose);
1970
+ font-size: 15px;
1971
+ line-height: 1.7;
1972
+ }
1973
+ .ds-247420 .ds-prose > * { margin: 0; }
1974
+ .ds-247420 .ds-prose > * + * { margin-top: var(--prose-stack-md); }
1975
+ .ds-247420 .ds-prose > h1,
1976
+ .ds-247420 .ds-prose > h2,
1977
+ .ds-247420 .ds-prose > h3,
1978
+ .ds-247420 .ds-prose > h4,
1979
+ .ds-247420 .ds-prose > h5,
1980
+ .ds-247420 .ds-prose > h6 {
1981
+ margin-top: var(--prose-stack-lg);
1982
+ margin-bottom: var(--prose-stack-sm);
1983
+ line-height: 1.2;
1984
+ }
1985
+ .ds-247420 .ds-prose > :first-child { margin-top: 0; }
1986
+ .ds-247420 .ds-prose > h1 + *,
1987
+ .ds-247420 .ds-prose > h2 + *,
1988
+ .ds-247420 .ds-prose > h3 + *,
1989
+ .ds-247420 .ds-prose > h4 + *,
1990
+ .ds-247420 .ds-prose > h5 + *,
1991
+ .ds-247420 .ds-prose > h6 + * { margin-top: var(--prose-stack-sm); }
1992
+
1993
+ /* Manifesto rides .ds-prose; keep dim variant + para rhythm via prose-stack-md */
1994
+ .ds-247420 .ds-manifesto { font-size: 15px; }
1995
+ .ds-247420 .ds-manifesto-para { margin: 0; }
1996
+ .ds-247420 .ds-manifesto-para + .ds-manifesto-para { margin-top: var(--prose-stack-md); }
1954
1997
  .ds-247420 .ds-manifesto-para.dim { color: var(--panel-text-2); }
1955
1998
 
1999
+ /* Transparent section wrapper for prose-on-page placement (no .panel card) */
2000
+ .ds-247420 .ds-prose-section { margin: var(--prose-stack-lg) 0; padding: 0; background: transparent; }
2001
+
1956
2002
  .ds-247420 .ds-pattern-notes {
1957
2003
  padding: 14px 20px;
1958
2004
  font-size: 13px;
@@ -2336,6 +2382,14 @@
2336
2382
  background: var(--panel-1);
2337
2383
  border-radius: 20px;
2338
2384
  }
2385
+ /* A section whose only direct child is a .ds-prose drops its card chrome —
2386
+ prose surfaces are bare paper, not panel-wrapped. */
2387
+ .ds-247420 .ds-section:has(> .ds-prose:only-child),
2388
+ .ds-247420 .ds-section:has(> .ds-manifesto:only-child) {
2389
+ background: transparent;
2390
+ padding: 0;
2391
+ margin: var(--prose-stack-lg) 0;
2392
+ }
2339
2393
  .ds-247420 .ds-section .ds-section-title { margin-top: 0; }
2340
2394
  .ds-247420 .ds-section .ds-lede { opacity: 0.8; max-width: 60ch; }
2341
2395
  .ds-247420 .ds-section .row {