Shape

Token values as CSS custom properties.

{
  "system_shape": {
    "--md-sys-shape-corner-none": "0px",
    "--md-sys-shape-corner-extra-small": "4px",
    "--md-sys-shape-corner-small": "8px",
    "--md-sys-shape-corner-medium": "12px",
    "--md-sys-shape-corner-large": "16px",
    "--md-sys-shape-corner-extra-large": "28px",
    "--md-sys-shape-corner-full": "9999px"
  },
  "component_defaults": {
    "md-filled-button": "var(--md-sys-shape-corner-full)",
    "md-outlined-button": "var(--md-sys-shape-corner-full)",
    "md-text-button": "var(--md-sys-shape-corner-full)",
    "md-elevated-button": "var(--md-sys-shape-corner-full)",
    "md-tonal-button": "var(--md-sys-shape-corner-full)",
    "md-fab": "var(--md-sys-shape-corner-large)",
    "md-extended-fab": "var(--md-sys-shape-corner-extra-large)",
    "md-card": "var(--md-sys-shape-corner-medium)",
    "md-dialog": "var(--md-sys-shape-corner-extra-large)",
    "md-menu": "var(--md-sys-shape-corner-extra-small)",
    "md-chip": "var(--md-sys-shape-corner-small)",
    "md-filled-text-field": "var(--md-sys-shape-corner-extra-small)",
    "md-outlined-text-field": "var(--md-sys-shape-corner-extra-small)",
    "md-navigation-drawer": "var(--md-sys-shape-corner-large)",
    "md-bottom-sheet": "var(--md-sys-shape-corner-extra-large)",
    "md-snackbar": "var(--md-sys-shape-corner-extra-small)",
    "md-tooltip": "var(--md-sys-shape-corner-extra-small)"
  }
}