{
  "_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": "Popover",
  "description": "A popover is a non-modal dialog that displays contextual information.",
  "structure": {
    "name": "root",
    "restrict": [
      "section",
      "div"
    ],
    "description": "Popover container",
    "attributes": {
      "static": {
        "role": "dialog",
        "class": "slds-popover"
      },
      "bound": {
        "aria-labelledby": {
          "prop": "headingId"
        },
        "aria-describedby": {
          "prop": "bodyId"
        },
        "aria-label": {
          "prop": "label"
        }
      }
    },
    "children": [
      {
        "name": "close",
        "restrict": [
          "button"
        ],
        "description": "Close button anchored inside the popover surface",
        "slot": {
          "name": "close",
          "restrict": [
            "Button"
          ]
        },
        "attributes": {
          "static": {
            "class": "slds-button slds-button_icon slds-button_icon-small slds-float_right slds-popover__close"
          }
        },
        "modifiers": [
          {
            "name": "inverse",
            "attribute": "class",
            "value": "slds-button_icon-inverse",
            "description": "Inverts the close button icon color for dark or branded surfaces"
          }
        ],
        "children": [
          {
            "name": "closeIcon",
            "attributes": {
              "static": {
                "class": "slds-button__icon",
                "aria-hidden": "true"
              }
            },
            "children": [
              {
                "name": "closeIconUse"
              }
            ]
          },
          {
            "name": "closeAssistiveText",
            "attributes": {
              "static": {
                "class": "slds-assistive-text"
              }
            }
          }
        ]
      },
      {
        "name": "header",
        "restrict": [
          "header",
          "div"
        ],
        "description": "Popover header containing the heading and optional figure",
        "renderWhen": "slotFilled",
        "children": [
          {
            "name": "heading",
            "restrict": [
              "h2"
            ],
            "description": "Popover heading",
            "slot": {
              "name": "heading",
              "required": true
            }
          },
          {
            "name": "headerIcon",
            "restrict": [
              "span"
            ],
            "description": "Optional icon glyph rendered alongside the heading"
          },
          {
            "name": "headerMedia",
            "renderWhen": {
              "prop": "headerStyle",
              "eq": "media"
            },
            "attributes": {
              "static": {
                "class": "slds-media slds-media_center slds-has-flexi-truncate"
              }
            },
            "children": [
              {
                "name": "headerEinsteinGrid",
                "renderWhen": {
                  "prop": "variant",
                  "eq": "einstein"
                },
                "attributes": {
                  "static": {
                    "class": "slds-grid slds-grid_vertical-align-center slds-size_3-of-4 slds-medium-size_2-of-3"
                  }
                }
              },
              {
                "name": "headerFigure",
                "attributes": {
                  "static": {
                    "class": "slds-media__figure"
                  }
                },
                "children": [
                  {
                    "name": "headerIconContainer",
                    "attributes": {
                      "static": {
                        "class": "slds-icon_container"
                      }
                    },
                    "variants": [
                      {
                        "name": "utilityIcon",
                        "description": "Utility-sprite glyph applied to the header icon container",
                        "options": [
                          {
                            "value": "error",
                            "class": "slds-icon-utility-error"
                          },
                          {
                            "value": "warning",
                            "class": "slds-icon-utility-warning"
                          },
                          {
                            "value": "salesforce1",
                            "class": "slds-icon-utility-salesforce1"
                          }
                        ]
                      }
                    ],
                    "children": [
                      {
                        "name": "headerIconSvg",
                        "attributes": {
                          "static": {
                            "class": "slds-icon slds-icon_x-small",
                            "aria-hidden": "true"
                          }
                        },
                        "modifiers": [
                          {
                            "name": "iconTextDefault",
                            "attribute": "class",
                            "value": "slds-icon-text-default",
                            "description": "Tints the icon to the default text color"
                          }
                        ],
                        "children": [
                          {
                            "name": "headerIconUse"
                          }
                        ]
                      }
                    ]
                  }
                ]
              },
              {
                "name": "headerBody",
                "attributes": {
                  "static": {
                    "class": "slds-media__body"
                  }
                },
                "children": [
                  {
                    "name": "heading",
                    "attributes": {
                      "static": {
                        "class": "slds-truncate slds-text-heading_medium"
                      }
                    }
                  }
                ]
              },
              {
                "name": "einsteinFigure",
                "renderWhen": {
                  "prop": "variant",
                  "eq": "einstein"
                },
                "attributes": {
                  "static": {
                    "class": "slds-einstein-header__figure slds-size_1-of-4 slds-medium-size_1-of-3"
                  }
                }
              }
            ]
          },
          {
            "name": "headingPlain",
            "renderWhen": {
              "prop": "headerStyle",
              "eq": "plain"
            },
            "attributes": {
              "static": {
                "class": "slds-text-heading_medium"
              }
            }
          }
        ],
        "attributes": {
          "static": {
            "class": "slds-popover__header"
          }
        },
        "modifiers": [
          {
            "name": "verticalPadding",
            "attribute": "class",
            "value": "slds-p-vertical_medium",
            "description": "Adds medium vertical padding to the header (walkthrough variant)"
          },
          {
            "name": "einsteinHeader",
            "attribute": "class",
            "value": "slds-grid slds-einstein-header",
            "description": "Applies the Einstein-recommendation header layout"
          }
        ]
      },
      {
        "name": "body",
        "restrict": [
          "div"
        ],
        "description": "Popover body content",
        "attributes": {
          "bound": {
            "id": {
              "prop": "bodyId"
            }
          },
          "static": {
            "class": "slds-popover__body"
          }
        },
        "slot": {
          "name": "default",
          "required": true
        },
        "children": [
          {
            "name": "meta",
            "restrict": [
              "div"
            ],
            "description": "Badge or metadata area rendered at the top of the body",
            "renderWhen": "slotFilled",
            "slot": {
              "name": "meta"
            },
            "attributes": {
              "static": {
                "class": "slds-popover__meta"
              }
            },
            "children": [
              {
                "name": "metaBadge",
                "attributes": {
                  "static": {
                    "class": "slds-badge"
                  }
                },
                "modifiers": [
                  {
                    "name": "lightest",
                    "attribute": "class",
                    "value": "slds-badge_lightest",
                    "description": "Lightest badge surface (dark popover badges)"
                  }
                ]
              }
            ]
          },
          {
            "name": "bodyIcon",
            "restrict": [
              "span"
            ],
            "description": "Optional icon glyph rendered alongside body content"
          },
          {
            "name": "bodyMedia",
            "renderWhen": {
              "prop": "bodyLayout",
              "eq": "media"
            },
            "attributes": {
              "static": {
                "class": "slds-media"
              }
            },
            "modifiers": [
              {
                "name": "mediaCenter",
                "attribute": "class",
                "value": "slds-media_center",
                "description": "Vertically centers the media items"
              }
            ],
            "children": [
              {
                "name": "bodyMediaFigure",
                "attributes": {
                  "static": {
                    "class": "slds-media__figure"
                  }
                },
                "children": [
                  {
                    "name": "bodyIconContainer",
                    "attributes": {
                      "static": {
                        "class": "slds-icon_container"
                      }
                    },
                    "children": [
                      {
                        "name": "bodyIconSvg",
                        "attributes": {
                          "static": {
                            "class": "slds-icon slds-icon_small slds-icon-text-default",
                            "aria-hidden": "true"
                          }
                        },
                        "modifiers": [
                          {
                            "name": "promptIcon",
                            "attribute": "class",
                            "value": "slds-popover__icon",
                            "description": "Prompt-popover icon glyph"
                          }
                        ],
                        "children": [
                          {
                            "name": "bodyIconUse"
                          }
                        ]
                      },
                      {
                        "name": "bodyIconAssistiveText",
                        "attributes": {
                          "static": {
                            "class": "slds-assistive-text"
                          }
                        }
                      }
                    ]
                  }
                ]
              },
              {
                "name": "bodyMediaBody",
                "attributes": {
                  "static": {
                    "class": "slds-media__body"
                  }
                },
                "children": [
                  {
                    "name": "bodyHeader",
                    "renderWhen": {
                      "prop": "headerPlacement",
                      "eq": "inMedia"
                    },
                    "attributes": {
                      "static": {
                        "class": "slds-popover__header"
                      }
                    },
                    "children": [
                      {
                        "name": "bodyHeading",
                        "attributes": {
                          "static": {
                            "class": "slds-text-heading_small"
                          }
                        }
                      }
                    ]
                  },
                  {
                    "name": "promptHeading",
                    "renderWhen": {
                      "prop": "variant",
                      "eq": "prompt"
                    },
                    "attributes": {
                      "static": {
                        "class": "slds-popover_prompt__heading"
                      }
                    }
                  },
                  {
                    "name": "walkthroughActionHeading",
                    "renderWhen": {
                      "prop": "variant",
                      "eq": "walkthrough"
                    },
                    "attributes": {
                      "static": {
                        "class": "slds-text-heading_small"
                      }
                    }
                  },
                  {
                    "name": "bodyText",
                    "modifiers": [
                      {
                        "name": "headingSmall",
                        "attribute": "class",
                        "value": "slds-text-heading_small",
                        "description": "Applies small heading typography to inline body copy (dark variant)"
                      }
                    ]
                  },
                  {
                    "name": "walkthroughStep",
                    "renderWhen": {
                      "prop": "variant",
                      "eq": "walkthrough"
                    },
                    "attributes": {
                      "static": {
                        "class": "slds-m-top_medium slds-text-title"
                      }
                    }
                  }
                ]
              }
            ]
          },
          {
            "name": "bodyList",
            "renderWhen": {
              "prop": "bodyLayout",
              "eq": "bulletList"
            },
            "attributes": {
              "static": {
                "class": "slds-list_dotted"
              }
            },
            "children": [
              {
                "name": "bodyListItem"
              }
            ]
          },
          {
            "name": "bodyLongform",
            "renderWhen": {
              "prop": "bodyLayout",
              "eq": "longform"
            },
            "attributes": {
              "static": {
                "class": "slds-text-longform"
              }
            }
          },
          {
            "name": "bodyForm",
            "renderWhen": {
              "prop": "bodyLayout",
              "eq": "form"
            },
            "attributes": {
              "static": {
                "class": "slds-form-element slds-p-top_small"
              }
            },
            "children": [
              {
                "name": "bodyFormLabel",
                "attributes": {
                  "static": {
                    "class": "slds-form-element__label slds-assistive-text"
                  }
                }
              },
              {
                "name": "bodyFormControl",
                "attributes": {
                  "static": {
                    "class": "slds-form-element__control"
                  }
                },
                "children": [
                  {
                    "name": "bodyFormInput",
                    "attributes": {
                      "static": {
                        "class": "slds-input"
                      }
                    }
                  }
                ]
              }
            ]
          },
          {
            "name": "panelBodyList",
            "renderWhen": {
              "prop": "variant",
              "eq": "panel"
            },
            "repeats": true,
            "attributes": {
              "static": {
                "class": "slds-popover__body-list"
              }
            },
            "children": [
              {
                "name": "panelBodyListHeading",
                "attributes": {
                  "static": {
                    "class": "slds-m-bottom_small"
                  }
                },
                "children": [
                  {
                    "name": "panelBodyListHeadingMedia",
                    "attributes": {
                      "static": {
                        "class": "slds-media slds-media_center"
                      }
                    },
                    "children": [
                      {
                        "name": "panelBodyListIconFigure",
                        "attributes": {
                          "static": {
                            "class": "slds-media__figure"
                          }
                        },
                        "children": [
                          {
                            "name": "panelBodyListIconContainer",
                            "attributes": {
                              "static": {
                                "class": "slds-icon_container"
                              }
                            },
                            "variants": [
                              {
                                "name": "standardIcon",
                                "description": "Standard-sprite glyph for panel body-list rows",
                                "options": [
                                  {
                                    "value": "case",
                                    "class": "slds-icon-standard-case"
                                  },
                                  {
                                    "value": "opportunity",
                                    "class": "slds-icon-standard-opportunity"
                                  }
                                ]
                              }
                            ],
                            "children": [
                              {
                                "name": "panelBodyListIconSvg",
                                "attributes": {
                                  "static": {
                                    "class": "slds-icon slds-icon_small",
                                    "aria-hidden": "true"
                                  }
                                },
                                "children": [
                                  {
                                    "name": "panelBodyListIconUse"
                                  }
                                ]
                              },
                              {
                                "name": "panelBodyListIconAssistiveText",
                                "attributes": {
                                  "static": {
                                    "class": "slds-assistive-text"
                                  }
                                }
                              }
                            ]
                          }
                        ]
                      },
                      {
                        "name": "panelBodyListLabelBody",
                        "attributes": {
                          "static": {
                            "class": "slds-media__body"
                          }
                        },
                        "children": [
                          {
                            "name": "panelBodyListLabel",
                            "attributes": {
                              "static": {
                                "class": "slds-text-heading_small slds-hyphenate"
                              }
                            }
                          }
                        ]
                      }
                    ]
                  }
                ]
              },
              {
                "name": "panelBodyListRow",
                "repeats": true,
                "attributes": {
                  "static": {
                    "class": "slds-m-top_x-small"
                  }
                },
                "children": [
                  {
                    "name": "panelBodyListRowTitle",
                    "attributes": {
                      "static": {
                        "class": "slds-truncate"
                      }
                    }
                  },
                  {
                    "name": "panelBodyListRowDetail",
                    "attributes": {
                      "static": {
                        "class": "slds-list_horizontal slds-wrap slds-text-body_small"
                      }
                    },
                    "children": [
                      {
                        "name": "panelBodyListDetailLabel",
                        "attributes": {
                          "static": {
                            "class": "slds-item_label slds-text-color_weak slds-truncate"
                          }
                        }
                      },
                      {
                        "name": "panelBodyListDetailValue",
                        "attributes": {
                          "static": {
                            "class": "slds-item_detail slds-text-color_weak slds-truncate"
                          }
                        }
                      }
                    ]
                  }
                ]
              },
              {
                "name": "panelBodyListFooter",
                "attributes": {
                  "static": {
                    "class": "slds-m-top_x-small slds-text-align_right"
                  }
                }
              }
            ]
          }
        ],
        "modifiers": [
          {
            "name": "scrolling",
            "attribute": "class",
            "value": "slds-popover__body_small",
            "description": "Constrained, scrollable body region (paired with role=region and tabindex)"
          },
          {
            "name": "warningBody",
            "attribute": "class",
            "value": "slds-popover_warning__body",
            "description": "Body styling for the warning variant"
          }
        ]
      },
      {
        "name": "footer",
        "restrict": [
          "footer",
          "div"
        ],
        "description": "Popover footer",
        "renderWhen": "slotFilled",
        "slot": {
          "name": "footer"
        },
        "attributes": {
          "static": {
            "class": "slds-popover__footer"
          }
        },
        "children": [
          {
            "name": "footerLayout",
            "attributes": {
              "static": {
                "class": "slds-grid slds-grid_vertical-align-center"
              }
            },
            "modifiers": [
              {
                "name": "alignEnd",
                "attribute": "class",
                "value": "slds-grid_align-end",
                "description": "Aligns footer content to the trailing edge"
              }
            ],
            "children": [
              {
                "name": "footerStep",
                "renderWhen": {
                  "prop": "variant",
                  "eq": "walkthrough"
                },
                "attributes": {
                  "static": {
                    "class": "slds-text-title"
                  }
                }
              },
              {
                "name": "footerButton",
                "repeats": true,
                "attributes": {
                  "static": {
                    "class": "slds-button"
                  }
                },
                "variants": [
                  {
                    "name": "buttonStyle",
                    "description": "Visual treatment for footer action buttons",
                    "options": [
                      {
                        "value": "neutral",
                        "class": "slds-button_neutral"
                      },
                      {
                        "value": "brand",
                        "class": "slds-button_brand"
                      },
                      {
                        "value": "inverse",
                        "class": "slds-button_inverse"
                      },
                      {
                        "value": "success",
                        "class": "slds-button_success"
                      }
                    ]
                  }
                ],
                "modifiers": [
                  {
                    "name": "bumpLeft",
                    "attribute": "class",
                    "value": "slds-col_bump-left",
                    "description": "Pushes the button to the trailing edge of the footer row"
                  },
                  {
                    "name": "bumpRight",
                    "attribute": "class",
                    "value": "slds-col_bump-right",
                    "description": "Pushes the button to the leading edge of the footer row"
                  }
                ]
              },
              {
                "name": "footerActionLink",
                "renderWhen": {
                  "prop": "variant",
                  "eq": "prompt"
                },
                "attributes": {
                  "static": {
                    "class": "slds-popover_prompt__action-link"
                  }
                },
                "children": [
                  {
                    "name": "footerActionLinkAnchor",
                    "attributes": {
                      "static": {
                        "class": "slds-button"
                      }
                    }
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "name": "panelHeader",
        "renderWhen": {
          "prop": "variant",
          "eq": "panel"
        },
        "attributes": {
          "static": {
            "class": "slds-popover__header"
          }
        },
        "children": [
          {
            "name": "panelHeaderMedia",
            "attributes": {
              "static": {
                "class": "slds-media slds-media_center slds-m-bottom_small"
              }
            },
            "children": [
              {
                "name": "panelHeaderIconContainer",
                "attributes": {
                  "static": {
                    "class": "slds-icon_container slds-icon-standard-account slds-media__figure"
                  }
                },
                "children": [
                  {
                    "name": "panelHeaderIconSvg",
                    "attributes": {
                      "static": {
                        "class": "slds-icon slds-icon_small",
                        "aria-hidden": "true"
                      }
                    },
                    "children": [
                      {
                        "name": "panelHeaderIconUse"
                      }
                    ]
                  }
                ]
              },
              {
                "name": "panelHeaderBody",
                "attributes": {
                  "static": {
                    "class": "slds-media__body"
                  }
                },
                "children": [
                  {
                    "name": "panelHeading",
                    "attributes": {
                      "static": {
                        "class": "slds-text-heading_medium slds-hyphenate"
                      }
                    }
                  }
                ]
              }
            ]
          },
          {
            "name": "panelHeaderDetails",
            "attributes": {
              "static": {
                "class": "slds-grid slds-wrap slds-grid_pull-padded"
              }
            },
            "children": [
              {
                "name": "panelHeaderDetailItem",
                "repeats": true,
                "attributes": {
                  "static": {
                    "class": "slds-p-horizontal_small slds-size_1-of-2 slds-p-bottom_x-small"
                  }
                },
                "children": [
                  {
                    "name": "panelHeaderDetailList",
                    "children": [
                      {
                        "name": "panelHeaderDetailLabel",
                        "attributes": {
                          "static": {
                            "class": "slds-popover_panel__label slds-truncate"
                          }
                        }
                      },
                      {
                        "name": "panelHeaderDetailValue",
                        "attributes": {
                          "static": {
                            "class": "slds-truncate"
                          }
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ],
    "modifiers": [
      {
        "name": "size",
        "attribute": "class",
        "description": "Popover size",
        "default": "medium",
        "options": [
          {
            "propValue": "small",
            "value": "slds-popover_small"
          },
          {
            "propValue": "medium",
            "value": "slds-popover_medium"
          },
          {
            "propValue": "large",
            "value": "slds-popover_large"
          },
          {
            "propValue": "full-width",
            "value": "slds-popover_full-width"
          }
        ]
      },
      {
        "name": "nubbin",
        "attribute": "class",
        "description": "Visual pointer arrow indicating popover's anchor point",
        "options": [
          {
            "propValue": "top",
            "value": "slds-nubbin_top"
          },
          {
            "propValue": "top-left",
            "value": "slds-nubbin_top-left"
          },
          {
            "propValue": "top-right",
            "value": "slds-nubbin_top-right"
          },
          {
            "propValue": "top-left-corner",
            "value": "slds-nubbin_top-left-corner"
          },
          {
            "propValue": "top-right-corner",
            "value": "slds-nubbin_top-right-corner"
          },
          {
            "propValue": "right",
            "value": "slds-nubbin_right"
          },
          {
            "propValue": "right-top",
            "value": "slds-nubbin_right-top"
          },
          {
            "propValue": "right-bottom",
            "value": "slds-nubbin_right-bottom"
          },
          {
            "propValue": "right-top-corner",
            "value": "slds-nubbin_right-top-corner"
          },
          {
            "propValue": "right-bottom-corner",
            "value": "slds-nubbin_right-bottom-corner"
          },
          {
            "propValue": "bottom",
            "value": "slds-nubbin_bottom"
          },
          {
            "propValue": "bottom-left",
            "value": "slds-nubbin_bottom-left"
          },
          {
            "propValue": "bottom-right",
            "value": "slds-nubbin_bottom-right"
          },
          {
            "propValue": "bottom-left-corner",
            "value": "slds-nubbin_bottom-left-corner"
          },
          {
            "propValue": "bottom-right-corner",
            "value": "slds-nubbin_bottom-right-corner"
          },
          {
            "propValue": "left",
            "value": "slds-nubbin_left"
          },
          {
            "propValue": "left-top",
            "value": "slds-nubbin_left-top"
          },
          {
            "propValue": "left-bottom",
            "value": "slds-nubbin_left-bottom"
          },
          {
            "propValue": "left-top-corner",
            "value": "slds-nubbin_left-top-corner"
          },
          {
            "propValue": "left-bottom-corner",
            "value": "slds-nubbin_left-bottom-corner"
          }
        ]
      },
      {
        "name": "theme",
        "attribute": "class",
        "description": "Inline status theme applied to the popover root",
        "options": [
          {
            "propValue": "error",
            "value": "slds-theme_error"
          },
          {
            "propValue": "info",
            "value": "slds-theme_info"
          },
          {
            "propValue": "success",
            "value": "slds-theme_success"
          },
          {
            "propValue": "warning",
            "value": "slds-theme_warning"
          }
        ]
      },
      {
        "name": "promptPosition",
        "attribute": "class",
        "description": "Position modifier applied to a prompt-style popover",
        "options": [
          {
            "propValue": "top",
            "value": "slds-popover_prompt_top"
          },
          {
            "propValue": "top-left",
            "value": "slds-popover_prompt_top-left"
          },
          {
            "propValue": "top-right",
            "value": "slds-popover_prompt_top-right"
          },
          {
            "propValue": "bottom",
            "value": "slds-popover_prompt_bottom"
          },
          {
            "propValue": "bottom-left",
            "value": "slds-popover_prompt_bottom-left"
          },
          {
            "propValue": "bottom-right",
            "value": "slds-popover_prompt_bottom-right"
          }
        ]
      },
      {
        "name": "brandPosition",
        "attribute": "class",
        "description": "Position modifier applied to a brand-style popover",
        "options": [
          {
            "propValue": "top",
            "value": "slds-popover_brand-top"
          },
          {
            "propValue": "right",
            "value": "slds-popover_brand-right"
          },
          {
            "propValue": "bottom",
            "value": "slds-popover_brand-bottom"
          },
          {
            "propValue": "left",
            "value": "slds-popover_brand-left"
          }
        ]
      },
      {
        "name": "brandDark",
        "attribute": "class",
        "value": "slds-popover_brand-dark",
        "description": "Applies the dark surface treatment to a brand popover"
      },
      {
        "name": "walkthroughAlt",
        "attribute": "class",
        "value": "slds-popover_walkthrough-alt",
        "description": "Alternate walkthrough action-popover treatment"
      }
    ],
    "variants": [
      {
        "name": "variant",
        "description": "Semantic popover type",
        "default": "base",
        "options": [
          {
            "value": "base",
            "class": "",
            "description": "Standard popover"
          },
          {
            "value": "warning",
            "class": "slds-popover_warning",
            "description": "Warning state popover"
          },
          {
            "value": "error",
            "class": "slds-popover_error",
            "description": "Error state popover"
          },
          {
            "value": "walkthrough",
            "class": "slds-popover_walkthrough",
            "description": "Guided walkthrough popover"
          },
          {
            "value": "feature",
            "class": "slds-popover_feature",
            "description": "Feature discovery popover"
          },
          {
            "value": "panel",
            "class": "slds-popover_panel",
            "description": "Panel-style popover"
          },
          {
            "value": "dark",
            "class": "slds-popover_dark",
            "description": "Dark-themed popover"
          },
          {
            "value": "prompt",
            "class": "slds-popover_prompt",
            "description": "Prompt-style popover"
          },
          {
            "value": "brand",
            "class": "slds-popover_brand",
            "description": "Brand-themed popover"
          },
          {
            "value": "einstein",
            "class": "slds-popover_einstein",
            "description": "Einstein-themed popover"
          }
        ]
      }
    ]
  },
  "states": [
    {
      "name": "open",
      "type": "boolean",
      "aria": "aria-expanded",
      "description": "Whether the popover is visible"
    }
  ],
  "accessibility": {
    "requirements": [
      {
        "id": "dialog-role",
        "description": "Popover must have role='dialog'"
      },
      {
        "id": "dialog-label",
        "description": "Popover must be labelled via aria-labelledby (preferred) or aria-label"
      },
      {
        "id": "dialog-describedby",
        "description": "Popover should reference its body region via aria-describedby"
      },
      {
        "id": "focus-management",
        "description": "Focus should move to the popover (or its close button) when opened and return to the trigger when closed"
      },
      {
        "id": "escape-close",
        "description": "Pressing Escape should close the popover"
      },
      {
        "id": "scrollable-region",
        "description": "When the body scrolls it must be focusable (tabindex=0) and carry role='region' so keyboard users can reach scrollable content"
      }
    ]
  },
  "extensions": {
    "com.salesforce-ux": {
      "dateAdded": "2015-09-04",
      "genReady": false,
      "lbc": false
    }
  },
  "cssSource": "./popover.css",
  "styleApi": {
    "status": "stable",
    "ready": true
  },
  "stateClasses": [
    {
      "state": "open",
      "class": "slds-is-open"
    }
  ]
}