@teseor/css 1.14.2 → 1.15.0

package/src/components/actions/button-group/button-group.docs.json

@@ -1,151 +0,0 @@
-{
-  "id": "button-group",
-  "type": "component",
-  "mergeInto": "button",
-  "title": "Button Group",
-  "description": "Container for grouped buttons that share borders and have connected appearance.",
-  "api": "./button-group.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-button-group",
-              "attrs": { "role": "group" },
-              "children": [
-                { "tag": "button", "class": "ui-button ui-button--outline", "text": "Left" },
-                { "tag": "button", "class": "ui-button ui-button--outline", "text": "Middle" },
-                { "tag": "button", "class": "ui-button ui-button--outline", "text": "Right" }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-button-group\" role=\"group\">\n  <button class=\"ui-button ui-button--outline\">Left</button>\n  <button class=\"ui-button ui-button--outline\">Middle</button>\n  <button class=\"ui-button ui-button--outline\">Right</button>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Primary Buttons",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-button-group",
-              "attrs": { "role": "group" },
-              "children": [
-                { "tag": "button", "class": "ui-button", "text": "Save" },
-                { "tag": "button", "class": "ui-button", "text": "Save & Close" }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-button-group\" role=\"group\">\n  <button class=\"ui-button\">Save</button>\n  <button class=\"ui-button\">Save & Close</button>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Vertical",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-button-group ui-button-group--vertical",
-              "attrs": { "role": "group" },
-              "children": [
-                { "tag": "button", "class": "ui-button ui-button--outline", "text": "Top" },
-                { "tag": "button", "class": "ui-button ui-button--outline", "text": "Middle" },
-                { "tag": "button", "class": "ui-button ui-button--outline", "text": "Bottom" }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-button-group ui-button-group--vertical\" role=\"group\">\n  <button class=\"ui-button ui-button--outline\">Top</button>\n  <button class=\"ui-button ui-button--outline\">Middle</button>\n  <button class=\"ui-button ui-button--outline\">Bottom</button>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "With Icons",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-button-group",
-              "attrs": { "role": "group", "aria-label": "Text formatting" },
-              "children": [
-                {
-                  "tag": "button",
-                  "class": "ui-button ui-button--outline ui-button--icon",
-                  "attrs": { "aria-label": "Bold" },
-                  "children": [
-                    {
-                      "tag": "svg",
-                      "class": "ui-icon",
-                      "attrs": { "viewBox": "0 0 24 24", "fill": "currentColor" },
-                      "children": [
-                        {
-                          "tag": "path",
-                          "attrs": {
-                            "d": "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"
-                          }
-                        }
-                      ]
-                    }
-                  ]
-                },
-                {
-                  "tag": "button",
-                  "class": "ui-button ui-button--outline ui-button--icon",
-                  "attrs": { "aria-label": "Italic" },
-                  "children": [
-                    {
-                      "tag": "svg",
-                      "class": "ui-icon",
-                      "attrs": { "viewBox": "0 0 24 24", "fill": "currentColor" },
-                      "children": [
-                        {
-                          "tag": "path",
-                          "attrs": { "d": "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }
-                        }
-                      ]
-                    }
-                  ]
-                },
-                {
-                  "tag": "button",
-                  "class": "ui-button ui-button--outline ui-button--icon",
-                  "attrs": { "aria-label": "Underline" },
-                  "children": [
-                    {
-                      "tag": "svg",
-                      "class": "ui-icon",
-                      "attrs": { "viewBox": "0 0 24 24", "fill": "currentColor" },
-                      "children": [
-                        {
-                          "tag": "path",
-                          "attrs": {
-                            "d": "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"
-                          }
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-button-group\" role=\"group\" aria-label=\"Text formatting\">\n  <button class=\"ui-button ui-button--outline ui-button--icon\" aria-label=\"Bold\">...</button>\n  <button class=\"ui-button ui-button--outline ui-button--icon\" aria-label=\"Italic\">...</button>\n  <button class=\"ui-button ui-button--outline ui-button--icon\" aria-label=\"Underline\">...</button>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-button-group-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius for first and last buttons"
-    }
-  ]
-}

package/src/components/actions/close-button/close-button.docs.json

@@ -1,265 +0,0 @@
-{
-  "id": "close-button",
-  "type": "component",
-  "mergeInto": "button",
-  "title": "Close Button",
-  "description": "Dismiss button for closing modals, alerts, drawers, and other dismissible elements.",
-  "api": "./close-button.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "button",
-              "class": "ui-close-button",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": {
-                    "viewBox": "0 0 24 24",
-                    "xmlns": "http://www.w3.org/2000/svg"
-                  },
-                  "children": [
-                    {
-                      "tag": "line",
-                      "attrs": {
-                        "x1": "18",
-                        "y1": "6",
-                        "x2": "6",
-                        "y2": "18"
-                      }
-                    },
-                    {
-                      "tag": "line",
-                      "attrs": {
-                        "x1": "6",
-                        "y1": "6",
-                        "x2": "18",
-                        "y2": "18"
-                      }
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<button class=\"ui-close-button\" type=\"button\" aria-label=\"Close\">\n  <svg class=\"ui-close-button__icon\" viewBox=\"0 0 24 24\">\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n</button>"
-        }
-      ]
-    },
-    {
-      "title": "Sizes",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            {
-              "tag": "button",
-              "class": "ui-close-button ui-close-button--sm",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            },
-            {
-              "tag": "button",
-              "class": "ui-close-button",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            },
-            {
-              "tag": "button",
-              "class": "ui-close-button ui-close-button--lg",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<button class=\"ui-close-button ui-close-button--sm\" aria-label=\"Close\">...</button>\n<button class=\"ui-close-button\" aria-label=\"Close\">...</button>\n<button class=\"ui-close-button ui-close-button--lg\" aria-label=\"Close\">...</button>"
-        }
-      ]
-    },
-    {
-      "title": "Subtle",
-      "description": "Lower visual prominence for secondary dismiss actions.",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            {
-              "tag": "button",
-              "class": "ui-close-button ui-close-button--subtle",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            },
-            {
-              "tag": "button",
-              "class": "ui-close-button ui-close-button--subtle ui-close-button--sm",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<button class=\"ui-close-button ui-close-button--subtle\" aria-label=\"Close\">...</button>"
-        }
-      ]
-    },
-    {
-      "title": "States",
-      "examples": [
-        {
-          "layout": "row",
-          "items": [
-            {
-              "tag": "button",
-              "class": "ui-close-button",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            },
-            {
-              "tag": "button",
-              "class": "ui-close-button ui-close-button--hover",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            },
-            {
-              "tag": "button",
-              "class": "ui-close-button ui-close-button--focus",
-              "attrs": { "type": "button", "aria-label": "Close" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            },
-            {
-              "tag": "button",
-              "class": "ui-close-button",
-              "attrs": { "type": "button", "aria-label": "Close", "disabled": "" },
-              "children": [
-                {
-                  "tag": "svg",
-                  "class": "ui-close-button__icon",
-                  "attrs": { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" },
-                  "children": [
-                    { "tag": "line", "attrs": { "x1": "18", "y1": "6", "x2": "6", "y2": "18" } },
-                    { "tag": "line", "attrs": { "x1": "6", "y1": "6", "x2": "18", "y2": "18" } }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<button class=\"ui-close-button\" aria-label=\"Close\">...</button>\n<button class=\"ui-close-button ui-close-button--hover\">...</button>\n<button class=\"ui-close-button ui-close-button--focus\">...</button>\n<button class=\"ui-close-button\" disabled>...</button>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-close-button-size",
-      "default": "var(--ui-row-2)",
-      "description": "Overall button dimensions"
-    },
-    {
-      "token": "--ui-close-button-icon-size",
-      "default": "var(--ui-size-md)",
-      "description": "X icon dimensions"
-    },
-    {
-      "token": "--ui-close-button-color",
-      "default": "var(--ui-color-text-muted)",
-      "description": "Icon color"
-    },
-    {
-      "token": "--ui-close-button-bg",
-      "default": "transparent",
-      "description": "Background color"
-    },
-    {
-      "token": "--ui-close-button-hover-bg",
-      "default": "var(--ui-color-bg-muted)",
-      "description": "Hover background"
-    },
-    {
-      "token": "--ui-close-button-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    }
-  ]
-}

package/src/components/content/divider/divider.docs.json

@@ -1,113 +0,0 @@
-{
-  "id": "divider",
-  "type": "component",
-  "title": "Divider",
-  "description": "Visual separator between content sections. Supports horizontal/vertical orientation and optional text label.",
-  "api": "./divider.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [{ "tag": "div", "class": "ui-divider", "attrs": { "role": "separator" } }],
-          "code": "<div class=\"ui-divider\" role=\"separator\"></div>"
-        }
-      ]
-    },
-    {
-      "title": "With Label",
-      "examples": [
-        {
-          "items": [
-            { "tag": "div", "class": "ui-divider", "attrs": { "role": "separator" }, "text": "OR" }
-          ],
-          "code": "<div class=\"ui-divider\" role=\"separator\">OR</div>"
-        }
-      ]
-    },
-    {
-      "title": "Label Alignment",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-divider ui-divider--start",
-              "attrs": { "role": "separator" },
-              "text": "Start"
-            },
-            {
-              "tag": "div",
-              "class": "ui-divider",
-              "attrs": { "role": "separator" },
-              "text": "Center"
-            },
-            {
-              "tag": "div",
-              "class": "ui-divider ui-divider--end",
-              "attrs": { "role": "separator" },
-              "text": "End"
-            }
-          ],
-          "code": "<div class=\"ui-divider ui-divider--start\">Start</div>\n<div class=\"ui-divider\">Center</div>\n<div class=\"ui-divider ui-divider--end\">End</div>"
-        }
-      ]
-    },
-    {
-      "title": "Dashed",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-divider ui-divider--dashed",
-              "attrs": { "role": "separator" }
-            }
-          ],
-          "code": "<div class=\"ui-divider ui-divider--dashed\"></div>"
-        }
-      ]
-    },
-    {
-      "title": "Vertical",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "attrs": { "style": "display: flex; height: 64px; align-items: center;" },
-              "children": [
-                { "tag": "span", "text": "Left" },
-                {
-                  "tag": "div",
-                  "class": "ui-divider ui-divider--vertical",
-                  "attrs": { "role": "separator" }
-                },
-                { "tag": "span", "text": "Right" }
-              ]
-            }
-          ],
-          "code": "<div style=\"display: flex;\">\n  <span>Left</span>\n  <div class=\"ui-divider ui-divider--vertical\"></div>\n  <span>Right</span>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-divider-color",
-      "default": "var(--ui-color-border)",
-      "description": "Line color"
-    },
-    { "token": "--ui-divider-line-size", "default": "1px", "description": "Line thickness" },
-    {
-      "token": "--ui-divider-height",
-      "default": "var(--ui-unit)",
-      "description": "Container height"
-    },
-    {
-      "token": "--ui-divider-gap",
-      "default": "calc(var(--ui-unit) * 2)",
-      "description": "Vertical margin"
-    }
-  ]
-}