@teseor/css 1.14.3 → 1.15.1

package/src/components/data-display/badge/badge.docs.json

@@ -1,114 +0,0 @@
-{
-  "id": "badge",
-  "type": "component",
-  "title": "Badge",
-  "description": "Inline labels for status indicators, counts, and categories",
-  "api": "./badge.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [{ "tag": "span", "class": "ui-badge", "text": "Default" }]
-        }
-      ]
-    },
-    {
-      "title": "Variants",
-      "examples": [
-        {
-          "items": [
-            { "tag": "span", "class": "ui-badge", "text": "Default" },
-            { "tag": "span", "class": "ui-badge ui-badge--primary", "text": "Primary" },
-            { "tag": "span", "class": "ui-badge ui-badge--success", "text": "Success" },
-            { "tag": "span", "class": "ui-badge ui-badge--warning", "text": "Warning" },
-            { "tag": "span", "class": "ui-badge ui-badge--danger", "text": "Danger" }
-          ],
-          "layout": "row"
-        }
-      ]
-    },
-    {
-      "title": "Sizes",
-      "examples": [
-        {
-          "items": [
-            { "tag": "span", "class": "ui-badge ui-badge--sm", "text": "Small" },
-            { "tag": "span", "class": "ui-badge", "text": "Default" },
-            { "tag": "span", "class": "ui-badge ui-badge--lg", "text": "Large" }
-          ],
-          "layout": "row"
-        }
-      ]
-    },
-    {
-      "title": "Use Cases",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-row",
-              "children": [
-                { "tag": "span", "text": "Notifications" },
-                { "tag": "span", "class": "ui-badge ui-badge--primary", "text": "5" }
-              ]
-            }
-          ]
-        },
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-row",
-              "children": [
-                { "tag": "span", "class": "ui-badge ui-badge--success", "text": "Published" },
-                { "tag": "span", "class": "ui-badge ui-badge--warning", "text": "Draft" },
-                { "tag": "span", "class": "ui-badge ui-badge--danger", "text": "Archived" }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-badge-height",
-      "default": "calc(var(--ui-row) * 1.25)",
-      "description": "Default height"
-    },
-    { "token": "--ui-badge-height-sm", "default": "var(--ui-row)", "description": "Small height" },
-    {
-      "token": "--ui-badge-height-lg",
-      "default": "calc(var(--ui-row) * 1.5)",
-      "description": "Large height"
-    },
-    {
-      "token": "--ui-badge-padding-x",
-      "default": "var(--ui-space-1)",
-      "description": "Horizontal padding"
-    },
-    {
-      "token": "--ui-badge-font-size",
-      "default": "var(--ui-font-size-xs)",
-      "description": "Font size"
-    },
-    {
-      "token": "--ui-badge-font-weight",
-      "default": "var(--ui-weight-medium)",
-      "description": "Font weight"
-    },
-    {
-      "token": "--ui-badge-radius",
-      "default": "var(--ui-radius-full)",
-      "description": "Border radius"
-    },
-    {
-      "token": "--ui-badge-bg",
-      "default": "var(--ui-color-bg-muted)",
-      "description": "Background color"
-    },
-    { "token": "--ui-badge-color", "default": "var(--ui-color-text)", "description": "Text color" }
-  ]
-}

package/src/components/data-display/card/card.docs.json

