# control.$description
Size tokens for interactive controls (buttons, inputs, selects). Includes overall size, padding, line height, and gap values for each size variant.

# control.$extensions.org.primer.llm.rules
Use size variants consistently across related controls. Match control size to context: xsmall/small for dense UIs, medium for standard forms, large/xlarge for prominent CTAs. Use minTarget values to ensure touch accessibility on coarse pointer devices.

# spinner.$description
Size and stroke tokens for loading spinner components.

# spinner.$extensions.org.primer.llm.rules
Match spinner size to context: small for inline loading, medium for buttons and cards, large for full-page loading states.

# stack.$description
Spacing tokens for Stack layout components including padding and gap values.

# stack.$extensions.org.primer.llm.rules
Use condensed for dense lists, normal for standard layouts, spacious for prominent sections. Stack tokens provide consistent spacing within layout containers.

# stack.padding.condensed.$extensions.org.primer.figma.codeSyntax.web
var(--stack-padding-condensed) /* utility class: .p-2 */

# stack.padding.normal.$extensions.org.primer.figma.codeSyntax.web
var(--stack-padding-normal) /* utility class: .p-3 */

# stack.padding.spacious.$extensions.org.primer.figma.codeSyntax.web
var(--stack-padding-spacious) /* utility class: .p-4 */

# stack.gap.condensed.$extensions.org.primer.figma.codeSyntax.web
var(--stack-gap-condensed) /* utility class: .gap-2 */

# stack.gap.normal.$extensions.org.primer.figma.codeSyntax.web
var(--stack-gap-normal) /* utility class: .gap-3 */

# stack.gap.spacious.$extensions.org.primer.figma.codeSyntax.web
var(--stack-gap-spacious) /* utility class: .gap-4 */

# controlStack.$description
Gap tokens for groups of controls (buttons, form elements) arranged in a row or column.

# controlStack.$extensions.org.primer.llm.rules
Use with groups of related controls. Match gap size to control size (small controls use small gaps). Condensed for tight groupings, spacious for separated actions.

# overlay.$description
Dimension tokens for overlay components like modals, dialogs, popovers, and dropdown menus.

# overlay.$extensions.org.primer.llm.rules
Match overlay size to content: xsmall/small for menus and tooltips, medium for dialogs, large/xlarge for complex modals. Use height tokens to constrain scrollable overlays. Always consider viewport size constraints.