@wireweave/core 2.7.1 → 2.8.0

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/index.cjs CHANGED
@@ -8735,6 +8735,9 @@ function generateLayoutClasses(prefix) {
8735
8735
  padding: 16px;
8736
8736
  display: flex;
8737
8737
  flex-direction: column;
8738
+ /* Default vertical spacing between stacked content blocks.
8739
+ Inline gap from DSL (main gap=N) overrides this. */
8740
+ gap: 16px;
8738
8741
  min-height: 0;
8739
8742
  }
8740
8743
 
@@ -8776,7 +8779,7 @@ function generateLayoutClasses(prefix) {
8776
8779
  }
8777
8780
 
8778
8781
  .${prefix}-sidebar {
8779
- width: 256px;
8782
+ width: 224px;
8780
8783
  border-right: 1px solid var(--${prefix}-border);
8781
8784
  padding: 16px 16px 16px 20px;
8782
8785
  flex-shrink: 0;
@@ -56360,13 +56363,14 @@ function renderBreadcrumb(node, ctx) {
56360
56363
  ]);
56361
56364
  const styles = ctx.buildCommonStyles(node);
56362
56365
  const styleAttr = styles ? ` style="${styles}"` : "";
56366
+ const separator = `<span class="${ctx.prefix}-breadcrumb-separator" aria-hidden="true">|</span>`;
56363
56367
  const items = node.items.map((item, idx) => {
56364
56368
  const isLast = idx === node.items.length - 1;
56365
56369
  if (typeof item === "string") {
56366
56370
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="#">${ctx.escapeHtml(item)}</a>`;
56367
56371
  }
56368
56372
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item.label)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="${item.href || "#"}">${ctx.escapeHtml(item.label)}</a>`;
56369
- }).join(" / ");
56373
+ }).join(separator);
56370
56374
  return `<nav class="${classes}"${styleAttr} aria-label="Breadcrumb">${items}</nav>`;
56371
56375
  }
56372
56376
 
package/dist/index.js CHANGED
@@ -8595,6 +8595,9 @@ function generateLayoutClasses(prefix) {
8595
8595
  padding: 16px;
8596
8596
  display: flex;
8597
8597
  flex-direction: column;
8598
+ /* Default vertical spacing between stacked content blocks.
8599
+ Inline gap from DSL (main gap=N) overrides this. */
8600
+ gap: 16px;
8598
8601
  min-height: 0;
8599
8602
  }
8600
8603
 
@@ -8636,7 +8639,7 @@ function generateLayoutClasses(prefix) {
8636
8639
  }
8637
8640
 
8638
8641
  .${prefix}-sidebar {
8639
- width: 256px;
8642
+ width: 224px;
8640
8643
  border-right: 1px solid var(--${prefix}-border);
8641
8644
  padding: 16px 16px 16px 20px;
8642
8645
  flex-shrink: 0;
@@ -56220,13 +56223,14 @@ function renderBreadcrumb(node, ctx) {
56220
56223
  ]);
56221
56224
  const styles = ctx.buildCommonStyles(node);
56222
56225
  const styleAttr = styles ? ` style="${styles}"` : "";
56226
+ const separator = `<span class="${ctx.prefix}-breadcrumb-separator" aria-hidden="true">|</span>`;
56223
56227
  const items = node.items.map((item, idx) => {
56224
56228
  const isLast = idx === node.items.length - 1;
56225
56229
  if (typeof item === "string") {
56226
56230
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="#">${ctx.escapeHtml(item)}</a>`;
56227
56231
  }
56228
56232
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item.label)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="${item.href || "#"}">${ctx.escapeHtml(item.label)}</a>`;
56229
- }).join(" / ");
56233
+ }).join(separator);
56230
56234
  return `<nav class="${classes}"${styleAttr} aria-label="Breadcrumb">${items}</nav>`;
56231
56235
  }
56232
56236
 
