twntyx-css 1.0.3 → 1.0.5

package/llm/components/navbar.json

@@ -1,158 +0,0 @@
-{
-  "id": "navbar",
-  "name": "Navbar",
-  "status": "stable",
-  "summary": "Navbar layout pattern for top-level product navigation and actions.",
-  "keywords": [
-    "header",
-    "nav",
-    "navbar",
-    "navigation bar",
-    "site navigation",
-    "top bar"
-  ],
-  "sourcePaths": [
-    "app/design-system/navbar/page.js",
-    "assets/styles/breadcrumb.css",
-    "assets/styles/button.css",
-    "assets/styles/chat.css",
-    "assets/styles/checkmark.css",
-    "assets/styles/command.css",
-    "assets/styles/form-text-select.css",
-    "assets/styles/menu.css",
-    "assets/styles/navbar.css",
-    "assets/styles/pagination.css",
-    "assets/styles/progress.css",
-    "assets/styles/steps.css",
-    "assets/styles/tab.css",
-    "assets/styles/table.css",
-    "assets/styles/toast.css"
-  ],
-  "apiModel": "html-class",
-  "baseClass": "navbar",
-  "variants": [],
-  "sizes": [],
-  "states": [
-    {
-      "name": "is-active",
-      "className": "is-active",
-      "description": "Highlights the active navigation item."
-    }
-  ],
-  "structure": {
-    "rootElement": "a",
-    "requiredClasses": [
-      "navbar"
-    ],
-    "optionalClasses": [
-      "is-active"
-    ],
-    "requiredChildren": [],
-    "optionalChildren": []
-  },
-  "attributes": {
-    "allowed": [
-      "class"
-    ],
-    "required": [],
-    "dataAttributes": [],
-    "roles": [],
-    "aria": [
-      "aria-current",
-      "aria-label"
-    ]
-  },
-  "a11y": {
-    "interactive": false,
-    "requiredRoles": [],
-    "requiredAria": [
-      "aria-current",
-      "aria-label"
-    ],
-    "keyboardSupport": [],
-    "focusBehavior": "No keyboard interaction is required unless nested interactive children are introduced."
-  },
-  "dos": [
-    "Apply the base class 'navbar' on the root element.",
-    "Use documented modifiers for visual variants instead of ad-hoc custom classes.",
-    "Keep semantic color usage aligned with token classes for light/dark support."
-  ],
-  "donts": [
-    "Do not combine conflicting state classes on the same element.",
-    "Do not rely on undocumented internal classes in production templates.",
-    "Do not remove required accessibility attributes when component is interactive."
-  ],
-  "tokenUsage": [
-    "background-brand",
-    "background-brand-active",
-    "background-error",
-    "background-error-active",
-    "background-info",
-    "background-info-active",
-    "background-inverted",
-    "background-page",
-    "background-success",
-    "background-success-active",
-    "background-surface",
-    "background-surface-elevated",
-    "background-surface-sunken",
-    "background-warning",
-    "background-warning-active",
-    "brand-default",
-    "brand-moderate",
-    "brand-strong",
-    "core-black",
-    "core-ui-100",
-    "core-ui-300",
-    "core-ui-400",
-    "core-ui-50",
-    "core-ui-600",
-    "core-ui-700",
-    "core-ui-800",
-    "core-ui-900",
-    "core-white",
-    "line-brand",
-    "line-default",
-    "line-error",
-    "line-focus",
-    "line-highlight",
-    "line-info",
-    "line-strong",
-    "line-success",
-    "line-warning",
-    "text-attention",
-    "text-brand",
-    "text-brand-active",
-    "text-brand-hover",
-    "text-default",
-    "text-disabled",
-    "text-error",
-    "text-info",
-    "text-inverted",
-    "text-link",
-    "text-link-active",
-    "text-link-hover",
-    "text-secondary",
-    "text-success",
-    "text-tertiary",
-    "text-warning"
-  ],
-  "examples": [
-    {
-      "id": "canonical",
-      "file": "examples/navbar.html",
-      "description": "Minimal canonical Navbar usage."
-    }
-  ],
-  "composition": {
-    "patterns": [
-      "navigation-hierarchy"
-    ],
-    "relatedComponents": [],
-    "notes": []
-  },
-  "breakingChangePolicy": {
-    "classContract": "Base class, documented modifiers, and state class names are semver-protected for consumer markup.",
-    "a11yContract": "Documented role and aria requirements are semver-protected for generated markup."
-  }
-}

