@press2ai/theme-specialist-glossy 0.6.0 → 0.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@press2ai/theme-specialist-glossy",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "Classless, AI-first theme inspired by Stripe. Framework-agnostic templates (Hono, Astro, raw HTML). Semantic HTML, Schema.org microdata, JSON-LD — built for LLM crawlers.",
   "type": "module",
   "license": "MIT",

package/src/styles/glossy.css

@@ -173,22 +173,24 @@ form[role="search"] button {
 form[role="search"] button:hover { background: var(--ink); }
 
 /* Stats */
-section[aria-label] > p { text-align: center; font-size: var(--t-sm); color: var(--ink-2); margin: 0 auto var(--g3); max-width: var(--measure); }
-section:has(> dl) { margin-bottom: 0; }
-section > dl {
-  display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--g3);
-  padding: var(--g4); margin: 0 auto var(--g6); max-width: var(--w-8);
-  background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg);
-  box-shadow: var(--shadow-md);
+section[aria-label="Statystyki"] { margin-bottom: var(--g6); }
+.stat-summary {
+  text-align: center; font-size: var(--t-md); font-weight: 500; line-height: 1.55;
+  color: var(--ink); margin: 0 auto var(--g4); max-width: var(--measure);
+}
+section[aria-label="Statystyki"] > dl {
+  display: flex; justify-content: center; gap: var(--g5);
+  margin: 0 auto; padding: 0;
+  border: none; background: none; box-shadow: none;
 }
 section > dl div { text-align: center; }
 .stat-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 auto var(--g1); background: var(--violet-s); border-radius: 50%; color: var(--violet); }
 .stat-icon svg { width: 18px; height: 18px; }
-section > dl dt { font-size: var(--t-xl); font-weight: 800; line-height: 1.2; color: var(--violet); }
-section > dl dd { margin: 4px 0 0; font-size: var(--t-xs); line-height: 1.4; color: var(--ink-3); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
+section > dl dt { font-size: var(--t-lg); font-weight: 800; line-height: 1.2; color: var(--violet); }
+section > dl dd { margin: 2px 0 0; font-size: var(--t-xs); line-height: 1.4; color: var(--ink-3); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
 
-/* Category pills — inside trainers section */
-nav[aria-label] { display: flex; flex-wrap: wrap; gap: var(--g1); margin-bottom: var(--g3); grid-column: 1 / -1; }
+/* Category pills */
+nav[aria-label] { display: flex; flex-wrap: wrap; gap: var(--g1); margin-bottom: var(--g4); }
 nav[aria-label] a {
   display: inline-flex; align-items: center; height: 32px; padding: 0 var(--g2);
   border-radius: var(--pill); font-size: var(--t-xs); font-weight: 500;
@@ -345,7 +347,7 @@ form:not([role="search"]) button[type="submit"]:hover { background: var(--ink);
   hgroup { padding: var(--g5) var(--pad) var(--g4); }
   section:has(> article[itemscope]) { grid-template-columns: 1fr; }
   section > ol { grid-template-columns: 1fr; }
-  section > dl { grid-template-columns: 1fr; max-width: 100%; padding: var(--g3); }
+  section > dl { gap: var(--g3); }
   main > article { padding: var(--g3); }
   main > article dl { grid-template-columns: 1fr; gap: calc(var(--g1) / 2) 0; }
   main > article dt { margin-top: var(--g2); }

package/src/templates/catalog.ts

@@ -40,8 +40,8 @@ export function statBar(items: { value: string; label: string; icon?: string }[]
     const icon = i.icon && STAT_ICONS[i.icon] ? `<span class="stat-icon">${STAT_ICONS[i.icon]}</span>` : '';
     return `<div>${icon}<dt>${esc(i.value)}</dt><dd>${esc(i.label)}</dd></div>`;
   }).join('\n');
-  const summaryP = summary ? `<p>${esc(summary)}</p>` : '';
-  return `<section aria-label="Statystyki">${summaryP}<dl>\n${divs}\n</dl></section>`;
+  const summaryP = summary ? `<p class="stat-summary">${esc(summary)}</p>` : '';
+  return `<section aria-label="Statystyki">${summaryP}<dl aria-hidden="true">\n${divs}\n</dl></section>`;
 }
 
 export function categoryNav(items: { href: string; label: string }[], ariaLabel = 'Kategorie'): string {