{
  "$comment": "Generated by brand/scripts/build-components.mjs from brand/components/. Do not edit. The index of the components for agents: each one's classes, status and file. The page is index.html.",
  "css": "components.css",
  "tokens": "../tokens/tokens.css",
  "components": [
    {
      "name": "base",
      "title": "Base",
      "group": "Pantallas",
      "status": "proposed",
      "summary": "La raíz de una pantalla. La fuente, el tamaño, el interlineado y el color de la marca, sin negritas.",
      "classes": [
        "nu-ui",
        "nu-ui--compact"
      ],
      "css": "base.css",
      "page": "index.html#base"
    },
    {
      "name": "button",
      "title": "Botón",
      "group": "Controles",
      "status": "proposed",
      "summary": "La acción de una pantalla. Uno principal naranja y los demás con borde o como texto.",
      "classes": [
        "nu-button",
        "nu-button--primary",
        "nu-button--text",
        "nu-button--small",
        "nu-button--large",
        "nu-button--block",
        "nu-buttons"
      ],
      "css": "button.css",
      "page": "index.html#button"
    },
    {
      "name": "field",
      "title": "Campo",
      "group": "Controles",
      "status": "proposed",
      "summary": "Etiqueta de sistema arriba, el control y una línea de ayuda que pasa a ser el error.",
      "classes": [
        "nu-field",
        "nu-field__label",
        "nu-field__control",
        "nu-field__help",
        "nu-field--line",
        "nu-fields"
      ],
      "css": "field.css",
      "page": "index.html#field"
    },
    {
      "name": "notice",
      "title": "Aviso",
      "group": "Avisos",
      "status": "proposed",
      "summary": "Una fila con su marca cuadrada, el texto y su acción. Y el mensaje de una línea bajo un formulario.",
      "classes": [
        "nu-notices",
        "nu-notice",
        "nu-notice__mark",
        "nu-notice__text",
        "nu-notice--success",
        "nu-notice--info",
        "nu-notice--warning",
        "nu-notice--error",
        "nu-message",
        "nu-message--success",
        "nu-message--error"
      ],
      "css": "notice.css",
      "page": "index.html#notice"
    },
    {
      "name": "card",
      "title": "Tarjeta",
      "group": "Datos",
      "status": "proposed",
      "summary": "Una superficie blanca con borde de 1 px. Cabeza con la etiqueta del bloque y su acción, y el cuerpo.",
      "classes": [
        "nu-card",
        "nu-card__head",
        "nu-card__body",
        "nu-card__figure",
        "nu-card__unit",
        "nu-cards"
      ],
      "css": "card.css",
      "page": "index.html#card"
    },
    {
      "name": "chip",
      "title": "Chip",
      "group": "Datos",
      "status": "proposed",
      "summary": "Una etiqueta corta en caja. Un filtro, una categoría o un conteo; en naranja, el que está activo.",
      "classes": [
        "nu-chip",
        "nu-chip--accent",
        "nu-chips"
      ],
      "css": "chip.css",
      "page": "index.html#chip"
    },
    {
      "name": "status",
      "title": "Estado",
      "group": "Datos",
      "status": "proposed",
      "summary": "Un cuadrado de color junto a una etiqueta de sistema. Gris inactivo, naranja activo o alerta, verde en línea.",
      "classes": [
        "nu-status",
        "nu-status--active",
        "nu-status--online",
        "nu-status--alert"
      ],
      "css": "status.css",
      "page": "index.html#status"
    },
    {
      "name": "label",
      "title": "Etiqueta de sistema",
      "group": "Texto",
      "status": "proposed",
      "summary": "Ubuntu Mono en mayúsculas espaciadas, en gris. Nombra bloques, fechas, contadores y estados.",
      "classes": [
        "nu-label",
        "nu-label--block",
        "nu-label--accent"
      ],
      "css": "label.css",
      "page": "index.html#label"
    },
    {
      "name": "link",
      "title": "Enlace",
      "group": "Texto",
      "status": "proposed",
      "summary": "Texto naranja que lleva a otro lugar o hace algo chico. En gris, lo secundario.",
      "classes": [
        "nu-link",
        "nu-link--muted"
      ],
      "css": "link.css",
      "page": "index.html#link"
    },
    {
      "name": "page",
      "title": "Página de una columna",
      "group": "Pantallas",
      "status": "proposed",
      "summary": "El ingreso, la cuenta, un reclamo o un aviso. El logo arriba, un título y una columna angosta al centro.",
      "classes": [
        "nu-page",
        "nu-page__main",
        "nu-page__logo",
        "nu-page__title",
        "nu-page__subtitle",
        "nu-page__stack",
        "nu-page__divider",
        "nu-page__list"
      ],
      "css": "page.css",
      "page": "index.html#page"
    }
  ]
}