package/llm/examples/banner-marketplace.html

@@ -1 +0,0 @@
-<div class="banner-marketplace">Funding banner</div>

package/llm/examples/empty-state.html

@@ -1 +0,0 @@
-<div class="empty-state">Empty state</div>

package/llm/examples/input-group.html

@@ -1 +0,0 @@
-<div class="input-group">Input group</div>

package/llm/examples/navbar.html

@@ -1 +0,0 @@
-<a class="navbar" href="#">Navbar</a>

package/styles/empty-state.css

@@ -1,48 +0,0 @@
-/*----------------------------*/
-/* EMPTY STATE */
-/*----------------------------*/
-
-@utility empty-state {
-  @apply p-8 rounded-3xl border bg-background-surface border-line-default text-center;
-
-  > :where(.empty-state-icon) {
-    @apply inline-flex justify-center items-center mx-auto mb-4 rounded-full size-14 surface-elevated text-text-tertiary;
-
-    > svg {
-      @apply size-7 fill-current;
-    }
-  }
-
-  > :where(h1, h2, h3, h4, h5, h6, .empty-state-title) {
-    @apply mb-2 h4;
-  }
-
-  > :where(p, .empty-state-description) {
-    @apply p2 text-text-secondary;
-  }
-
-  > :where(:last-child, .empty-state-actions) {
-    @apply flex flex-wrap gap-2 justify-center mt-4;
-  }
-}
-
-/* Compatibility aliases */
-@utility empty-state-icon {
-  @apply inline-flex justify-center items-center mx-auto mb-4 rounded-full size-14 surface-elevated text-text-tertiary;
-
-  > svg {
-    @apply size-7 fill-current;
-  }
-}
-
-@utility empty-state-title {
-  @apply mb-2 h4;
-}
-
-@utility empty-state-description {
-  @apply p2 text-text-secondary;
-}
-
-@utility empty-state-actions {
-  @apply flex flex-wrap gap-2 justify-center mt-4;
-}

package/styles/navbar.css

@@ -1,48 +0,0 @@
-/*----------------------------*/
-/* NAVBAR */
-/*----------------------------*/
-
-@utility navbar {
-  @apply w-full flex gap-3 items-center p-2 rounded-2xl border bg-background-surface border-line-default;
-
-  > :where(:first-child, .navbar-start) {
-    @apply flex flex-1 gap-2 items-center min-w-0;
-  }
-
-  > :where(:nth-child(2), .navbar-center) {
-    @apply flex gap-2 justify-center items-center;
-  }
-
-  > :where(:last-child, .navbar-end) {
-    @apply flex flex-1 gap-2 justify-end items-center min-w-0;
-  }
-
-  :where(a, button, .navbar-item) {
-    @apply inline-flex gap-2 items-center px-3 py-1.5 rounded-full text-sm include-interactive include-hover-primary text-text-secondary hover:text-text-default;
-
-    &.is-active {
-      @apply include-hover-primary-active text-text-brand;
-    }
-  }
-}
-
-/* Compatibility aliases */
-@utility navbar-start {
-  @apply flex flex-1 gap-2 items-center min-w-0;
-}
-
-@utility navbar-center {
-  @apply flex gap-2 justify-center items-center;
-}
-
-@utility navbar-end {
-  @apply flex flex-1 gap-2 justify-end items-center min-w-0;
-}
-
-@utility navbar-item {
-  @apply inline-flex gap-2 items-center px-3 py-1.5 rounded-full text-sm include-interactive include-hover-primary text-text-secondary hover:text-text-default;
-
-  &.is-active {
-    @apply include-hover-primary-active text-text-brand;
-  }
-}