@teseor/css 1.14.3 → 1.15.0

package/src/utilities/view-transition/view-transition.docs.json

@@ -1,63 +0,0 @@
-{
-  "id": "view-transition-utils",
-  "type": "utility",
-  "title": "View Transition",
-  "description": "CSS View Transitions API utilities for smooth page navigation. Enabled by default; unsupported browsers work normally.",
-  "api": "view-transition.api.json",
-  "sections": [
-    {
-      "title": "Static elements",
-      "description": "Elements that persist without animation. Sidebar and header stay fixed during page transitions.",
-      "examples": [
-        {
-          "code": "<header class=\"ui-transition-name-header\">...</header>\n<nav class=\"ui-transition-name-sidebar\">...</nav>"
-        }
-      ]
-    },
-    {
-      "title": "Slide animations",
-      "description": "Content slides in/out in different directions.",
-      "examples": [
-        {
-          "code": "<main class=\"ui-transition-name-main\">Slides up</main>\n<main class=\"ui-transition-name-slide-up\">Slides up</main>\n<main class=\"ui-transition-name-slide-down\">Slides down</main>\n<main class=\"ui-transition-name-slide-start\">Slides from left</main>\n<main class=\"ui-transition-name-slide-end\">Slides from right</main>"
-        }
-      ]
-    },
-    {
-      "title": "Scale and fade",
-      "description": "Scale effect for modals/cards, fade for subtle transitions.",
-      "examples": [
-        {
-          "code": "<div class=\"ui-transition-name-scale\">Scales in/out</div>\n<div class=\"ui-transition-name-card\">Card scales</div>\n<div class=\"ui-transition-name-modal\">Modal scales</div>\n<div class=\"ui-transition-name-fade\">Fades in/out</div>"
-        }
-      ]
-    },
-    {
-      "title": "Hero morph",
-      "description": "Same element on both pages morphs (position/size interpolates). Use same class on source and target.",
-      "examples": [
-        {
-          "code": "<!-- Page 1: thumbnail -->\n<img class=\"ui-transition-name-hero\" src=\"product.jpg\">\n\n<!-- Page 2: full image -->\n<img class=\"ui-transition-name-hero\" src=\"product.jpg\">"
-        }
-      ]
-    },
-    {
-      "title": "Disable",
-      "description": "Exclude an element from view transitions.",
-      "examples": [
-        {
-          "code": "<div class=\"ui-transition-name-none\">No transition</div>"
-        }
-      ]
-    },
-    {
-      "title": "Preserving scroll position",
-      "description": "View transitions snapshot elements, resetting scroll. Use `pagereveal` event to restore scroll before paint.",
-      "examples": [
-        {
-          "code": "// Save scroll on navigation\nlink.addEventListener('click', () => {\n  sessionStorage.setItem('scroll', sidebar.scrollTop);\n});\n\n// Restore before page reveals\nwindow.addEventListener('pagereveal', () => {\n  const saved = sessionStorage.getItem('scroll');\n  if (saved) sidebar.scrollTop = parseInt(saved, 10);\n});"
-        }
-      ]
-    }
-  ]
-}

package/src/utilities/visually-hidden/visually-hidden.docs.json

@@ -1,44 +0,0 @@
-{
-  "id": "visually-hidden",
-  "type": "utility",
-  "title": "Visually Hidden",
-  "description": "Hides content visually while keeping it accessible to screen readers. Use for skip links and accessible labels.",
-  "api": "visually-hidden.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "description": "Content is hidden visually but announced by screen readers",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "button",
-              "children": [
-                { "text": "Submit" },
-                { "tag": "span", "class": "ui-visually-hidden", "text": " form to contact support" }
-              ]
-            }
-          ],
-          "code": "<button>\n  Submit\n  <span class=\"ui-visually-hidden\"> form to contact support</span>\n</button>"
-        }
-      ]
-    },
-    {
-      "title": "Focusable (Skip Link)",
-      "description": "Becomes visible when focused - useful for skip links",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "a",
-              "class": "ui-visually-hidden ui-visually-hidden--focusable",
-              "attrs": { "href": "#main", "style": "position: relative;" },
-              "text": "Skip to main content"
-            }
-          ],
-          "code": "<a href=\"#main\" class=\"ui-visually-hidden ui-visually-hidden--focusable\">\n  Skip to main content\n</a>"
-        }
-      ]
-    }
-  ]
-}