@teseor/css 1.14.3 → 1.15.0

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

@@ -1,326 +0,0 @@
-{
-  "id": "menu",
-  "type": "component",
-  "title": "Menu",
-  "api": "./menu.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-menu",
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [{ "tag": "button", "class": "ui-menu__item", "text": "Edit" }]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        { "tag": "button", "class": "ui-menu__item", "text": "Duplicate" }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [{ "tag": "button", "class": "ui-menu__item", "text": "Archive" }]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "With Icons and Shortcuts",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-menu",
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-icon", "text": "+" },
-                            { "text": "New File" },
-                            { "tag": "span", "class": "ui-menu__item-shortcut", "text": "Cmd+N" }
-                          ]
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-icon", "text": "O" },
-                            { "text": "Open" },
-                            { "tag": "span", "class": "ui-menu__item-shortcut", "text": "Cmd+O" }
-                          ]
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-icon", "text": "S" },
-                            { "text": "Save" },
-                            { "tag": "span", "class": "ui-menu__item-shortcut", "text": "Cmd+S" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Groups with Labels",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-menu",
-              "children": [
-                { "tag": "div", "class": "ui-menu__label", "text": "Edit" },
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [{ "tag": "button", "class": "ui-menu__item", "text": "Cut" }]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [{ "tag": "button", "class": "ui-menu__item", "text": "Copy" }]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [{ "tag": "button", "class": "ui-menu__item", "text": "Paste" }]
-                    }
-                  ]
-                },
-                { "tag": "div", "class": "ui-menu__separator" },
-                { "tag": "div", "class": "ui-menu__label", "text": "View" },
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [{ "tag": "button", "class": "ui-menu__item", "text": "Zoom In" }]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        { "tag": "button", "class": "ui-menu__item", "text": "Zoom Out" }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "States",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-menu",
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        { "tag": "button", "class": "ui-menu__item", "text": "Normal Item" }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item ui-menu__item--disabled",
-                          "attrs": { "aria-disabled": "true" },
-                          "text": "Disabled Item"
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item ui-menu__item--danger",
-                          "text": "Delete"
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Checkable Items",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-menu",
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item ui-menu__item--check",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-indicator", "text": "\u2713" },
-                            { "text": "Show Toolbar" }
-                          ]
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item ui-menu__item--check",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-indicator" },
-                            { "text": "Show Sidebar" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                },
-                { "tag": "div", "class": "ui-menu__separator" },
-                {
-                  "tag": "ul",
-                  "class": "ui-menu__group",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item ui-menu__item--radio",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-indicator", "text": "\u2022" },
-                            { "text": "List View" }
-                          ]
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "button",
-                          "class": "ui-menu__item ui-menu__item--radio",
-                          "children": [
-                            { "tag": "span", "class": "ui-menu__item-indicator" },
-                            { "text": "Grid View" }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-menu-min-width",
-      "default": "calc(var(--ui-unit) * 16)",
-      "description": "Minimum width"
-    },
-    {
-      "token": "--ui-menu-max-height",
-      "default": "calc(var(--ui-unit) * 40)",
-      "description": "Maximum height"
-    },
-    {
-      "token": "--ui-menu-padding",
-      "default": "var(--ui-unit)",
-      "description": "Container padding"
-    },
-    {
-      "token": "--ui-menu-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    },
-    { "token": "--ui-menu-bg", "default": "var(--ui-color-bg)", "description": "Background color" },
-    {
-      "token": "--ui-menu-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    { "token": "--ui-menu-shadow", "default": "var(--shadow-lg)", "description": "Box shadow" },
-    { "token": "--ui-menu-item-padding", "default": "8px 16px", "description": "Item padding" },
-    {
-      "token": "--ui-menu-item-radius",
-      "default": "var(--ui-radius-sm)",
-      "description": "Item border radius"
-    },
-    {
-      "token": "--ui-menu-item-bg-hover",
-      "default": "var(--ui-color-bg-subtle)",
-      "description": "Item hover background"
-    }
-  ]
-}

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

@@ -1,304 +0,0 @@
-{
-  "id": "nav",
-  "type": "component",
-  "title": "Nav",
-  "description": "Horizontal or vertical navigation links for primary and secondary navigation.",
-  "api": "./nav.api.json",
-  "sections": [
-    {
-      "title": "Basic",
-      "description": "Underline-style navigation with active state indicator.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "class": "ui-nav",
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-nav__list",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item ui-nav__item--active",
-                          "text": "Dashboard",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Projects",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Settings",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item ui-nav__item--disabled",
-                          "text": "Disabled",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Pills",
-      "description": "Background-filled variant for standalone navigation.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "class": "ui-nav ui-nav--pills",
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-nav__list",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item ui-nav__item--active",
-                          "text": "Overview",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Analytics",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Reports",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Vertical",
-      "description": "Vertical navigation with start-side indicator.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "class": "ui-nav ui-nav--vertical",
-              "style": { "inline-size": "200px" },
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-nav__list",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item ui-nav__item--active",
-                          "text": "Profile",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Account",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Security",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Vertical Pills",
-      "description": "Vertical navigation with pill-style active indicator.",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "nav",
-              "class": "ui-nav ui-nav--vertical ui-nav--pills",
-              "style": { "inline-size": "200px" },
-              "children": [
-                {
-                  "tag": "ul",
-                  "class": "ui-nav__list",
-                  "children": [
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item ui-nav__item--active",
-                          "text": "General",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Notifications",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    },
-                    {
-                      "tag": "li",
-                      "children": [
-                        {
-                          "tag": "a",
-                          "class": "ui-nav__item",
-                          "text": "Billing",
-                          "attrs": { "href": "#" }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-nav-gap",
-      "default": "var(--ui-space-1)",
-      "description": "Gap between children"
-    },
-    {
-      "token": "--ui-nav-item-height",
-      "default": "var(--ui-row-2)",
-      "description": "Item overall height"
-    },
-    {
-      "token": "--ui-nav-item-padding-x",
-      "default": "var(--ui-space-2)",
-      "description": "Item horizontal padding"
-    },
-    {
-      "token": "--ui-nav-item-font-size",
-      "default": "var(--ui-font-size-sm)",
-      "description": "Item font size"
-    },
-    {
-      "token": "--ui-nav-item-font-weight",
-      "default": "var(--ui-weight-medium)",
-      "description": "Item font weight"
-    },
-    {
-      "token": "--ui-nav-item-color",
-      "default": "var(--ui-color-text-muted)",
-      "description": "Item text color"
-    },
-    {
-      "token": "--ui-nav-item-color-hover",
-      "default": "var(--ui-color-text)",
-      "description": "Item color on hover"
-    },
-    {
-      "token": "--ui-nav-item-color-active",
-      "default": "var(--ui-color-primary)",
-      "description": "Item color when active"
-    },
-    {
-      "token": "--ui-nav-item-radius",
-      "default": "var(--ui-radius-sm)",
-      "description": "Item corner radius"
-    },
-    {
-      "token": "--ui-nav-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    {
-      "token": "--ui-nav-item-bg-hover",
-      "default": "var(--ui-color-bg-muted)",
-      "description": "Item background on hover"
-    },
-    {
-      "token": "--ui-nav-item-bg-active",
-      "default": "var(--ui-color-primary)",
-      "description": "Item background when active"
-    }
-  ]
-}