@primer/primitives/dist/docs/functional/size/size-coarse.json

Typography, spacing, and color primitives for Primer design system

{
  "control-minTarget-auto": {
    "key": "{control.minTarget.auto}",
    "$extensions": {
      "org.primer.llm": {
        "usage": ["touch-target", "mobile-button", "tap-area"],
        "rules": "Use as minimum size for interactive elements on touch devices. Ensures WCAG 2.5.5 compliance (44x44px minimum). Do NOT use for fine pointer (mouse) contexts."
      }
    },
    "filePath": "src/tokens/functional/size/size-coarse.json5",
    "isSource": true,
    "original": {
      "$value": "{base.size.44}",
      "$type": "dimension",
      "$description": "Minimum touch target size for coarse pointer devices (touch screens)",
      "$extensions": {
        "org.primer.llm": {
          "usage": ["touch-target", "mobile-button", "tap-area"],
          "rules": "Use as minimum size for interactive elements on touch devices. Ensures WCAG 2.5.5 compliance (44x44px minimum). Do NOT use for fine pointer (mouse) contexts."
        }
      },
      "key": "{control.minTarget.auto}"
    },
    "name": "control-minTarget-auto",
    "attributes": {},
    "path": ["control", "minTarget", "auto"],
    "value": "2.75rem",
    "type": "dimension",
    "description": "Minimum touch target size for coarse pointer devices (touch screens)"
  },
  "controlStack-large-gap-auto": {
    "key": "{controlStack.large.gap.auto}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "pattern/size",
        "scopes": ["gap"]
      },
      "org.primer.llm": {
        "usage": ["touch-control-spacing", "mobile-form-gap", "stacked-buttons"],
        "rules": "Use for spacing between interactive controls on touch devices in large layouts. Provides adequate touch separation. Do NOT use for desktop/mouse interfaces."
      }
    },
    "filePath": "src/tokens/functional/size/size-coarse.json5",
    "isSource": true,
    "original": {
      "$value": "{base.size.12}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "pattern/size",
          "scopes": ["gap"]
        },
        "org.primer.llm": {
          "usage": ["touch-control-spacing", "mobile-form-gap", "stacked-buttons"],
          "rules": "Use for spacing between interactive controls on touch devices in large layouts. Provides adequate touch separation. Do NOT use for desktop/mouse interfaces."
        }
      },
      "$description": "Gap between stacked controls in large density layouts for touch devices",
      "key": "{controlStack.large.gap.auto}"
    },
    "name": "controlStack-large-gap-auto",
    "attributes": {},
    "path": ["controlStack", "large", "gap", "auto"],
    "value": "0.75rem",
    "type": "dimension",
    "description": "Gap between stacked controls in large density layouts for touch devices"
  },
  "controlStack-medium-gap-auto": {
    "key": "{controlStack.medium.gap.auto}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "pattern/size",
        "scopes": ["gap"]
      },
      "org.primer.llm": {
        "usage": ["touch-control-spacing", "mobile-form-gap", "stacked-buttons"],
        "rules": "Use for spacing between interactive controls on touch devices in standard layouts. Do NOT use for desktop/mouse interfaces."
      }
    },
    "filePath": "src/tokens/functional/size/size-coarse.json5",
    "isSource": true,
    "original": {
      "$value": "{base.size.12}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "pattern/size",
          "scopes": ["gap"]
        },
        "org.primer.llm": {
          "usage": ["touch-control-spacing", "mobile-form-gap", "stacked-buttons"],
          "rules": "Use for spacing between interactive controls on touch devices in standard layouts. Do NOT use for desktop/mouse interfaces."
        }
      },
      "$description": "Gap between stacked controls in medium density layouts for touch devices",
      "key": "{controlStack.medium.gap.auto}"
    },
    "name": "controlStack-medium-gap-auto",
    "attributes": {},
    "path": ["controlStack", "medium", "gap", "auto"],
    "value": "0.75rem",
    "type": "dimension",
    "description": "Gap between stacked controls in medium density layouts for touch devices"
  },
  "controlStack-small-gap-auto": {
    "key": "{controlStack.small.gap.auto}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "pattern/size",
        "scopes": ["gap"]
      },
      "org.primer.llm": {
        "usage": ["touch-control-spacing", "mobile-form-gap", "stacked-buttons"],
        "rules": "Use for spacing between interactive controls on touch devices in compact layouts. Provides adequate touch separation. Do NOT use for desktop/mouse interfaces."
      }
    },
    "filePath": "src/tokens/functional/size/size-coarse.json5",
    "isSource": true,
    "original": {
      "$value": "{base.size.16}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "pattern/size",
          "scopes": ["gap"]
        },
        "org.primer.llm": {
          "usage": ["touch-control-spacing", "mobile-form-gap", "stacked-buttons"],
          "rules": "Use for spacing between interactive controls on touch devices in compact layouts. Provides adequate touch separation. Do NOT use for desktop/mouse interfaces."
        }
      },
      "$description": "Gap between stacked controls in small density layouts for touch devices",
      "key": "{controlStack.small.gap.auto}"
    },
    "name": "controlStack-small-gap-auto",
    "attributes": {},
    "path": ["controlStack", "small", "gap", "auto"],
    "value": "1rem",
    "type": "dimension",
    "description": "Gap between stacked controls in small density layouts for touch devices"
  }
}