{
  "name": "LogoMark",
  "source": "src/components/Logo.tsx",
  "propsType": "LogoMarkProps",
  "description": "The bare icon glyph, no wordmark — what `Header` actually uses.\n\nColour comes from the `.ion-logo__mark` class (`icon/default`), not the SVG\nitself, so it themes the same way every other icon in the system does.",
  "import": "import { LogoMark } from 'ionbase-ui';",
  "status": "stable",
  "summary": "The bare mark, no wordmark — what Header uses.",
  "useWhen": [
    "a wordmark is already visible nearby, or the bar is too narrow for the lockup",
    "a favicon-scale identity marker inside the product"
  ],
  "useInstead": [
    {
      "when": "this is the only place the product names itself",
      "use": "Logo",
      "why": "a mark alone identifies nothing to someone who has not learned it yet"
    }
  ],
  "variants": {
    "size": {
      "sm": {
        "use": "the default, 24px — header bars"
      },
      "lg": {
        "use": "32px — sign-in and other brand-forward surfaces"
      }
    }
  },
  "a11y": {
    "requires": [
      "`label` when the mark stands alone — it is the only thing naming it"
    ],
    "notes": [
      "Omit `label` when a visible wordmark sits beside it; that text already carries the name."
    ]
  },
  "antiPatterns": [
    {
      "dont": "`label=\"logo\"`",
      "do": "`label=\"IonBase\"`",
      "why": "the name of the brand is the useful announcement; the word \"logo\" is not"
    }
  ],
  "stylesheet": "src/styles/logo.css",
  "tokens": [
    "--font-family-sans",
    "--font-weight-medium",
    "--icon-default",
    "--spacing-4",
    "--spacing-8",
    "--text-tertiary",
    "--type-body",
    "--type-body-line-height"
  ],
  "props": {
    "size": {
      "type": "LogoSize | undefined",
      "required": false,
      "origin": "own",
      "values": [
        "sm",
        "lg"
      ]
    },
    "label": {
      "type": "string | undefined",
      "required": false,
      "origin": "own",
      "description": "Accessible name for the mark used standalone. Omit when it sits beside\na visible wordmark, which already carries the name."
    }
  },
  "propCounts": {
    "own": 2,
    "aria": 0,
    "dom": 487,
    "other": 0
  }
}