@primer/react-brand/lib/design-tokens/js/module/tokens/functional/components/bento/base.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

/**
 * Do not edit directly
 * Generated on Wed, 12 Aug 2026 10:13:51 GMT
 */

module.exports = {
  brand: {
    Bento: {
      gap: {
        large: "var(--base-size-32)",
        medium: "var(--base-size-32)",
        small: "var(--base-size-20)",
      },
      item: {
        borderRadius: {
          small: "var(--brand-borderRadius-large)",
          medium: "var(--brand-borderRadius-xlarge)",
          large: "var(--brand-borderRadius-xlarge)",
        },
      },
      content: {
        padding: {
          condensed: "var(--base-size-16)",
          normal: "var(--base-size-24)",
          spacious: "3.5rem",
        },
      },
    },
  },
};