@teseor/css 1.14.3 → 1.15.1

package/src/components/navigation/breadcrumb/breadcrumb.docs.json

@@ -1,240 +0,0 @@
-{
-  "id": "breadcrumb",
-  "type": "component",
-  "title": "Breadcrumb",
-  "description": "Navigation hierarchy showing current page location in site structure.",
-  "api": "./breadcrumb.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "class": "ui-breadcrumb",
-              "attrs": { "aria-label": "Breadcrumb" },
-              "children": [
-                {
-                  "tag": "ol",
-                  "class": "ui-breadcrumb",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-breadcrumb__link",
-                          "attrs": { "href": "#" },
-                          "text": "Home"
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-breadcrumb__link",
-                          "attrs": { "href": "#" },
-                          "text": "Products"
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "span",
-                          "class": "ui-breadcrumb__current",
-                          "attrs": { "aria-current": "page" },
-                          "text": "Shoes"
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<nav aria-label=\"Breadcrumb\">\n  <ol class=\"ui-breadcrumb\">\n    <li class=\"ui-breadcrumb__item\">\n      <a href=\"#\" class=\"ui-breadcrumb__link\">Home</a>\n    </li>\n    <li class=\"ui-breadcrumb__item\">\n      <a href=\"#\" class=\"ui-breadcrumb__link\">Products</a>\n    </li>\n    <li class=\"ui-breadcrumb__item\">\n      <span aria-current=\"page\">Shoes</span>\n    </li>\n  </ol>\n</nav>"
-        }
-      ]
-    },
-    {
-      "title": "With Icons",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "attrs": { "aria-label": "Breadcrumb" },
-              "children": [
-                {
-                  "tag": "ol",
-                  "class": "ui-breadcrumb",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-breadcrumb__link",
-                          "attrs": { "href": "#" },
-                          "children": [
-                            {
-                              "tag": "svg",
-                              "class": "ui-icon ui-icon--sm",
-                              "attrs": { "viewBox": "0 0 24 24", "fill": "currentColor" },
-                              "children": [
-                                {
-                                  "tag": "path",
-                                  "attrs": { "d": "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" }
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-breadcrumb__link",
-                          "attrs": { "href": "#" },
-                          "text": "Settings"
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "span",
-                          "class": "ui-breadcrumb__current",
-                          "attrs": { "aria-current": "page" },
-                          "text": "Profile"
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<ol class=\"ui-breadcrumb\">\n  <li class=\"ui-breadcrumb__item\">\n    <a href=\"#\" class=\"ui-breadcrumb__link\">\n      <svg class=\"ui-icon\">...</svg>\n    </a>\n  </li>\n  ...\n</ol>"
-        }
-      ]
-    },
-    {
-      "title": "Overflow with Ellipsis",
-      "description": "Truncate long breadcrumbs with hidden items and an ellipsis indicator.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "attrs": { "aria-label": "Breadcrumb" },
-              "children": [
-                {
-                  "tag": "ol",
-                  "class": "ui-breadcrumb",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-breadcrumb__link",
-                          "attrs": { "href": "#" },
-                          "text": "Home"
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item ui-breadcrumb__item--hidden",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-breadcrumb__link",
-                          "attrs": { "href": "#" },
-                          "text": "Category"
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "span",
-                          "class": "ui-breadcrumb__ellipsis",
-                          "text": "..."
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "class": "ui-breadcrumb__item",
-                      "children": [
-                        {
-                          "tag": "span",
-                          "class": "ui-breadcrumb__current",
-                          "attrs": { "aria-current": "page" },
-                          "text": "Current Page"
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<ol class=\"ui-breadcrumb\">\n  <li class=\"ui-breadcrumb__item\"><a href=\"#\">Home</a></li>\n  <li class=\"ui-breadcrumb__item ui-breadcrumb__item--hidden\"><a href=\"#\">Category</a></li>\n  <li class=\"ui-breadcrumb__item\"><span class=\"ui-breadcrumb__ellipsis\">...</span></li>\n  <li class=\"ui-breadcrumb__item\"><span aria-current=\"page\">Current</span></li>\n</ol>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-breadcrumb-height",
-      "default": "var(--ui-row-1)",
-      "description": "Container height"
-    },
-    {
-      "token": "--ui-breadcrumb-gap",
-      "default": "var(--ui-unit)",
-      "description": "Gap between items"
-    },
-    {
-      "token": "--ui-breadcrumb-separator",
-      "default": "\"/\"",
-      "description": "Separator character"
-    },
-    {
-      "token": "--ui-breadcrumb-separator-color",
-      "default": "var(--ui-color-text-muted)",
-      "description": "Separator color"
-    },
-    {
-      "token": "--ui-breadcrumb-link-color",
-      "default": "var(--ui-color-text-muted)",
-      "description": "Link color"
-    },
-    {
-      "token": "--ui-breadcrumb-current-color",
-      "default": "var(--ui-color-text)",
-      "description": "Current page color"
-    }
-  ]
-}

package/src/components/navigation/dropdown-menu/dropdown-menu.docs.json

@@ -1,290 +0,0 @@
-{
-  "id": "dropdown-menu",
-  "type": "component",
-  "title": "Dropdown Menu",
-  "description": "Trigger button with floating menu panel. Reuses the menu component for consistent item styling.",
-  "api": "./dropdown-menu.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-dropdown-menu ui-dropdown-menu--open",
-              "children": [
-                {
-                  "tag": "button",
-                  "class": "ui-dropdown-menu__trigger ui-button",
-                  "attrs": { "type": "button" },
-                  "children": [
-                    { "tag": "span", "text": "Actions" },
-                    { "tag": "span", "class": "ui-dropdown-menu__trigger-icon", "text": "\u25BE" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-dropdown-menu__panel",
-                  "attrs": { "role": "menu" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-menu",
-                      "children": [
-                        {
-                          "tag": "ul",
-                          "class": "ui-menu__group",
-                          "children": [
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "Edit"
-                                }
-                              ]
-                            },
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "Duplicate"
-                                }
-                              ]
-                            },
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item ui-menu__item--danger",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "Delete"
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-dropdown-menu ui-dropdown-menu--open\">\n  <button class=\"ui-dropdown-menu__trigger ui-button\">Actions \u25BE</button>\n  <div class=\"ui-dropdown-menu__panel\" role=\"menu\">\n    <div class=\"ui-menu\">...</div>\n  </div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "With Separator",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-dropdown-menu ui-dropdown-menu--open",
-              "children": [
-                {
-                  "tag": "button",
-                  "class": "ui-dropdown-menu__trigger ui-button ui-button--secondary",
-                  "attrs": { "type": "button" },
-                  "text": "File"
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-dropdown-menu__panel",
-                  "attrs": { "role": "menu" },
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-menu",
-                      "children": [
-                        {
-                          "tag": "ul",
-                          "class": "ui-menu__group",
-                          "children": [
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "New"
-                                }
-                              ]
-                            },
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "Open"
-                                }
-                              ]
-                            },
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "Save"
-                                }
-                              ]
-                            },
-                            {
-                              "tag": "li",
-                              "children": [{ "tag": "hr", "class": "ui-menu__separator" }]
-                            },
-                            {
-                              "tag": "li",
-                              "children": [
-                                {
-                                  "tag": "button",
-                                  "class": "ui-menu__item ui-menu__item--danger",
-                                  "attrs": { "role": "menuitem" },
-                                  "text": "Close"
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-dropdown-menu ui-dropdown-menu--open\">\n  <button class=\"ui-dropdown-menu__trigger ui-button ui-button--secondary\">File</button>\n  <div class=\"ui-dropdown-menu__panel\" role=\"menu\">\n    <div class=\"ui-menu\">\n      <ul class=\"ui-menu__group\">\n        <li><button class=\"ui-menu__item\">New</button></li>\n        <li><hr class=\"ui-menu__separator\"></li>\n        <li><button class=\"ui-menu__item--danger\">Close</button></li>\n      </ul>\n    </div>\n  </div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Top Position",
-      "description": "Opens panel above the trigger.",
-      "examples": [
-        {
-          "code": "<div class=\"ui-dropdown-menu ui-dropdown-menu--open ui-dropdown-menu--top\">\n  <button class=\"ui-dropdown-menu__trigger ui-button\">Actions</button>\n  <div class=\"ui-dropdown-menu__panel\" role=\"menu\">\n    <div class=\"ui-menu\">...</div>\n  </div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Full Width",
-      "description": "Panel stretches to match trigger width.",
-      "examples": [
-        {
-          "code": "<div class=\"ui-dropdown-menu ui-dropdown-menu--open ui-dropdown-menu--full-width\">\n  <button class=\"ui-dropdown-menu__trigger ui-button\">Select option</button>\n  <div class=\"ui-dropdown-menu__panel\" role=\"menu\">\n    <div class=\"ui-menu\">...</div>\n  </div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Align End",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "style": { "display": "flex", "justify-content": "flex-end" },
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-dropdown-menu ui-dropdown-menu--open ui-dropdown-menu--align-end",
-                  "children": [
-                    {
-                      "tag": "button",
-                      "class": "ui-dropdown-menu__trigger ui-button ui-button--ghost",
-                      "attrs": { "type": "button" },
-                      "text": "\u22EE"
-                    },
-                    {
-                      "tag": "div",
-                      "class": "ui-dropdown-menu__panel",
-                      "attrs": { "role": "menu" },
-                      "children": [
-                        {
-                          "tag": "div",
-                          "class": "ui-menu",
-                          "children": [
-                            {
-                              "tag": "ul",
-                              "class": "ui-menu__group",
-                              "children": [
-                                {
-                                  "tag": "li",
-                                  "children": [
-                                    {
-                                      "tag": "button",
-                                      "class": "ui-menu__item",
-                                      "attrs": { "role": "menuitem" },
-                                      "text": "View"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "tag": "li",
-                                  "children": [
-                                    {
-                                      "tag": "button",
-                                      "class": "ui-menu__item",
-                                      "attrs": { "role": "menuitem" },
-                                      "text": "Share"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "tag": "li",
-                                  "children": [
-                                    {
-                                      "tag": "button",
-                                      "class": "ui-menu__item ui-menu__item--danger",
-                                      "attrs": { "role": "menuitem" },
-                                      "text": "Remove"
-                                    }
-                                  ]
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-dropdown-menu ui-dropdown-menu--open ui-dropdown-menu--align-end\">\n  <button class=\"ui-dropdown-menu__trigger ui-button ui-button--ghost\">\u22EE</button>\n  <div class=\"ui-dropdown-menu__panel\" role=\"menu\">\n    <div class=\"ui-menu\">...</div>\n  </div>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-dropdown-menu-z",
-      "default": "200",
-      "description": "Z-index for floating panel"
-    },
-    {
-      "token": "--ui-dropdown-menu-panel-offset",
-      "default": "var(--ui-space-1)",
-      "description": "Gap between trigger and panel"
-    },
-    {
-      "token": "--ui-dropdown-menu-panel-min-width",
-      "default": "auto",
-      "description": "Minimum panel width"
-    }
-  ]
-}