@teseor/css 1.7.0 → 1.9.0

package/src/04-components/data-display/table/table.docs.json

@@ -1,59 +0,0 @@
-{
-  "id": "table",
-  "type": "component",
-  "title": "Table",
-  "description": "Styled table with header formatting and optional variants.",
-  "api": "./table.api.json",
-  "componentName": "table",
-  "sections": [
-    {
-      "title": "Basic table",
-      "examples": [
-        {
-          "title": "Default",
-          "html": "<table class=\"ui-table\"><thead><tr><th>Name</th><th>Value</th></tr></thead><tbody><tr><td>Alpha</td><td>100</td></tr><tr><td>Beta</td><td>200</td></tr></tbody></table>"
-        }
-      ]
-    },
-    {
-      "title": "Variants",
-      "examples": [
-        {
-          "title": "Compact",
-          "html": "<table class=\"ui-table ui-table--compact\"><thead><tr><th>Token</th><th>Value</th></tr></thead><tbody><tr><td><code class=\"ui-code ui-code--sm\">--space-1</code></td><td>0.5rem</td></tr><tr><td><code class=\"ui-code ui-code--sm\">--space-2</code></td><td>1rem</td></tr></tbody></table>"
-        },
-        {
-          "title": "Striped",
-          "html": "<table class=\"ui-table ui-table--striped\"><thead><tr><th>Item</th><th>Status</th></tr></thead><tbody><tr><td>Task 1</td><td>Done</td></tr><tr><td>Task 2</td><td>Pending</td></tr><tr><td>Task 3</td><td>Done</td></tr></tbody></table>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-table-font-size",
-      "default": "var(--ui-font-size-sm)",
-      "description": "Table font size"
-    },
-    {
-      "token": "--ui-table-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    {
-      "token": "--ui-table-header-bg",
-      "default": "var(--ui-color-bg-subtle)",
-      "description": "Header background"
-    },
-    {
-      "token": "--ui-table-cell-padding-x",
-      "default": "var(--ui-space-2)",
-      "description": "Cell horizontal padding"
-    },
-    {
-      "token": "--ui-table-cell-padding-y",
-      "default": "var(--ui-space-1)",
-      "description": "Cell vertical padding"
-    }
-  ]
-}

package/src/04-components/data-display/tag/tag.api.json

@@ -1,90 +0,0 @@
-{
-  "name": "tag",
-  "element": "span",
-  "modifiers": {
-    "size": {
-      "values": ["sm"]
-    },
-    "variant": {
-      "values": ["primary", "success", "warning", "danger"]
-    }
-  },
-  "elements": {
-    "remove": {}
-  },
-  "relatedComponents": ["tag-group"],
-  "cssVars": [
-    {
-      "name": "--ui-tag-height",
-      "default": "calc(#{t.$unit} * 3"
-    },
-    {
-      "name": "--ui-tag-padding-x",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-tag-gap",
-      "default": "calc(#{t.$unit} * 0.5"
-    },
-    {
-      "name": "--ui-tag-radius",
-      "default": "var(--ui-radius-full)"
-    },
-    {
-      "name": "--ui-tag-font-size",
-      "default": "var(--ui-font-size-sm)"
-    },
-    {
-      "name": "--ui-tag-bg",
-      "default": "var(--ui-color-bg-muted)"
-    },
-    {
-      "name": "--ui-tag-color",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-tag-height-sm",
-      "default": "calc(#{t.$unit} * 2.5"
-    },
-    {
-      "name": "--ui-tag-padding-x-sm",
-      "default": "calc(#{t.$unit} * 1"
-    },
-    {
-      "name": "--ui-tag-font-size-sm",
-      "default": "var(--ui-font-size-xs)"
-    },
-    {
-      "name": "--ui-tag-primary-bg",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-tag-primary-color",
-      "default": "var(--ui-color-text-inverse)"
-    },
-    {
-      "name": "--ui-tag-success-bg",
-      "default": "var(--ui-color-success)"
-    },
-    {
-      "name": "--ui-tag-success-color",
-      "default": "var(--ui-color-text-inverse)"
-    },
-    {
-      "name": "--ui-tag-warning-bg",
-      "default": "var(--ui-color-warning)"
-    },
-    {
-      "name": "--ui-tag-warning-color",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-tag-danger-bg",
-      "default": "var(--ui-color-danger)"
-    },
-    {
-      "name": "--ui-tag-danger-color",
-      "default": "var(--ui-color-text-inverse)"
-    }
-  ]
-}

package/src/04-components/disclosure/accordion/accordion.api.json

@@ -1,23 +0,0 @@
-{
-  "name": "accordion",
-  "element": "div",
-  "modifiers": {
-    "separated": {
-      "type": "boolean"
-    }
-  },
-  "cssVars": [
-    {
-      "name": "--ui-accordion-border-color",
-      "default": "var(--ui-color-border)"
-    },
-    {
-      "name": "--ui-accordion-border-width",
-      "default": "1px"
-    },
-    {
-      "name": "--ui-accordion-radius",
-      "default": "var(--ui-radius-md)"
-    }
-  ]
-}

package/src/04-components/disclosure/accordion/accordion.docs.json

@@ -1,51 +0,0 @@
-{
-  "id": "accordion",
-  "type": "component",
-  "title": "Accordion",
-  "description": "Container for grouped expandable sections. Use with disclosure components.",
-  "api": "./accordion.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "html": "<div class=\"ui-accordion\"><details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Section 1<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Content for section 1</p></div></details><details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Section 2<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Content for section 2</p></div></details><details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Section 3<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Content for section 3</p></div></details></div>",
-          "code": "<div class=\"ui-accordion\">\n  <details class=\"ui-disclosure\">\n    <summary class=\"ui-disclosure__trigger\">Section 1</summary>\n    <div class=\"ui-disclosure__content\">...</div>\n  </details>\n  <details class=\"ui-disclosure\">\n    <summary class=\"ui-disclosure__trigger\">Section 2</summary>\n    <div class=\"ui-disclosure__content\">...</div>\n  </details>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Separated",
-      "description": "Gap between accordion items",
-      "api": "./accordion.api.json",
-      "examples": [
-        {
-          "html": "<div class=\"ui-accordion ui-accordion--separated\"><details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Section 1<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Content for section 1</p></div></details><details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Section 2<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Content for section 2</p></div></details></div>",
-          "code": "<div class=\"ui-accordion ui-accordion--separated\">\n  ...\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "With One Open",
-      "examples": [
-        {
-          "html": "<div class=\"ui-accordion\"><details class=\"ui-disclosure\" open><summary class=\"ui-disclosure__trigger\">Open Section<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>This section starts open</p></div></details><details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Closed Section<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Click to open</p></div></details></div>",
-          "code": "<div class=\"ui-accordion\">\n  <details class=\"ui-disclosure\" open>\n    <summary class=\"ui-disclosure__trigger\">Open Section</summary>\n    <div class=\"ui-disclosure__content\">...</div>\n  </details>\n  <details class=\"ui-disclosure\">\n    ...\n  </details>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-accordion-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    { "token": "--ui-accordion-border-width", "default": "1px", "description": "Border width" },
-    {
-      "token": "--ui-accordion-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    }
-  ]
-}

package/src/04-components/disclosure/disclosure/disclosure.docs.json

@@ -1,73 +0,0 @@
-{
-  "id": "disclosure",
-  "type": "component",
-  "title": "Disclosure",
-  "description": "Expandable/collapsible content section. Uses native details/summary for accessibility without JS.",
-  "api": "./disclosure.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "html": "<details class=\"ui-disclosure\"><summary class=\"ui-disclosure__trigger\">Click to expand<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Hidden content that expands when clicked.</p></div></details>",
-          "code": "<details class=\"ui-disclosure\">\n  <summary class=\"ui-disclosure__trigger\">\n    Click to expand\n    <span class=\"ui-disclosure__icon\">&#9662;</span>\n  </summary>\n  <div class=\"ui-disclosure__content\">\n    <p>Hidden content that expands when clicked.</p>\n  </div>\n</details>"
-        }
-      ]
-    },
-    {
-      "title": "Open by Default",
-      "examples": [
-        {
-          "html": "<details class=\"ui-disclosure\" open><summary class=\"ui-disclosure__trigger\">Already expanded<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>This content is visible by default.</p></div></details>",
-          "code": "<details class=\"ui-disclosure\" open>\n  <summary class=\"ui-disclosure__trigger\">Already expanded</summary>\n  <div class=\"ui-disclosure__content\">...</div>\n</details>"
-        }
-      ]
-    },
-    {
-      "title": "Borderless",
-      "examples": [
-        {
-          "html": "<details class=\"ui-disclosure ui-disclosure--borderless\"><summary class=\"ui-disclosure__trigger\">Borderless disclosure<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>No border around the disclosure.</p></div></details>",
-          "code": "<details class=\"ui-disclosure ui-disclosure--borderless\">\n  ...\n</details>"
-        }
-      ]
-    },
-    {
-      "title": "Animated",
-      "examples": [
-        {
-          "html": "<details class=\"ui-disclosure ui-disclosure--animate\"><summary class=\"ui-disclosure__trigger\">Animated expansion<span class=\"ui-disclosure__icon\">&#9662;</span></summary><div class=\"ui-disclosure__content\"><p>Content animates in when opened.</p></div></details>",
-          "code": "<details class=\"ui-disclosure ui-disclosure--animate\">\n  ...\n</details>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-disclosure-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    { "token": "--ui-disclosure-border-width", "default": "1px", "description": "Border width" },
-    {
-      "token": "--ui-disclosure-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    },
-    {
-      "token": "--ui-disclosure-trigger-height",
-      "default": "var(--ui-row-3)",
-      "description": "Trigger button height"
-    },
-    {
-      "token": "--ui-disclosure-padding-x",
-      "default": "calc(var(--unit) * 2)",
-      "description": "Horizontal padding"
-    },
-    {
-      "token": "--ui-disclosure-padding-y",
-      "default": "calc(var(--unit) * 2)",
-      "description": "Content vertical padding"
-    }
-  ]
-}

package/src/04-components/feedback/alert/alert.api.json

@@ -1,97 +0,0 @@
-{
-  "name": "alert",
-  "element": "div",
-  "modifiers": {
-    "variant": {
-      "values": ["info", "success", "warning", "danger"]
-    }
-  },
-  "elements": {
-    "content": {},
-    "title": {},
-    "description": {},
-    "icon": {}
-  },
-  "cssVars": [
-    {
-      "name": "--ui-alert-padding",
-      "default": "var(--ui-space-2)"
-    },
-    {
-      "name": "--ui-alert-border-width",
-      "default": "var(--ui-border-width-sm)"
-    },
-    {
-      "name": "--ui-alert-gap",
-      "default": "var(--ui-space-1)"
-    },
-    {
-      "name": "--ui-alert-radius",
-      "default": "var(--ui-radius-md)"
-    },
-    {
-      "name": "--ui-alert-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-alert-border-color",
-      "default": "var(--ui-color-border)"
-    },
-    {
-      "name": "--ui-alert-color",
-      "default": "var(--ui-color-text)"
-    },
-    {
-      "name": "--ui-alert-icon-color",
-      "default": "currentcolor"
-    },
-    {
-      "name": "--ui-alert-info-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-alert-info-border",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-alert-info-icon",
-      "default": "var(--ui-color-primary)"
-    },
-    {
-      "name": "--ui-alert-success-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-alert-success-border",
-      "default": "var(--ui-color-success)"
-    },
-    {
-      "name": "--ui-alert-success-icon",
-      "default": "var(--ui-color-success)"
-    },
-    {
-      "name": "--ui-alert-warning-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-alert-warning-border",
-      "default": "var(--ui-color-warning)"
-    },
-    {
-      "name": "--ui-alert-warning-icon",
-      "default": "var(--ui-color-warning)"
-    },
-    {
-      "name": "--ui-alert-danger-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-alert-danger-border",
-      "default": "var(--ui-color-danger)"
-    },
-    {
-      "name": "--ui-alert-danger-icon",
-      "default": "var(--ui-color-danger)"
-    }
-  ]
-}

package/src/04-components/feedback/alert/alert.docs.json

@@ -1,79 +0,0 @@
-{
-  "id": "alert",
-  "type": "component",
-  "title": "Alert",
-  "description": "Informational banner for important messages. Use variants for different message types.",
-  "api": "./alert.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "html": "<div class=\"ui-alert\"><div class=\"ui-alert__content\"><p class=\"ui-alert__title\">Note</p><p class=\"ui-alert__description\">This is a default alert message.</p></div></div>",
-          "code": "<div class=\"ui-alert\">\n  <div class=\"ui-alert__content\">\n    <p class=\"ui-alert__title\">Note</p>\n    <p class=\"ui-alert__description\">This is a default alert.</p>\n  </div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Variants",
-      "examples": [
-        {
-          "html": "<div class=\"ui-stack\" style=\"--stack-gap: var(--ui-space-2);\"><div class=\"ui-alert ui-alert--info\"><div class=\"ui-alert__content\"><p class=\"ui-alert__title\">Info</p><p class=\"ui-alert__description\">Informational message for the user.</p></div></div><div class=\"ui-alert ui-alert--success\"><div class=\"ui-alert__content\"><p class=\"ui-alert__title\">Success</p><p class=\"ui-alert__description\">Your action was completed successfully.</p></div></div><div class=\"ui-alert ui-alert--warning\"><div class=\"ui-alert__content\"><p class=\"ui-alert__title\">Warning</p><p class=\"ui-alert__description\">Please review before continuing.</p></div></div><div class=\"ui-alert ui-alert--danger\"><div class=\"ui-alert__content\"><p class=\"ui-alert__title\">Error</p><p class=\"ui-alert__description\">Something went wrong. Please try again.</p></div></div></div>",
-          "code": "<div class=\"ui-alert ui-alert--info\">...</div>\n<div class=\"ui-alert ui-alert--success\">...</div>\n<div class=\"ui-alert ui-alert--warning\">...</div>\n<div class=\"ui-alert ui-alert--danger\">...</div>"
-        }
-      ]
-    },
-    {
-      "title": "With Icon",
-      "examples": [
-        {
-          "html": "<div class=\"ui-alert ui-alert--info\"><svg class=\"ui-icon ui-icon--sm ui-alert__icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M12 16v-4\"></path><path d=\"M12 8h.01\"></path></svg><div class=\"ui-alert__content\"><p class=\"ui-alert__description\">Your session will expire in 5 minutes.</p></div></div>",
-          "code": "<div class=\"ui-alert ui-alert--info\">\n  <svg class=\"ui-icon ui-alert__icon\">...</svg>\n  <div class=\"ui-alert__content\">\n    <p class=\"ui-alert__description\">Your session will expire.</p>\n  </div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Description Only",
-      "examples": [
-        {
-          "html": "<div class=\"ui-alert ui-alert--success\"><div class=\"ui-alert__content\"><p class=\"ui-alert__description\">File uploaded successfully.</p></div></div>",
-          "code": "<div class=\"ui-alert ui-alert--success\">\n  <div class=\"ui-alert__content\">\n    <p class=\"ui-alert__description\">File uploaded.</p>\n  </div>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-alert-padding",
-      "default": "var(--ui-space-2)",
-      "description": "Inner padding"
-    },
-    {
-      "token": "--ui-alert-gap",
-      "default": "var(--ui-space-1)",
-      "description": "Gap between icon and content"
-    },
-    {
-      "token": "--ui-alert-radius",
-      "default": "var(--ui-radius-md)",
-      "description": "Border radius"
-    },
-    {
-      "token": "--ui-alert-border-width",
-      "default": "var(--ui-border-width-sm)",
-      "description": "Border width"
-    },
-    {
-      "token": "--ui-alert-bg",
-      "default": "var(--ui-color-bg-subtle)",
-      "description": "Background color"
-    },
-    {
-      "token": "--ui-alert-border-color",
-      "default": "var(--ui-color-border)",
-      "description": "Border color"
-    },
-    { "token": "--ui-alert-color", "default": "var(--ui-color-text)", "description": "Text color" },
-    { "token": "--ui-alert-icon-color", "default": "currentcolor", "description": "Icon color" }
-  ]
-}

package/src/04-components/feedback/progress/progress.docs.json

@@ -1,87 +0,0 @@
-{
-  "id": "progress",
-  "type": "component",
-  "title": "Progress",
-  "description": "Progress bar indicator showing completion status. Use aria-valuenow for accessibility.",
-  "api": "./progress.api.json",
-  "sections": [
-    {
-      "title": "Default",
-      "examples": [
-        {
-          "html": "<div class=\"ui-progress\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"Loading\"><div class=\"ui-progress__bar\" style=\"width: 60%;\"></div></div>",
-          "code": "<div class=\"ui-progress\" role=\"progressbar\"\n     aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n  <div class=\"ui-progress__bar\" style=\"width: 60%;\"></div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Sizes",
-      "examples": [
-        {
-          "html": "<div style=\"display: flex; flex-direction: column; gap: var(--ui-space-2);\"><div class=\"ui-progress ui-progress--sm\" role=\"progressbar\" aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 40%;\"></div></div><div class=\"ui-progress\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 60%;\"></div></div><div class=\"ui-progress ui-progress--lg\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 80%;\"></div></div></div>",
-          "code": "<div class=\"ui-progress ui-progress--sm\">...</div>\n<div class=\"ui-progress\">...</div>\n<div class=\"ui-progress ui-progress--lg\">...</div>"
-        }
-      ]
-    },
-    {
-      "title": "Colors",
-      "examples": [
-        {
-          "html": "<div style=\"display: flex; flex-direction: column; gap: var(--ui-space-2);\"><div class=\"ui-progress ui-progress--success\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 100%;\"></div></div><div class=\"ui-progress ui-progress--warning\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 60%;\"></div></div><div class=\"ui-progress ui-progress--danger\" role=\"progressbar\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 25%;\"></div></div></div>",
-          "code": "<div class=\"ui-progress ui-progress--success\">...</div>\n<div class=\"ui-progress ui-progress--warning\">...</div>\n<div class=\"ui-progress ui-progress--danger\">...</div>"
-        }
-      ]
-    },
-    {
-      "title": "Striped",
-      "examples": [
-        {
-          "html": "<div class=\"ui-progress ui-progress--striped\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 70%;\"></div></div>",
-          "code": "<div class=\"ui-progress ui-progress--striped\">\n  <div class=\"ui-progress__bar\" style=\"width: 70%;\"></div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Animated Stripes",
-      "examples": [
-        {
-          "html": "<div class=\"ui-progress ui-progress--striped ui-progress--animated\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"><div class=\"ui-progress__bar\" style=\"width: 50%;\"></div></div>",
-          "code": "<div class=\"ui-progress ui-progress--striped ui-progress--animated\">\n  <div class=\"ui-progress__bar\" style=\"width: 50%;\"></div>\n</div>"
-        }
-      ]
-    },
-    {
-      "title": "Indeterminate",
-      "description": "For unknown progress duration",
-      "api": "./progress.api.json",
-      "examples": [
-        {
-          "html": "<div class=\"ui-progress ui-progress--indeterminate\" role=\"progressbar\" aria-label=\"Loading\"><div class=\"ui-progress__bar\"></div></div>",
-          "code": "<div class=\"ui-progress ui-progress--indeterminate\"\n     role=\"progressbar\" aria-label=\"Loading\">\n  <div class=\"ui-progress__bar\"></div>\n</div>"
-        }
-      ]
-    }
-  ],
-  "customization": [
-    {
-      "token": "--ui-progress-height",
-      "default": "calc(var(--unit) * 1)",
-      "description": "Bar height"
-    },
-    {
-      "token": "--ui-progress-bg",
-      "default": "var(--ui-color-bg-subtle)",
-      "description": "Track background"
-    },
-    {
-      "token": "--ui-progress-fill",
-      "default": "var(--ui-color-primary)",
-      "description": "Fill color"
-    },
-    {
-      "token": "--ui-progress-radius",
-      "default": "var(--ui-radius-full)",
-      "description": "Border radius"
-    }
-  ]
-}

package/src/04-components/feedback/skeleton/skeleton.api.json

@@ -1,26 +0,0 @@
-{
-  "name": "skeleton",
-  "element": "div",
-  "modifiers": {
-    "variant": {
-      "values": ["text", "circle", "heading", "rect"]
-    },
-    "pulse": {
-      "type": "boolean"
-    }
-  },
-  "cssVars": [
-    {
-      "name": "--ui-skeleton-bg",
-      "default": "var(--ui-color-bg-subtle)"
-    },
-    {
-      "name": "--ui-skeleton-shimmer",
-      "default": "rgb(255 255 255 / 0.5"
-    },
-    {
-      "name": "--ui-skeleton-radius",
-      "default": "var(--ui-radius-sm)"
-    }
-  ]
-}