uuid: c8ca1aec-000f-469a-b1b6-48cd0723ecac
langcode: en
status: true
dependencies:
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Focusable content'
id: e749d6f0
json_values: |
  {
      "preview": {
          "text": "<div class=\"coh-preview\">Default content for 'Generic'.<\/div>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "div",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "64f9bad6-2e16-4f99-a5b6-3f6598c0c5bd": {
              "settings": {
                  "element": "input, select, textarea, button, a",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "fe6bc432-48e2-414f-86bd-b002d9908172": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":focus"
              },
              "styles": {
                  "xl": {
                      "box-shadow": [
                          {
                              "boxshadowType": {
                                  "value": "null"
                              },
                              "boxshadowHorizontal": {
                                  "value": "0"
                              },
                              "boxshadowVertical": {
                                  "value": "0"
                              },
                              "boxshadowBlur": {
                                  "value": "0"
                              },
                              "boxshadowSpread": {
                                  "value": "3"
                              },
                              "boxshadowColor": {
                                  "value": {
                                      "value": {
                                          "hex": "#ffcc4e",
                                          "rgba": "rgba(255, 204, 78, 1)"
                                      }
                                  }
                              }
                          }
                      ]
                  }
              }
          },
          "styles": {
              "64f9bad6-2e16-4f99-a5b6-3f6598c0c5bd": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "fe6bc432-48e2-414f-86bd-b002d9908172": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "b04b1b9c-a814-4e9c-8195-a4a1363d9718": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "6b06c1cf-86a3-47f3-8362-6bbed74fa653": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              },
              "c5116873-55a0-43bb-8eb3-46dcd4915910": {
                  "styles": {
                      "xl": {
                          "box-shadow": [
                              {
                                  "boxshadowType": {
                                      "value": "null"
                                  }
                              }
                          ]
                      }
                  }
              }
          },
          "b04b1b9c-a814-4e9c-8195-a4a1363d9718": {
              "settings": {
                  "element": ".card-link",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              }
          },
          "6b06c1cf-86a3-47f3-8362-6bbed74fa653": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":focus"
              },
              "styles": {
                  "xl": {
                      "box-shadow": [
                          {
                              "boxshadowType": {
                                  "value": "none"
                              }
                          }
                      ]
                  }
              }
          },
          "c5116873-55a0-43bb-8eb3-46dcd4915910": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":after"
              },
              "styles": {
                  "xl": {
                      "box-shadow": [
                          {
                              "boxshadowType": {
                                  "value": "null"
                              },
                              "boxshadowHorizontal": {
                                  "value": "0"
                              },
                              "boxshadowVertical": {
                                  "value": "0"
                              },
                              "boxshadowBlur": {
                                  "value": "0"
                              },
                              "boxshadowSpread": {
                                  "value": "3"
                              },
                              "boxshadowColor": {
                                  "value": {
                                      "value": {
                                          "hex": "#ffcc4e",
                                          "rgba": "rgba(255, 204, 78, 1)"
                                      }
                                  }
                              }
                          }
                      ]
                  }
              }
          },
          "5ae7a3db-c2c7-4c58-a4c7-84ac888c90e2": {
              "settings": {
                  "element": "a[role=\"link\"]",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "display": {
                          "value": "block"
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "title": "Layout",
          "selectorType": "topLevel",
          "formDefinition": [],
          "items": [
              {
                  "title": "input, select, textarea, button, a",
                  "type": "container",
                  "items": [
                      {
                          "title": ":focus",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "pseudo",
                          "uuid": "fe6bc432-48e2-414f-86bd-b002d9908172",
                          "allowedTypes": [
                              "child",
                              "pseudo"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "box-shadow",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "box-shadow",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowType",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowHorizontal",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowVertical",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowBlur",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowSpread",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowColor",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": "input, select, textarea, button, a",
                  "uuid": "64f9bad6-2e16-4f99-a5b6-3f6598c0c5bd",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": []
              },
              {
                  "title": ".card-link",
                  "type": "container",
                  "items": [
                      {
                          "title": ":focus",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":after",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "pseudo",
                                  "uuid": "c5116873-55a0-43bb-8eb3-46dcd4915910",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "box-shadow",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "box-shadow",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "boxshadowType",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "boxshadowHorizontal",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "boxshadowVertical",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "boxshadowBlur",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "boxshadowSpread",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "boxshadowColor",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "pseudo",
                          "uuid": "6b06c1cf-86a3-47f3-8362-6bbed74fa653",
                          "allowedTypes": [
                              "child",
                              "pseudo"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "box-shadow",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "box-shadow",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowType",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowHorizontal",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowVertical",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowBlur",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowSpread",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowColor",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null,
                  "selectorType": "child",
                  "model": ".card-link",
                  "uuid": "b04b1b9c-a814-4e9c-8195-a4a1363d9718",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": []
              },
              {
                  "title": "a[role=\"link\"]",
                  "type": "container",
                  "items": [],
                  "form": null,
                  "selectorType": "child",
                  "model": "a[role=\"link\"]",
                  "uuid": "5ae7a3db-c2c7-4c58-a4c7-84ac888c90e2",
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ],
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "display",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "display",
                                          "active": true
                                      },
                                      {
                                          "name": "visibility",
                                          "active": true
                                      },
                                      {
                                          "name": "overflow",
                                          "active": true
                                      },
                                      {
                                          "name": "overflow-x",
                                          "active": true
                                      },
                                      {
                                          "name": "overflow-y",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ]
              }
          ],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-focusable-content
custom_style_type: generic
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 0
