{
  "_copyright": "Copyright (c) 2026, Salesforce, Inc., All rights reserved. For full license text, see the LICENSE.txt file",
  "$schema": "https://slds.lightningdesignsystem.com/schemas/uif-system.v1.json",
  "apiVersion": "1.0.0",
  "name": "Regions",
  "description": "Surface container used within a layout to delineate a primary region or a pinned region docked to the top, inline-start, or inline-end edge of the layout. Ported from SLDS1 to cover existing implementations and not surfaced publicly.",
  "extensions": {
    "com.salesforce-ux": {
      "genReady": false
    }
  },
  "cssSource": "./regions.css",
  "styleApi": {
    "status": "stable",
    "ready": true
  },
  "structure": {
    "name": "region",
    "restrict": [
      "div",
      "section",
      "aside"
    ],
    "description": "Region surface that fills its slot in a layout with a container background, optionally pinned to a layout edge with a divider border.",
    "attributes": {
      "static": {
        "class": "slds-region"
      }
    },
    "variants": [
      {
        "name": "pinned",
        "description": "Mutually exclusive pinned position. Each option pairs the pinned class with the appropriate edge divider border.",
        "options": [
          {
            "value": "top",
            "class": "slds-region__pinned-top",
            "description": "Region pinned to the block-start edge of the layout with a block-end divider border."
          },
          {
            "value": "left",
            "class": "slds-region__pinned-left",
            "description": "Region pinned to the inline-start edge of the layout with an inline-end divider border."
          },
          {
            "value": "right",
            "class": "slds-region__pinned-right",
            "description": "Region pinned to the inline-end edge of the layout with an inline-start divider border."
          }
        ]
      }
    ]
  }
}