@primer/primitives/dist/styleLint/functional/size/border.json

Typography, spacing, and color primitives for Primer design system

{
  "borderRadius-default": {
    "key": "{borderRadius.default}",
    "$value": ["0.0234375rem", "0.375px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["radius"],
        "codeSyntax": {
          "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
        }
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "{borderRadius.medium}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["radius"],
          "codeSyntax": {
            "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
          }
        }
      },
      "key": "{borderRadius.default}"
    },
    "name": "borderRadius-default",
    "attributes": {},
    "path": ["borderRadius", "default"]
  },
  "borderRadius-full": {
    "key": "{borderRadius.full}",
    "$value": ["624.9375rem", "9999px"],
    "$type": "dimension",
    "$description": "Use this border radius for pill shaped elements",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["radius"],
        "codeSyntax": {
          "web": "var(--borderRadius-full) /* utility class: .circle */"
        }
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Use this border radius for pill shaped elements",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["radius"],
          "codeSyntax": {
            "web": "var(--borderRadius-full) /* utility class: .circle */"
          }
        }
      },
      "key": "{borderRadius.full}"
    },
    "name": "borderRadius-full",
    "attributes": {},
    "path": ["borderRadius", "full"]
  },
  "borderRadius-large": {
    "key": "{borderRadius.large}",
    "$value": ["0.75rem", "12px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["radius"],
        "codeSyntax": {
          "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
        }
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "12px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["radius"],
          "codeSyntax": {
            "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
          }
        }
      },
      "key": "{borderRadius.large}"
    },
    "name": "borderRadius-large",
    "attributes": {},
    "path": ["borderRadius", "large"]
  },
  "borderRadius-medium": {
    "key": "{borderRadius.medium}",
    "$value": ["0.375rem", "6px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["radius"],
        "codeSyntax": {
          "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
        }
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "6px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["radius"],
          "codeSyntax": {
            "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
          }
        }
      },
      "key": "{borderRadius.medium}"
    },
    "name": "borderRadius-medium",
    "attributes": {},
    "path": ["borderRadius", "medium"]
  },
  "borderRadius-small": {
    "key": "{borderRadius.small}",
    "$value": ["0.1875rem", "3px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["radius"],
        "codeSyntax": {
          "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
        }
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "3px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["radius"],
          "codeSyntax": {
            "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
          }
        }
      },
      "key": "{borderRadius.small}"
    },
    "name": "borderRadius-small",
    "attributes": {},
    "path": ["borderRadius", "small"]
  },
  "borderWidth-default": {
    "key": "{borderWidth.default}",
    "$value": ["0.00390625rem", "0.0625px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["borderWidth", "effectFloat"]
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "{borderWidth.thin}",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["borderWidth", "effectFloat"]
        }
      },
      "key": "{borderWidth.default}"
    },
    "name": "borderWidth-default",
    "attributes": {},
    "path": ["borderWidth", "default"]
  },
  "borderWidth-thick": {
    "key": "{borderWidth.thick}",
    "$value": ["0.125rem", "2px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["borderWidth", "effectFloat"]
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "2px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["borderWidth", "effectFloat"]
        }
      },
      "key": "{borderWidth.thick}"
    },
    "name": "borderWidth-thick",
    "attributes": {},
    "path": ["borderWidth", "thick"]
  },
  "borderWidth-thicker": {
    "key": "{borderWidth.thicker}",
    "$value": ["0.25rem", "4px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["borderWidth", "effectFloat"]
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "4px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["borderWidth", "effectFloat"]
        }
      },
      "key": "{borderWidth.thicker}"
    },
    "name": "borderWidth-thicker",
    "attributes": {},
    "path": ["borderWidth", "thicker"]
  },
  "borderWidth-thin": {
    "key": "{borderWidth.thin}",
    "$value": ["0.0625rem", "1px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["borderWidth", "effectFloat"]
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "1px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["borderWidth", "effectFloat"]
        }
      },
      "key": "{borderWidth.thin}"
    },
    "name": "borderWidth-thin",
    "attributes": {},
    "path": ["borderWidth", "thin"]
  },
  "boxShadow-thick": {
    "key": "{boxShadow.thick}",
    "$value": "inset 0 0 0 0.125rem,2px",
    "$type": "string",
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "inset 0 0 0 {borderWidth.thick}",
      "$type": "string",
      "key": "{boxShadow.thick}"
    },
    "name": "boxShadow-thick",
    "attributes": {},
    "path": ["boxShadow", "thick"]
  },
  "boxShadow-thicker": {
    "key": "{boxShadow.thicker}",
    "$value": "inset 0 0 0 0.25rem,4px",
    "$type": "string",
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "inset 0 0 0 {borderWidth.thicker}",
      "$type": "string",
      "key": "{boxShadow.thicker}"
    },
    "name": "boxShadow-thicker",
    "attributes": {},
    "path": ["boxShadow", "thicker"]
  },
  "boxShadow-thin": {
    "key": "{boxShadow.thin}",
    "$value": "inset 0 0 0 0.0625rem,1px",
    "$description": "Thin shadow for borders",
    "$type": "string",
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "inset 0 0 0 {borderWidth.thin}",
      "$description": "Thin shadow for borders",
      "$type": "string",
      "key": "{boxShadow.thin}"
    },
    "name": "boxShadow-thin",
    "attributes": {},
    "path": ["boxShadow", "thin"]
  },
  "outline-focus-offset": {
    "key": "{outline.focus.offset}",
    "$value": ["-0.125rem", "-2px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["borderWidth", "effectFloat"]
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "-2px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["borderWidth", "effectFloat"]
        }
      },
      "key": "{outline.focus.offset}"
    },
    "name": "outline-focus-offset",
    "attributes": {},
    "path": ["outline", "focus", "offset"]
  },
  "outline-focus-width": {
    "key": "{outline.focus.width}",
    "$value": ["0.125rem", "2px"],
    "$type": "dimension",
    "$extensions": {
      "org.primer.figma": {
        "collection": "functional/size",
        "scopes": ["borderWidth", "effectFloat"]
      }
    },
    "filePath": "src/tokens/functional/size/border.json5",
    "isSource": true,
    "original": {
      "$value": "2px",
      "$type": "dimension",
      "$extensions": {
        "org.primer.figma": {
          "collection": "functional/size",
          "scopes": ["borderWidth", "effectFloat"]
        }
      },
      "key": "{outline.focus.width}"
    },
    "name": "outline-focus-width",
    "attributes": {},
    "path": ["outline", "focus", "width"]
  }
}