package/dist/renderer.cjs CHANGED
@@ -1884,6 +1884,9 @@ function generateLayoutClasses(prefix) {
1884
1884
  padding: 16px;
1885
1885
  display: flex;
1886
1886
  flex-direction: column;
1887
+ /* Default vertical spacing between stacked content blocks.
1888
+ Inline gap from DSL (main gap=N) overrides this. */
1889
+ gap: 16px;
1887
1890
  min-height: 0;
1888
1891
  }
1889
1892
 
@@ -1925,7 +1928,7 @@ function generateLayoutClasses(prefix) {
1925
1928
  }
1926
1929
 
1927
1930
  .${prefix}-sidebar {
1928
- width: 256px;
1931
+ width: 224px;
1929
1932
  border-right: 1px solid var(--${prefix}-border);
1930
1933
  padding: 16px 16px 16px 20px;
1931
1934
  flex-shrink: 0;
@@ -49480,13 +49483,14 @@ function renderBreadcrumb(node, ctx) {
49480
49483
  ]);
49481
49484
  const styles = ctx.buildCommonStyles(node);
49482
49485
  const styleAttr = styles ? ` style="${styles}"` : "";
49486
+ const separator = `<span class="${ctx.prefix}-breadcrumb-separator" aria-hidden="true">|</span>`;
49483
49487
  const items = node.items.map((item, idx) => {
49484
49488
  const isLast = idx === node.items.length - 1;
49485
49489
  if (typeof item === "string") {
49486
49490
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="#">${ctx.escapeHtml(item)}</a>`;
49487
49491
  }
49488
49492
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item.label)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="${item.href || "#"}">${ctx.escapeHtml(item.label)}</a>`;
49489
- }).join(" / ");
49493
+ }).join(separator);
49490
49494
  return `<nav class="${classes}"${styleAttr} aria-label="Breadcrumb">${items}</nav>`;
49491
49495
  }
49492
49496
 
package/dist/renderer.js CHANGED
@@ -1846,6 +1846,9 @@ function generateLayoutClasses(prefix) {
1846
1846
  padding: 16px;
1847
1847
  display: flex;
1848
1848
  flex-direction: column;
1849
+ /* Default vertical spacing between stacked content blocks.
1850
+ Inline gap from DSL (main gap=N) overrides this. */
1851
+ gap: 16px;
1849
1852
  min-height: 0;
1850
1853
  }
1851
1854
 
@@ -1887,7 +1890,7 @@ function generateLayoutClasses(prefix) {
1887
1890
  }
1888
1891
 
1889
1892
  .${prefix}-sidebar {
1890
- width: 256px;
1893
+ width: 224px;
1891
1894
  border-right: 1px solid var(--${prefix}-border);
1892
1895
  padding: 16px 16px 16px 20px;
1893
1896
  flex-shrink: 0;
@@ -49442,13 +49445,14 @@ function renderBreadcrumb(node, ctx) {
49442
49445
  ]);
49443
49446
  const styles = ctx.buildCommonStyles(node);
49444
49447
  const styleAttr = styles ? ` style="${styles}"` : "";
49448
+ const separator = `<span class="${ctx.prefix}-breadcrumb-separator" aria-hidden="true">|</span>`;
49445
49449
  const items = node.items.map((item, idx) => {
49446
49450
  const isLast = idx === node.items.length - 1;
49447
49451
  if (typeof item === "string") {
49448
49452
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="#">${ctx.escapeHtml(item)}</a>`;
49449
49453
  }
49450
49454
  return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item.label)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="${item.href || "#"}">${ctx.escapeHtml(item.label)}</a>`;
49451
- }).join(" / ");
49455
+ }).join(separator);
49452
49456
  return `<nav class="${classes}"${styleAttr} aria-label="Breadcrumb">${items}</nav>`;
49453
49457
  }
49454
49458
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wireweave/core",
3
- "version": "2.7.1",
3
+ "version": "2.8.0",
4
4
  "description": "Core parser and renderer for wireweave",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",