@primer/primitives/dist/styleLint/functional/size/size-fine.json

Typography, spacing, and color primitives for Primer design system

{
  "control-minTarget-auto": {
    "key": "{control.minTarget.auto}",
    "$value": ["1rem", "16px"],
    "$type": "dimension",
    "$description": "Minimum target size for fine pointer devices (mouse)",
    "$extensions": {
      "org.primer.llm": {
        "usage": ["mouse-target", "desktop-button", "click-area"],
        "rules": "Use as minimum size for interactive elements on desktop/mouse interfaces. Smaller than touch targets for denser layouts. Do NOT use for touch/mobile contexts."
      }
    },
    "filePath": "src/tokens/functional/size/size-fine.json5",
    "isSource": true,
    "original": {
      "$value": "{base.size.16}",
      "$type": "dimension",
      "$description": "Minimum target size for fine pointer devices (mouse)",
      "$extensions": {
        "org.primer.llm": {
          "usage": ["mouse-target", "desktop-button", "click-area"],
          "rules": "Use as minimum size for interactive elements on desktop/mouse interfaces. Smaller than touch targets for denser layouts. Do NOT use for touch/mobile contexts."
        }
      },
      "key": "{control.minTarget.auto}"
    },
    "name": "control-minTarget-auto",
    "attributes": {},
    "path": ["control", "minTarget", "auto"]
  },
  "controlStack-large-gap-auto": {
    "key": "{controlStack.large.gap.auto}",
    "$value": ["0.5rem", "8px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "pattern/size",
        "scopes": ["gap"]
      },
      "org.primer.llm": {
        "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
        "rules": "Use for spacing between interactive controls on desktop in large layouts. Do NOT use for mobile/touch interfaces."
      }
    },
    "filePath": "src/tokens/functional/size/size-fine.json5",
    "isSource": true,
    "$description": "Gap between stacked controls in large density layouts for mouse interfaces",
    "original": {
      "$value": "{base.size.8}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "pattern/size",
          "scopes": ["gap"]
        },
        "org.primer.llm": {
          "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
          "rules": "Use for spacing between interactive controls on desktop in large layouts. Do NOT use for mobile/touch interfaces."
        }
      },
      "$description": "Gap between stacked controls in large density layouts for mouse interfaces",
      "key": "{controlStack.large.gap.auto}"
    },
    "name": "controlStack-large-gap-auto",
    "attributes": {},
    "path": ["controlStack", "large", "gap", "auto"]
  },
  "controlStack-medium-gap-auto": {
    "key": "{controlStack.medium.gap.auto}",
    "$value": ["0.5rem", "8px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "pattern/size",
        "scopes": ["gap"]
      },
      "org.primer.llm": {
        "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
        "rules": "Use for spacing between interactive controls on desktop in standard layouts. Do NOT use for mobile/touch interfaces."
      }
    },
    "filePath": "src/tokens/functional/size/size-fine.json5",
    "isSource": true,
    "$description": "Gap between stacked controls in medium density layouts for mouse interfaces",
    "original": {
      "$value": "{base.size.8}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "pattern/size",
          "scopes": ["gap"]
        },
        "org.primer.llm": {
          "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
          "rules": "Use for spacing between interactive controls on desktop in standard layouts. Do NOT use for mobile/touch interfaces."
        }
      },
      "$description": "Gap between stacked controls in medium density layouts for mouse interfaces",
      "key": "{controlStack.medium.gap.auto}"
    },
    "name": "controlStack-medium-gap-auto",
    "attributes": {},
    "path": ["controlStack", "medium", "gap", "auto"]
  },
  "controlStack-small-gap-auto": {
    "key": "{controlStack.small.gap.auto}",
    "$value": ["0.5rem", "8px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "pattern/size",
        "scopes": ["gap"]
      },
      "org.primer.llm": {
        "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
        "rules": "Use for spacing between interactive controls on desktop in compact layouts. Tighter spacing than touch devices. Do NOT use for mobile/touch interfaces."
      }
    },
    "filePath": "src/tokens/functional/size/size-fine.json5",
    "isSource": true,
    "$description": "Gap between stacked controls in small density layouts for mouse interfaces",
    "original": {
      "$value": "{base.size.8}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "pattern/size",
          "scopes": ["gap"]
        },
        "org.primer.llm": {
          "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
          "rules": "Use for spacing between interactive controls on desktop in compact layouts. Tighter spacing than touch devices. Do NOT use for mobile/touch interfaces."
        }
      },
      "$description": "Gap between stacked controls in small density layouts for mouse interfaces",
      "key": "{controlStack.small.gap.auto}"
    },
    "name": "controlStack-small-gap-auto",
    "attributes": {},
    "path": ["controlStack", "small", "gap", "auto"]
  }
}