@@ -1,229 +0,0 @@
-{
-  "id": "card",
-  "type": "component",
-  "title": "Card",
-  "api": "./card.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-card",
-              "text": "Default card with padding and border"
-            }
-          ],
-          "code": "<div class=\"ui-card\">Content</div>"
-        }
-      ]
-    },
-    {
-      "title": "Background Variants",
-      "data": {
-        "variants": [
-          {
-            "mod": "",
-            "label": "Default background"
-          },
-          {
-            "mod": "subtle",
-            "label": "Subtle background"
-          },
-          {
-            "mod": "muted",
-            "label": "Muted background"
-          }
-        ]
-      },
-      "examples": [
-        {
-          "layout": "column",
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-card",
-              "text": "Default background"
-            },
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--subtle",
-              "text": "Subtle background"
-            },
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--muted",
-              "text": "Muted background"
-            }
-          ],
-          "code": "{% for v in variants %}<div class=\"ui-card{% if v.mod %} ui-card--{{ v.mod }}{% endif %}\">{{ v.label }}</div>\n{% endfor %}"
-        }
-      ]
-    },
-    {
-      "title": "Padding Variants",
-      "data": {
-        "sizes": [
-          {
-            "mod": "sm",
-            "label": "Small padding"
-          },
-          {
-            "mod": "",
-            "label": "Default padding"
-          },
-          {
-            "mod": "lg",
-            "label": "Large padding"
-          },
-          {
-            "mod": "flush",
-            "label": "No padding (flush)"
-          }
-        ]
-      },
-      "examples": [
-        {
-          "layout": "column",
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--sm",
-              "text": "Small padding"
-            },
-            {
-              "tag": "div",
-              "class": "ui-card",
-              "text": "Default padding"
-            },
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--lg",
-              "text": "Large padding"
-            },
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--flush",
-              "text": "No padding (flush)"
-            }
-          ],
-          "code": "{% for s in sizes %}<div class=\"ui-card{% if s.mod %} ui-card--{{ s.mod }}{% endif %}\">{{ s.label }}</div>\n{% endfor %}"
-        }
-      ]
-    },
-    {
-      "title": "Interactive",
-      "examples": [
-        {
-          "layout": "column",
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--interactive",
-              "text": "Hover and click this card"
-            },
-            {
-              "tag": "div",
-              "class": "ui-card ui-card--interactive ui-card--subtle",
-              "text": "Interactive subtle card"
-            }
-          ],
-          "code": "<div class=\"ui-card ui-card--interactive\">Clickable card</div>"
-        }
-      ]
-    },
-    {
-      "title": "Responsive (Container Query)",
-      "description": "Switches to horizontal layout when container is wide enough. Requires a parent with container-type: inline-size (use ui-container-inline utility).",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "div",
-              "class": "ui-container-inline",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-card ui-card--responsive",
-                  "children": [
-                    {
-                      "tag": "div",
-                      "class": "ui-card__media",
-                      "style": {
-                        "background": "var(--ui-color-bg-muted)",
-                        "min-block-size": "6rem"
-                      }
-                    },
-                    {
-                      "tag": "div",
-                      "class": "ui-card__body",
-                      "children": [
-                        {
-                          "tag": "strong",
-                          "text": "Responsive Card"
-                        },
-                        {
-                          "tag": "p",
-                          "text": "Stacks vertically in narrow containers, switches to side-by-side at >= 30rem."
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ],
-          "code": "<div class=\"ui-container-inline\">\n  <div class=\"ui-card ui-card--responsive\">\n    <div class=\"ui-card__media\">Image</div>\n    <div class=\"ui-card__body\">Content</div>\n  </div>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-card-padding",
-      "default": "var(--ui-space-4)",
-      "description": "Default padding"
-    },
-    {
-      "token": "--ui-card-padding-sm",
-      "default": "var(--ui-space-2)",
-      "description": "Small padding"
-    },
-    {
-      "token": "--ui-card-padding-lg",
-      "default": "var(--ui-space-6)",
-      "description": "Large padding"
-    },
-    {
-      "token": "--ui-card-border-width",
-      "default": "var(--ui-border-width-sm)",
-      "description": "Border width"
-    },
-    {
-      "token": "--ui-card-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    {
-      "token": "--ui-card-bg",
-      "default": "var(--ui-color-bg)",
-      "description": "Background color"
-    },
-    {
-      "token": "--ui-card-bg-subtle",
-      "default": "var(--ui-color-bg-subtle)",
-      "description": "Subtle background"
-    },
-    {
-      "token": "--ui-card-bg-muted",
-      "default": "var(--ui-color-bg-muted)",
-      "description": "Muted background"
-    },
-    {
-      "token": "--ui-card-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    }
-  ]
-}

package/src/components/data-display/data-list/data-list.docs.json

@@ -1,259 +0,0 @@
-{
-  "id": "data-list",
-  "type": "component",
-  "title": "Data List",
-  "api": "./data-list.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Name" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "John Doe" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Email" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "john@example.com" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Role" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Administrator" }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Horizontal Layout",
-      "description": "Side-by-side label and value",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list ui-data-list--horizontal",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Status" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Active" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Created" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Dec 8, 2025" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Updated" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Dec 8, 2025" }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Divided",
-      "description": "With separator lines between items",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list ui-data-list--divided",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Order ID" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "#12345" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Total" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "$99.00" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Payment" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Credit Card" }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Striped",
-      "description": "Alternating background for readability",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list ui-data-list--striped",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "CPU" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Intel i7" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Memory" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "16 GB" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Storage" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "512 GB SSD" }
-                  ]
-                },
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Display" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "14\" Retina" }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "title": "Sizes",
-      "examples": [
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list ui-data-list--sm",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Small" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Compact display" }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Default" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Standard display" }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        },
-        {
-          "items": [
-            {
-              "tag": "dl",
-              "class": "ui-data-list ui-data-list--lg",
-              "children": [
-                {
-                  "tag": "div",
-                  "class": "ui-data-list__item",
-                  "children": [
-                    { "tag": "dt", "class": "ui-data-list__label", "text": "Large" },
-                    { "tag": "dd", "class": "ui-data-list__value", "text": "Spacious display" }
-                  ]
-                }
-              ]
-            }
-          ],
-          "layout": "column"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-data-list-gap",
-      "default": "calc(var(--ui-unit) * 2)",
-      "description": "Gap between items"
-    },
-    {
-      "token": "--ui-data-list-item-gap",
-      "default": "var(--ui-unit)",
-      "description": "Gap between label and value"
-    },
-    {
-      "token": "--ui-data-list-label-color",
-      "default": "var(--ui-color-text-muted)",
-      "description": "Label color"
-    },
-    {
-      "token": "--ui-data-list-value-color",
-      "default": "var(--ui-color-text)",
-      "description": "Value color"
-    }
-  ]
-}