@teseor/css 1.14.3 → 1.15.1

package/src/layout/content/content.docs.json

@@ -1,82 +0,0 @@
-{
-  "id": "content",
-  "type": "primitive",
-  "title": "Content",
-  "description": "Content wrapper with consistent vertical spacing. Use inside container for padded, spaced content areas.",
-  "api": "./content.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "description": "Vertical flex layout with gap between children and block/inline padding.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-content",
-              "style": "background: var(--ui-color-bg-subtle)",
-              "children": [
-                { "tag": "p", "text": "First section of content with consistent spacing." },
-                { "tag": "p", "text": "Second section automatically spaced by the gap token." },
-                { "tag": "p", "text": "Third section follows the same rhythm." }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Prose",
-      "description": "Narrower max-width for readable long-form text (640px / 80 units).",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-content ui-content--prose",
-              "style": "background: var(--ui-color-bg-subtle)",
-              "children": [
-                {
-                  "tag": "p",
-                  "text": "Prose content is constrained to a comfortable reading width. Long paragraphs stay readable without requiring the eye to travel too far across the screen."
-                },
-                {
-                  "tag": "p",
-                  "text": "This works well for articles, documentation, and form layouts."
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Flush",
-      "description": "No padding, only gap between children. Useful when the parent handles padding.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-content ui-content--flush",
-              "style": "background: var(--ui-color-bg-subtle)",
-              "children": [
-                { "tag": "p", "text": "Flush content has no padding." },
-                { "tag": "p", "text": "Gap between children is preserved." }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "With Container",
-      "description": "Content inside a centered container for a typical page layout.",
-      "examples": [
-        {
-          "code": "<div class=\"ui-container ui-container--center\">\n  <div class=\"ui-content\">\n    <h2 class=\"ui-heading ui-heading--3\">Page Title</h2>\n    <p>Content with consistent spacing and max-width.</p>\n  </div>\n</div>"
-        }
-      ]
-    }
-  ]
-}

package/src/layout/content/content.visual.spec.ts

@@ -1,14 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'content.docs.json');
-
-test.describe('content visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'content');
-    await saveForLostPixel(page, 'content');
-    await expect(page.locator('body')).toHaveScreenshot('content.visual.png');
-  });
-});

package/src/layout/footer/footer.docs.json

@@ -1,119 +0,0 @@
-{
-  "id": "footer",
-  "type": "primitive",
-  "title": "Footer",
-  "description": "Page footer with start, center, and end sections. Supports sticky/fixed positioning and border/shadow variants.",
-  "api": "./footer.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "description": "Basic footer with three sections.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "footer",
-              "class": "ui-footer ui-footer--bordered",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-footer__start",
-                  "children": [{ "tag": "small", "text": "2026 Brand" }]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-footer__center",
-                  "children": [{ "tag": "span", "text": "Footer links" }]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-footer__end",
-                  "children": [{ "tag": "small", "text": "v1.0.0" }]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Sticky",
-      "description": "Stays at the bottom of the viewport on scroll.",
-      "examples": [
-        {
-          "code": "<footer class=\"ui-footer ui-footer--sticky ui-footer--bordered\">\n  <div class=\"ui-footer__start\"><small>Brand</small></div>\n  <div class=\"ui-footer__center\">Links</div>\n  <div class=\"ui-footer__end\"><small>v1.0.0</small></div>\n</footer>"
-        }
-      ]
-    },
-    {
-      "title": "Bordered",
-      "description": "Top border via inset box-shadow to preserve grid rhythm.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "footer",
-              "class": "ui-footer ui-footer--bordered",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-footer__start",
-                  "children": [{ "tag": "small", "text": "Bordered footer" }]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-footer__end",
-                  "children": [{ "tag": "small", "text": "v1.0.0" }]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Raised",
-      "description": "Subtle drop shadow above the footer.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "footer",
-              "class": "ui-footer ui-footer--raised",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-footer__start",
-                  "children": [{ "tag": "small", "text": "Raised footer" }]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-footer__end",
-                  "children": [{ "tag": "small", "text": "v1.0.0" }]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Fixed",
-      "description": "Fixed to viewport bottom, always visible.",
-      "examples": [
-        {
-          "code": "<footer class=\"ui-footer ui-footer--fixed ui-footer--bordered\">\n  <div class=\"ui-footer__start\"><small>Brand</small></div>\n  <div class=\"ui-footer__end\"><small>v1.0.0</small></div>\n</footer>"
-        }
-      ]
-    },
-    {
-      "title": "Full Layout",
-      "description": "Footer inside an app-shell with topbar and sidebar.",
-      "examples": [
-        {
-          "code": "<body class=\"ui-app-shell\">\n  <header class=\"ui-topbar ui-topbar--bordered\">\n    <div class=\"ui-topbar__start\"><strong>App</strong></div>\n  </header>\n  <main class=\"ui-main ui-main--full\">\n    <div class=\"ui-container\">Content</div>\n    <footer class=\"ui-footer ui-footer--bordered\">\n      <div class=\"ui-footer__start\"><small>Brand</small></div>\n      <div class=\"ui-footer__end\"><small>v1.0.0</small></div>\n    </footer>\n  </main>\n</body>"
-        }
-      ]
-    }
-  ]
-}

package/src/layout/footer/footer.visual.spec.ts

@@ -1,14 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'footer.docs.json');
-
-test.describe('footer visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'footer');
-    await saveForLostPixel(page, 'footer');
-    await expect(page.locator('body')).toHaveScreenshot('footer.visual.png');
-  });
-});