@primer/primitives/dist/docs/base/size/size.json

Typography, spacing, and color primitives for Primer design system

{
  "base-size-112": {
    "key": "{base.size.112}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 112,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.112}"
    },
    "name": "base-size-112",
    "attributes": {},
    "path": ["base", "size", "112"],
    "value": "7rem",
    "type": "dimension"
  },
  "base-size-12": {
    "key": "{base.size.12}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 12,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.12}"
    },
    "name": "base-size-12",
    "attributes": {},
    "path": ["base", "size", "12"],
    "value": "0.75rem",
    "type": "dimension"
  },
  "base-size-128": {
    "key": "{base.size.128}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 128,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.128}"
    },
    "name": "base-size-128",
    "attributes": {},
    "path": ["base", "size", "128"],
    "value": "8rem",
    "type": "dimension"
  },
  "base-size-16": {
    "key": "{base.size.16}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 16,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.16}"
    },
    "name": "base-size-16",
    "attributes": {},
    "path": ["base", "size", "16"],
    "value": "1rem",
    "type": "dimension"
  },
  "base-size-2": {
    "key": "{base.size.2}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 2,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.2}"
    },
    "name": "base-size-2",
    "attributes": {},
    "path": ["base", "size", "2"],
    "value": "0.125rem",
    "type": "dimension"
  },
  "base-size-20": {
    "key": "{base.size.20}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 20,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.20}"
    },
    "name": "base-size-20",
    "attributes": {},
    "path": ["base", "size", "20"],
    "value": "1.25rem",
    "type": "dimension"
  },
  "base-size-24": {
    "key": "{base.size.24}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 24,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.24}"
    },
    "name": "base-size-24",
    "attributes": {},
    "path": ["base", "size", "24"],
    "value": "1.5rem",
    "type": "dimension"
  },
  "base-size-28": {
    "key": "{base.size.28}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 28,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.28}"
    },
    "name": "base-size-28",
    "attributes": {},
    "path": ["base", "size", "28"],
    "value": "1.75rem",
    "type": "dimension"
  },
  "base-size-32": {
    "key": "{base.size.32}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 32,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.32}"
    },
    "name": "base-size-32",
    "attributes": {},
    "path": ["base", "size", "32"],
    "value": "2rem",
    "type": "dimension"
  },
  "base-size-36": {
    "key": "{base.size.36}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 36,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.36}"
    },
    "name": "base-size-36",
    "attributes": {},
    "path": ["base", "size", "36"],
    "value": "2.25rem",
    "type": "dimension"
  },
  "base-size-4": {
    "key": "{base.size.4}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 4,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.4}"
    },
    "name": "base-size-4",
    "attributes": {},
    "path": ["base", "size", "4"],
    "value": "0.25rem",
    "type": "dimension"
  },
  "base-size-40": {
    "key": "{base.size.40}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 40,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.40}"
    },
    "name": "base-size-40",
    "attributes": {},
    "path": ["base", "size", "40"],
    "value": "2.5rem",
    "type": "dimension"
  },
  "base-size-44": {
    "key": "{base.size.44}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 44,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.44}"
    },
    "name": "base-size-44",
    "attributes": {},
    "path": ["base", "size", "44"],
    "value": "2.75rem",
    "type": "dimension"
  },
  "base-size-48": {
    "key": "{base.size.48}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 48,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.48}"
    },
    "name": "base-size-48",
    "attributes": {},
    "path": ["base", "size", "48"],
    "value": "3rem",
    "type": "dimension"
  },
  "base-size-6": {
    "key": "{base.size.6}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 6,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.6}"
    },
    "name": "base-size-6",
    "attributes": {},
    "path": ["base", "size", "6"],
    "value": "0.375rem",
    "type": "dimension"
  },
  "base-size-64": {
    "key": "{base.size.64}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 64,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.64}"
    },
    "name": "base-size-64",
    "attributes": {},
    "path": ["base", "size", "64"],
    "value": "4rem",
    "type": "dimension"
  },
  "base-size-8": {
    "key": "{base.size.8}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 8,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.8}"
    },
    "name": "base-size-8",
    "attributes": {},
    "path": ["base", "size", "8"],
    "value": "0.5rem",
    "type": "dimension"
  },
  "base-size-80": {
    "key": "{base.size.80}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 80,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.80}"
    },
    "name": "base-size-80",
    "attributes": {},
    "path": ["base", "size", "80"],
    "value": "5rem",
    "type": "dimension"
  },
  "base-size-96": {
    "key": "{base.size.96}",
    "$extensions": {
      "org.primer.figma": {
        "collection": "base/size",
        "scopes": ["size", "gap"]
      }
    },
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": 96,
        "unit": "px"
      },
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "base/size",
          "scopes": ["size", "gap"]
        }
      },
      "key": "{base.size.96}"
    },
    "name": "base-size-96",
    "attributes": {},
    "path": ["base", "size", "96"],
    "value": "6rem",
    "type": "dimension"
  },
  "base-size-negative-12": {
    "key": "{base.size.negative-12}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -12,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-12}"
    },
    "name": "base-size-negative-12",
    "attributes": {},
    "path": ["base", "size", "negative-12"],
    "value": "-0.75rem",
    "type": "dimension"
  },
  "base-size-negative-16": {
    "key": "{base.size.negative-16}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -16,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-16}"
    },
    "name": "base-size-negative-16",
    "attributes": {},
    "path": ["base", "size", "negative-16"],
    "value": "-1rem",
    "type": "dimension"
  },
  "base-size-negative-2": {
    "key": "{base.size.negative-2}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -2,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-2}"
    },
    "name": "base-size-negative-2",
    "attributes": {},
    "path": ["base", "size", "negative-2"],
    "value": "-0.125rem",
    "type": "dimension"
  },
  "base-size-negative-20": {
    "key": "{base.size.negative-20}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -20,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-20}"
    },
    "name": "base-size-negative-20",
    "attributes": {},
    "path": ["base", "size", "negative-20"],
    "value": "-1.25rem",
    "type": "dimension"
  },
  "base-size-negative-24": {
    "key": "{base.size.negative-24}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -24,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-24}"
    },
    "name": "base-size-negative-24",
    "attributes": {},
    "path": ["base", "size", "negative-24"],
    "value": "-1.5rem",
    "type": "dimension"
  },
  "base-size-negative-28": {
    "key": "{base.size.negative-28}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -28,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-28}"
    },
    "name": "base-size-negative-28",
    "attributes": {},
    "path": ["base", "size", "negative-28"],
    "value": "-1.75rem",
    "type": "dimension"
  },
  "base-size-negative-32": {
    "key": "{base.size.negative-32}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -32,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-32}"
    },
    "name": "base-size-negative-32",
    "attributes": {},
    "path": ["base", "size", "negative-32"],
    "value": "-2rem",
    "type": "dimension"
  },
  "base-size-negative-36": {
    "key": "{base.size.negative-36}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -36,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-36}"
    },
    "name": "base-size-negative-36",
    "attributes": {},
    "path": ["base", "size", "negative-36"],
    "value": "-2.25rem",
    "type": "dimension"
  },
  "base-size-negative-4": {
    "key": "{base.size.negative-4}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -4,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-4}"
    },
    "name": "base-size-negative-4",
    "attributes": {},
    "path": ["base", "size", "negative-4"],
    "value": "-0.25rem",
    "type": "dimension"
  },
  "base-size-negative-40": {
    "key": "{base.size.negative-40}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -40,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-40}"
    },
    "name": "base-size-negative-40",
    "attributes": {},
    "path": ["base", "size", "negative-40"],
    "value": "-2.5rem",
    "type": "dimension"
  },
  "base-size-negative-44": {
    "key": "{base.size.negative-44}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -44,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-44}"
    },
    "name": "base-size-negative-44",
    "attributes": {},
    "path": ["base", "size", "negative-44"],
    "value": "-2.75rem",
    "type": "dimension"
  },
  "base-size-negative-48": {
    "key": "{base.size.negative-48}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -48,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-48}"
    },
    "name": "base-size-negative-48",
    "attributes": {},
    "path": ["base", "size", "negative-48"],
    "value": "-3rem",
    "type": "dimension"
  },
  "base-size-negative-6": {
    "key": "{base.size.negative-6}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -6,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-6}"
    },
    "name": "base-size-negative-6",
    "attributes": {},
    "path": ["base", "size", "negative-6"],
    "value": "-0.375rem",
    "type": "dimension"
  },
  "base-size-negative-8": {
    "key": "{base.size.negative-8}",
    "filePath": "src/tokens/base/size/size.json5",
    "isSource": true,
    "original": {
      "$value": {
        "value": -8,
        "unit": "px"
      },
      "$type": "dimension",
      "key": "{base.size.negative-8}"
    },
    "name": "base-size-negative-8",
    "attributes": {},
    "path": ["base", "size", "negative-8"],
    "value": "-0.5rem",
    "type": "dimension"
  }
}