Size Component
Per-size component dimensions (Large → XSmall) for forms, lists, and buttons.
Button
Name
Token
Value
content-box
$size-component-button-content-box
$spacing-space-2xl
dimension
$size-component-button-dimension
$spacing-space-5xl
font
$size-component-button-font
$type-type-family-aptos
font-size
$size-component-button-font-size
↗ library ref
line-height
$size-component-button-line-height
↗ library ref
max-dimension
$size-component-button-max-dimension
$spacing-space-13xl
padding
$size-component-button-padding
$spacing-space-l
padding-content-box
$size-component-button-padding-content-box
$spacing-space-s
padding-icon-only
$size-component-button-padding-icon-only
$spacing-space-m
weight
$size-component-button-weight
$type-font-weight-semi
Form
Name
Token
Value
content-box
$size-component-form-content-box
$spacing-space-2xl
dimension-field
$size-component-form-dimension-field
$spacing-space-5xl
dimension-text-area
$size-component-form-dimension-text-area
$spacing-space-11xl
field
$size-component-form-field
$spacing-space-m
font
$size-component-form-font
$type-type-family-aptos
font-size-label
$size-component-form-font-size-label
↗ library ref
font-size-text-input
$size-component-form-font-size-text-input
↗ library ref
gap-content-box
$size-component-form-gap-content-box
$spacing-space-s
gap-dimension
$size-component-form-gap-dimension
$spacing-space-s
height-text-input
$size-component-form-height-text-input
↗ library ref
height-text-label
$size-component-form-height-text-label
↗ library ref
padding-dimension
$size-component-form-padding-dimension
$spacing-space-m
padding-icon-only
$size-component-form-padding-icon-only
$spacing-space-m
weight-text-input
$size-component-form-weight-text-input
$type-font-weight-regular
List
Name
Token
Value
content-box
$size-component-list-content-box
$spacing-space-2xl
corner-round
$size-component-list-corner-round
$border-radius-xs
dimension
$size-component-list-dimension
$spacing-space-4xl
font
$size-component-list-font
$type-type-family-aptos
font-size
$size-component-list-font-size
↗ library ref
font-size-value
$size-component-list-font-size-value
↗ library ref
gap-content-box
$size-component-list-gap-content-box
$spacing-space-m
gap-metadata
$size-component-list-gap-metadata
$spacing-space-2xs
line-height
$size-component-list-line-height
↗ library ref
padding-icon-only
$size-component-list-padding-icon-only
$spacing-space-s
ver-padding-dimension
$size-component-list-ver-padding-dimension
$spacing-space-s
weight
$size-component-list-weight
$type-font-weight-semi
weight-compact
$size-component-list-weight-compact
$type-font-weight-regular
Modal
Name
Token
Value
dimension
$size-component-modal-dimension
800
Pagination
Name
Token
Value
content-box
$size-component-pagination-content-box
$spacing-space-2xl
corner-round
$size-component-pagination-corner-round
$border-radius-xs
dimension
$size-component-pagination-dimension
$spacing-space-5xl
font
$size-component-pagination-font
$type-type-family-aptos
font-size
$size-component-pagination-font-size
↗ library ref
line-height
$size-component-pagination-line-height
↗ library ref
max-dimension
$size-component-pagination-max-dimension
$spacing-space-13xl
padding
$size-component-pagination-padding
$spacing-space-l
padding-content-box
$size-component-pagination-padding-content-box
$spacing-space-s
padding-icon-only
$size-component-pagination-padding-icon-only
$spacing-space-m
weight
$size-component-pagination-weight
$type-font-weight-semi
Tab
Name
Token
Value
content-box
$size-component-tab-content-box
$spacing-space-2xl
dimension
$size-component-tab-dimension
$spacing-space-4xl
font
$size-component-tab-font
$type-type-family-aptos
font-size
$size-component-tab-font-size
↗ library ref
gap-content-box
$size-component-tab-gap-content-box
$spacing-space-s
line-height
$size-component-tab-line-height
↗ library ref
padding
$size-component-tab-padding
$spacing-space-m
padding-dimension
$size-component-tab-padding-dimension
$spacing-space-2xs
padding-icon-only
$size-component-tab-padding-icon-only
$spacing-space-s
weight-compact
$size-component-tab-weight-compact
$type-font-weight-regular
weight-emphasis
$size-component-tab-weight-emphasis
$type-font-weight-bold