@atlaskit/tokens/figma/atlassian-shape-rounder.json

Design tokens are the single source of truth to name and store design decisions.

{
  "name": "Shape rounder",
  "tokens": {
    "Shape rounder/radius.xsmall": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "2px"
        ],
        "introduced": "6.1.0",
        "description": "Used for small containers such as badges."
      },
      "value": 2
    },
    "Shape rounder/radius.small": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "4px"
        ],
        "introduced": "6.1.0",
        "description": "Used for labels."
      },
      "value": 4
    },
    "Shape rounder/radius.medium": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "6px"
        ],
        "introduced": "6.1.0",
        "description": "Used for buttons and inputs."
      },
      "value": 6
    },
    "Shape rounder/radius.large": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "8px"
        ],
        "introduced": "6.1.0",
        "description": "Used for cards and small containers."
      },
      "value": 12
    },
    "Shape rounder/radius.xlarge": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "12px"
        ],
        "introduced": "6.1.0",
        "description": "Used for modals and large containers."
      },
      "value": 16
    },
    "Shape rounder/radius.full": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "50%"
        ],
        "introduced": "6.1.0",
        "description": "Used for circular containers, like a rounded button."
      },
      "value": 9999
    },
    "Shape rounder/radius.tile": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "introduced": "6.2.0",
        "description": "Used for tiles only."
      },
      "value": "25%"
    },
    "Shape rounder/border.width": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "1px"
        ],
        "introduced": "1.5.2",
        "description": "The default width for all standard component borders and dividers."
      },
      "value": 1
    },
    "Shape rounder/border.width.selected": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "2px"
        ],
        "introduced": "6.1.0",
        "description": "The width used to indicate a selected element, such as an active tab or a chosen item."
      },
      "value": 2
    },
    "Shape rounder/border.width.focused": {
      "attributes": {
        "group": "shape",
        "state": "active",
        "suggest": [
          "2px"
        ],
        "introduced": "6.1.0",
        "description": "The width used for the focus ring on interactive elements."
      },
      "value": 2
    }
  },
  "renameMap": {}
}