{
  "version": "experimental",
  "tags": [
    {
      "name": "bx-accordion-item",
      "path": "./src/components/accordion/accordion-item.ts",
      "description": "Accordion item.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the accordion item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "description": "`true` if the accordion item should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title-text",
          "description": "The title text.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the accordion item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the accordion item should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "titleText",
          "attribute": "title-text",
          "description": "The title text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-accordion-item-beingtoggled",
          "description": "The custom event fired before this accordion item is being toggled upon a user gesture.\nCancellation of this event stops the user-initiated action of toggling this accordion item."
        },
        {
          "name": "bx-accordion-item-toggled",
          "description": "The custom event fired after this accordion item is toggled upon a user gesture."
        }
      ],
      "cssParts": [
        {
          "name": "expando",
          "description": "icon The expando icon."
        }
      ]
    },
    {
      "name": "bx-accordion",
      "path": "./src/components/accordion/accordion.ts",
      "description": "Accordion container.",
      "attributes": [
        {
          "name": "size",
          "description": "Accordion size.",
          "type": "ACCORDION_SIZE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "size",
          "attribute": "size",
          "description": "Accordion size.",
          "type": "ACCORDION_SIZE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-breadcrumb-item",
      "path": "./src/components/breadcrumb/breadcrumb-item.ts",
      "description": "Breadcrumb item.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-breadcrumb-link",
      "path": "./src/components/breadcrumb/breadcrumb-link.ts",
      "description": "Link in breadcrumb.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "description": "The default file name.",
          "type": "string"
        },
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to.",
          "type": "string"
        },
        {
          "name": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string"
        },
        {
          "name": "ping",
          "description": "URLs to ping.",
          "type": "string"
        },
        {
          "name": "rel",
          "description": "The link type.",
          "type": "string"
        },
        {
          "name": "size",
          "description": "Link size.",
          "type": "LINK_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "description": "The link target.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "MIME type of the `target`.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "attribute": "download",
          "description": "The default file name.",
          "type": "string"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "attribute": "hreflang",
          "description": "The language of what `href` points to.",
          "type": "string"
        },
        {
          "name": "linkRole",
          "attribute": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string"
        },
        {
          "name": "ping",
          "attribute": "ping",
          "description": "URLs to ping.",
          "type": "string"
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "The link type.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Link size.",
          "type": "LINK_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The link target.",
          "type": "string"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "MIME type of the `target`.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-breadcrumb",
      "path": "./src/components/breadcrumb/breadcrumb.ts",
      "description": "Breadcrumb.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-btn",
      "path": "./src/components/button/button.ts",
      "description": "Button.",
      "attributes": [
        {
          "name": "autofocus",
          "description": "`true` if the button should have input focus when the page loads.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "description": "The default file name, used if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "href",
          "description": "Link `href`. If present, this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "icon-layout",
          "description": "Button icon layout.",
          "type": "BUTTON_ICON_LAYOUT",
          "default": "\"\""
        },
        {
          "name": "isExpressive",
          "description": "`true` if expressive theme enabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "kind",
          "description": "Button kind.",
          "type": "BUTTON_KIND",
          "default": "\"primary\""
        },
        {
          "name": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string",
          "default": "\"button\""
        },
        {
          "name": "ping",
          "description": "URLs to ping, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "rel",
          "description": "The link type, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "size",
          "description": "Button size.",
          "type": "BUTTON_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "description": "The link target, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "autofocus",
          "attribute": "autofocus",
          "description": "`true` if the button should have input focus when the page loads.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "attribute": "download",
          "description": "The default file name, used if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`. If present, this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "attribute": "hreflang",
          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "iconLayout",
          "attribute": "icon-layout",
          "description": "Button icon layout.",
          "type": "BUTTON_ICON_LAYOUT",
          "default": "\"\""
        },
        {
          "name": "isExpressive",
          "attribute": "isExpressive",
          "description": "`true` if expressive theme enabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Button kind.",
          "type": "BUTTON_KIND",
          "default": "\"primary\""
        },
        {
          "name": "linkRole",
          "attribute": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string",
          "default": "\"button\""
        },
        {
          "name": "ping",
          "attribute": "ping",
          "description": "URLs to ping, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "The link type, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Button size.",
          "type": "BUTTON_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The link target, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-checkbox",
      "path": "./src/components/checkbox/checkbox.ts",
      "description": "Check box.",
      "attributes": [
        {
          "name": "checked",
          "description": "`true` if the check box should be checked.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "indeterminate",
          "description": "`true` if the check box should show its UI of the indeterminate state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "checked",
          "attribute": "checked",
          "description": "`true` if the check box should be checked.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hideLabel",
          "attribute": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "indeterminate",
          "attribute": "indeterminate",
          "description": "`true` if the check box should show its UI of the indeterminate state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-checkbox-changed",
          "description": "The custom event fired after this changebox changes its checked state."
        }
      ]
    },
    {
      "name": "bx-code-snippet",
      "path": "./src/components/code-snippet/code-snippet.ts",
      "description": "Basic code snippet.",
      "attributes": [
        {
          "name": "code-assistive-text",
          "description": "An assistive text for screen reader to advice a DOM node is for code snippet.",
          "type": "string",
          "default": "\"code-snippet\""
        },
        {
          "name": "collapse-button-text",
          "description": "The context content for the collapse button.",
          "type": "string",
          "default": "\"Show less\""
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "copy-button-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.",
          "type": "string",
          "default": "\"Copy to clipboard\""
        },
        {
          "name": "copy-button-feedback-text",
          "description": "The feedback text for the copy button.",
          "type": "string",
          "default": "\"Copied!\""
        },
        {
          "name": "copy-button-feedback-timeout",
          "description": "The number in milliseconds to determine how long the tooltip for the copy button should remain.",
          "type": "number",
          "default": "2000"
        },
        {
          "name": "expand-button-text",
          "description": "The context content for the expand button.",
          "type": "string",
          "default": "\"Show more\""
        },
        {
          "name": "type",
          "description": "The type of code snippet.",
          "type": "CODE_SNIPPET_TYPE",
          "default": "\"single\""
        }
      ],
      "properties": [
        {
          "name": "codeAssistiveText",
          "attribute": "code-assistive-text",
          "description": "An assistive text for screen reader to advice a DOM node is for code snippet.",
          "type": "string",
          "default": "\"code-snippet\""
        },
        {
          "name": "collapseButtonText",
          "attribute": "collapse-button-text",
          "description": "The context content for the collapse button.",
          "type": "string",
          "default": "\"Show less\""
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "copyButtonAssistiveText",
          "attribute": "copy-button-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.",
          "type": "string",
          "default": "\"Copy to clipboard\""
        },
        {
          "name": "copyButtonFeedbackText",
          "attribute": "copy-button-feedback-text",
          "description": "The feedback text for the copy button.",
          "type": "string",
          "default": "\"Copied!\""
        },
        {
          "name": "copyButtonFeedbackTimeout",
          "attribute": "copy-button-feedback-timeout",
          "description": "The number in milliseconds to determine how long the tooltip for the copy button should remain.",
          "type": "number",
          "default": "2000"
        },
        {
          "name": "expandButtonText",
          "attribute": "expand-button-text",
          "description": "The context content for the expand button.",
          "type": "string",
          "default": "\"Show more\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of code snippet.",
          "type": "CODE_SNIPPET_TYPE",
          "default": "\"single\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-combo-box-item",
      "path": "./src/components/combo-box/combo-box-item.ts",
      "description": "Combo box item.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if this dropdown item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The `value` attribute that is set to the parent `<bx-dropdown>` when this dropdown item is selected.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this dropdown item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute that is set to the parent `<bx-dropdown>` when this dropdown item is selected.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "cssParts": [
        {
          "name": "selected",
          "description": "icon The selected icon."
        }
      ]
    },
    {
      "name": "bx-combo-box",
      "path": "./src/components/combo-box/combo-box.ts",
      "description": "Combo box.",
      "attributes": [
        {
          "name": "clear-selection-label",
          "description": "The `aria-label` attribute for the icon to clear selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "input-label",
          "description": "The `aria-label` attribute for the `<input>` for filtering.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this dropdown should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Name for the dropdown in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "`true` if this dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "toggle-label-closed",
          "description": "The `aria-label` attribute for the UI indicating the closed state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "toggle-label-open",
          "description": "The `aria-label` attribute for the UI indicating the open state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "`true` if this dropdown should use the inline UI variant.",
          "type": "DROPDOWN_TYPE",
          "default": "\"\""
        },
        {
          "name": "invalid",
          "description": "`true` to show the UI of the invalid state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "clearSelectionLabel",
          "attribute": "clear-selection-label",
          "description": "The `aria-label` attribute for the icon to clear selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "inputLabel",
          "attribute": "input-label",
          "description": "The `aria-label` attribute for the `<input>` for filtering.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "itemMatches",
          "description": "The custom item matching callback.",
          "type": "(item: BXComboBoxItem, queryText: string) => boolean"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this dropdown should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the dropdown in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if this dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectingItemsAssistiveText",
          "attribute": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selectedItemAssistiveText",
          "attribute": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "toggleLabelClosed",
          "attribute": "toggle-label-closed",
          "description": "The `aria-label` attribute for the UI indicating the closed state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "toggleLabelOpen",
          "attribute": "toggle-label-open",
          "description": "The `aria-label` attribute for the UI indicating the open state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "triggerContent",
          "attribute": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "`true` if this dropdown should use the inline UI variant.",
          "type": "DROPDOWN_TYPE",
          "default": "\"\""
        },
        {
          "name": "TRIGGER_KEYS",
          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
          "type": "Set<string>",
          "default": "\"new Set(['Enter'])\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "`true` to show the UI of the invalid state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "events": [
        {
          "name": "bx-combo-box-beingselected",
          "description": "The custom event fired before a combo box item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-combo-box-beingtoggled",
          "description": "The custom event fired before the open state of this combo box is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
        },
        {
          "name": "bx-combo-box-selected",
          "description": "The custom event fired after a combo box item is selected upon a user gesture."
        },
        {
          "name": "bx-combo-box-toggled",
          "description": "The custom event fired after the open state of this combo box is toggled upon a user gesture."
        },
        {
          "name": "bx-dropdown-beingselected",
          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-dropdown-beingtoggled",
          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
        },
        {
          "name": "bx-dropdown-selected",
          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
        },
        {
          "name": "bx-dropdown-toggled",
          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
        },
        {
          "name": "invalid"
        }
      ],
      "cssParts": [
        {
          "name": "label",
          "description": "text The label text."
        },
        {
          "name": "helper",
          "description": "text The helper text."
        },
        {
          "name": "trigger",
          "description": "button The trigger button."
        },
        {
          "name": "menu",
          "description": "body The menu body."
        },
        {
          "name": "validity",
          "description": "message The validity message."
        }
      ]
    },
    {
      "name": "bx-content-switcher-item",
      "path": "./src/components/content-switcher/content-switcher-item.ts",
      "description": "Content switcher button.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if this content switcher item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "target",
          "description": "The element ID of target panel.",
          "type": "string"
        },
        {
          "name": "value",
          "description": "The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this content switcher item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The element ID of target panel.",
          "type": "string"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-content-switcher",
      "path": "./src/components/content-switcher/content-switcher.ts",
      "description": "Content switcher.",
      "attributes": [
        {
          "name": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "description": "Content switcher size.",
          "type": "CONTENT_SWITCHER_SIZE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Content switcher size.",
          "type": "CONTENT_SWITCHER_SIZE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-content-switcher-beingselected",
          "description": "The custom event fired before a content switcher item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-content-switcher-selected",
          "description": "The custom event fired after a a content switcher item is selected upon a user gesture."
        }
      ]
    },
    {
      "name": "bx-copy-button",
      "path": "./src/components/copy-button/copy-button.ts",
      "description": "Copy button.",
      "attributes": [
        {
          "name": "button-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.",
          "type": "string",
          "default": "\"Copy to clipboard\""
        },
        {
          "name": "feedback-text",
          "description": "The feedback text.",
          "type": "string",
          "default": "\"Copied!\""
        },
        {
          "name": "feedback-timeout",
          "description": "The number in milliseconds to determine how long the tooltip should remain.",
          "type": "number",
          "default": "2000"
        }
      ],
      "properties": [
        {
          "name": "buttonAssistiveText",
          "attribute": "button-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.",
          "type": "string",
          "default": "\"Copy to clipboard\""
        },
        {
          "name": "feedbackText",
          "attribute": "feedback-text",
          "description": "The feedback text.",
          "type": "string",
          "default": "\"Copied!\""
        },
        {
          "name": "feedbackTimeout",
          "attribute": "feedback-timeout",
          "description": "The number in milliseconds to determine how long the tooltip should remain.",
          "type": "number",
          "default": "2000"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-batch-actions",
      "path": "./src/components/data-table/table-batch-actions.ts",
      "description": "Table batch actions.",
      "attributes": [
        {
          "name": "active",
          "description": "`true` if this batch actions bar should be active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected-rows-count",
          "description": "Numeric representation of the total number of items selected in a table.\nThis number is used to derive the selection message.",
          "type": "number",
          "default": "0"
        }
      ],
      "properties": [
        {
          "name": "active",
          "attribute": "active",
          "description": "`true` if this batch actions bar should be active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "formatSelectedItemsCount",
          "description": "The formatter for selected items. Should be changed upon the locale the UI is rendered with.",
          "type": "({ count }: { count: any; }) => string",
          "default": "\"({ count }) => `${count} item${count <= 1 ? '' : 's'} selected`\""
        },
        {
          "name": "selectedRowsCount",
          "attribute": "selected-rows-count",
          "description": "Numeric representation of the total number of items selected in a table.\nThis number is used to derive the selection message.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-table-batch-actions-cancel-clicked",
          "description": "The custom event fired after the Cancel button is clicked."
        }
      ]
    },
    {
      "name": "bx-table-body",
      "path": "./src/components/data-table/table-body.ts",
      "description": "Data table body.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "TABLE_COLOR_SCHEME",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "TABLE_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-cell-skeleton",
      "path": "./src/components/data-table/table-cell-skeleton.ts",
      "description": "Data table cell with skeleton content.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-cell",
      "path": "./src/components/data-table/table-cell.ts",
      "description": "Data table cell.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-expand-row",
      "path": "./src/components/data-table/table-expand-row.ts",
      "description": "The expando row in table row.",
      "attributes": [
        {
          "name": "expanded",
          "description": "`true` if the table row should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` if the table row should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectionLabel",
          "attribute": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionValue",
          "attribute": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-table-row-change-selection",
          "description": "The custom event fired before this row is selected/unselected upon a user gesture.\nCancellation of this event stops the user-initiated change in selection."
        }
      ],
      "cssParts": [
        {
          "name": "selection",
          "description": "container The container of the checkbox."
        }
      ]
    },
    {
      "name": "bx-table-expanded-row",
      "path": "./src/components/data-table/table-expanded-row.ts",
      "description": "Table row of collapsible details.",
      "attributes": [
        {
          "name": "colspan",
          "description": "The colspan.",
          "type": "number",
          "default": "1"
        },
        {
          "name": "expanded",
          "description": "`true` if the table row should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "highlighted",
          "description": "`true` if the table row should be highlighted.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "colSpan",
          "attribute": "colspan",
          "description": "The colspan.",
          "type": "number",
          "default": "1"
        },
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` if the table row should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "highlighted",
          "attribute": "highlighted",
          "description": "`true` if the table row should be highlighted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-head",
      "path": "./src/components/data-table/table-head.ts",
      "description": "Data table header.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-header-cell-skeleton",
      "path": "./src/components/data-table/table-header-cell-skeleton.ts",
      "description": "Data table header cell with skeleton content.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-header-cell",
      "path": "./src/components/data-table/table-header-cell.ts",
      "description": "Data table header cell.",
      "attributes": [
        {
          "name": "sort-active",
          "description": "`true` if this table header cell is of a primary sorting column.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "sort-cycle",
          "description": "The table sort cycle in use.",
          "type": "TABLE_SORT_CYCLE | undefined"
        },
        {
          "name": "sort-direction",
          "description": "The table sort direction.\nIf present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.",
          "type": "TABLE_SORT_DIRECTION | undefined"
        }
      ],
      "properties": [
        {
          "name": "sortActive",
          "attribute": "sort-active",
          "description": "`true` if this table header cell is of a primary sorting column.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "sortCycle",
          "attribute": "sort-cycle",
          "description": "The table sort cycle in use.",
          "type": "TABLE_SORT_CYCLE | undefined"
        },
        {
          "name": "sortDirection",
          "attribute": "sort-direction",
          "description": "The table sort direction.\nIf present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.",
          "type": "TABLE_SORT_DIRECTION | undefined"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "TABLE_SORT_CYCLES",
          "description": "Mapping of table sort cycles to table sort states.",
          "type": "{ \"bi-states-from-ascending\": TABLE_SORT_DIRECTION[]; \"bi-states-from-descending\": TABLE_SORT_DIRECTION[]; \"tri-states-from-ascending\": TABLE_SORT_DIRECTION[]; \"tri-states-from-descending\": TABLE_SORT_DIRECTION[]; }",
          "default": "{\"bi-states-from-ascending\":[\"ascending\",\"descending\"],\"bi-states-from-descending\":[\"descending\",\"ascending\"],\"tri-states-from-ascending\":[\"none\",\"ascending\",\"descending\"],\"tri-states-from-descending\":[\"none\",\"descending\",\"ascending\"]}"
        }
      ],
      "events": [
        {
          "name": "bx-table-header-cell-sort",
          "description": "The custom event fired before a new sort direction is set upon a user gesture.\nCancellation of this event stops the user-initiated change in sort direction."
        }
      ]
    },
    {
      "name": "bx-table-header-expand-row",
      "path": "./src/components/data-table/table-header-expand-row.ts",
      "description": "Data table header row.",
      "attributes": [
        {
          "name": "expanded",
          "description": "`true` if the table row should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` if the table row should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectionLabel",
          "attribute": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionValue",
          "attribute": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-table-row-change-selection",
          "description": "The custom event fired before this row is selected/unselected upon a user gesture.\nCancellation of this event stops the user-initiated change in selection."
        }
      ],
      "cssParts": [
        {
          "name": "selection",
          "description": "container The container of the checkbox."
        }
      ]
    },
    {
      "name": "bx-table-header-row",
      "path": "./src/components/data-table/table-header-row.ts",
      "description": "Data table header row.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectionLabel",
          "attribute": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionValue",
          "attribute": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-table-row-change-selection",
          "description": "The custom event fired before this row is selected/unselected upon a user gesture.\nCancellation of this event stops the user-initiated change in selection."
        }
      ],
      "cssParts": [
        {
          "name": "selection",
          "description": "container The container of the checkbox."
        }
      ]
    },
    {
      "name": "bx-table-row",
      "path": "./src/components/data-table/table-row.ts",
      "description": "Data table row.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this table row should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` if this table row should be selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectionLabel",
          "attribute": "selection-label",
          "description": "The `aria-label` attribute for the `<label>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this table row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionValue",
          "attribute": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-table-row-change-selection",
          "description": "The custom event fired before this row is selected/unselected upon a user gesture.\nCancellation of this event stops the user-initiated change in selection."
        }
      ],
      "cssParts": [
        {
          "name": "selection",
          "description": "container The container of the checkbox."
        }
      ]
    },
    {
      "name": "bx-table-toolbar-content",
      "path": "./src/components/data-table/table-toolbar-content.ts",
      "description": "Table toolbar content.",
      "attributes": [
        {
          "name": "has-batch-actions",
          "description": "`true` if this batch actions bar is active.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "hasBatchActions",
          "attribute": "has-batch-actions",
          "description": "`true` if this batch actions bar is active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table-toolbar-search",
      "path": "./src/components/data-table/table-toolbar-search.ts",
      "description": "Table toolbar search.",
      "attributes": [
        {
          "name": "expanded",
          "description": "`true` if the search box should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "close-button-assistive-text",
          "description": "The assistive text for the close button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if the search box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "The placeholder text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "description": "The search box size.",
          "type": "INPUT_SIZE",
          "default": "\"sm\""
        },
        {
          "name": "type",
          "description": "The `<input>` name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` if the search box should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "closeButtonAssistiveText",
          "attribute": "close-button-assistive-text",
          "description": "The assistive text for the close button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the search box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "The placeholder text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The search box size.",
          "type": "INPUT_SIZE",
          "default": "\"sm\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The `<input>` name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-search-input",
          "description": "The custom event fired after the search content is changed upon a user gesture."
        }
      ],
      "cssParts": [
        {
          "name": "search",
          "description": "icon The search icon."
        },
        {
          "name": "label",
          "description": "text The label text."
        },
        {
          "name": "close",
          "description": "button The close button."
        }
      ]
    },
    {
      "name": "bx-table-toolbar",
      "path": "./src/components/data-table/table-toolbar.ts",
      "description": "Table toolbar.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-table",
      "path": "./src/components/data-table/table.ts",
      "description": "Data table.",
      "attributes": [
        {
          "name": "size",
          "description": "The table size.",
          "type": "TABLE_SIZE",
          "default": "\"\""
        },
        {
          "name": "sort",
          "description": "`true` if this table should support sorting.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "size",
          "attribute": "size",
          "description": "The table size.",
          "type": "TABLE_SIZE",
          "default": "\"\""
        },
        {
          "name": "sort",
          "attribute": "sort",
          "description": "`true` if this table should support sorting.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-date-picker-input",
      "path": "./src/components/date-picker/date-picker-input.ts",
      "description": "The input box for date picker.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "kind",
          "description": "Date picker input kind.",
          "type": "DATE_PICKER_INPUT_KIND",
          "default": "\"simple\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string"
        },
        {
          "name": "pattern",
          "description": "The `pattern` attribute for the `<input>` in the shadow DOM.",
          "type": "string"
        },
        {
          "name": "placeholder",
          "description": "The placeholder text.",
          "type": "string"
        },
        {
          "name": "size",
          "description": "Vertical size of this date picker input.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "size-horizontal",
          "description": "Horizontal size of this date picker input.\nEffective only when `kind` property is `DATE_PICKER_INPUT_KIND.SIMPLE`.",
          "type": "DATE_PICKER_INPUT_SIZE_HORIZONTAL",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "The `type` attribute for the `<input>` in the shadow DOM.",
          "type": "string"
        },
        {
          "name": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.\nIf present and non-empty, this date picker input shows the UI of its invalid state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "input",
          "description": "The `<input>`, used for Flatpickr to grab.",
          "type": "HTMLInputElement"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hideLabel",
          "attribute": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Date picker input kind.",
          "type": "DATE_PICKER_INPUT_KIND",
          "default": "\"simple\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string"
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "The `pattern` attribute for the `<input>` in the shadow DOM.",
          "type": "string"
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "The placeholder text.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Vertical size of this date picker input.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "sizeHorizontal",
          "attribute": "size-horizontal",
          "description": "Horizontal size of this date picker input.\nEffective only when `kind` property is `DATE_PICKER_INPUT_KIND.SIMPLE`.",
          "type": "DATE_PICKER_INPUT_SIZE_HORIZONTAL",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The `type` attribute for the `<input>` in the shadow DOM.",
          "type": "string"
        },
        {
          "name": "defaultPattern",
          "description": "The default value for `pattern` property.",
          "type": "string",
          "default": "\"\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}\""
        },
        {
          "name": "defaultType",
          "description": "The default value for `type` property.",
          "type": "string",
          "default": "\"text\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.\nIf present and non-empty, this date picker input shows the UI of its invalid state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "invalid"
        }
      ]
    },
    {
      "name": "bx-date-picker",
      "path": "./src/components/date-picker/date-picker.ts",
      "description": "Date picker.",
      "attributes": [
        {
          "name": "date-format",
          "description": "The date format to let Flatpickr use.",
          "type": "string"
        },
        {
          "name": "disabled",
          "description": "Controls the disabled state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "enabled-range",
          "description": "The date range that a user can pick in calendar dropdown.",
          "type": "string"
        },
        {
          "name": "name",
          "description": "Name for the input in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "`true` if the date picker should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "description": "The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "calendar",
          "description": "The Flatpickr instance.",
          "type": "Instance | null"
        },
        {
          "name": "dateFormat",
          "attribute": "date-format",
          "description": "The date format to let Flatpickr use.",
          "type": "string"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Controls the disabled state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "locale",
          "description": "The localization data.",
          "type": "Locale"
        },
        {
          "name": "enabledRange",
          "attribute": "enabled-range",
          "description": "The date range that a user can pick in calendar dropdown.",
          "type": "string"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the input in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the date picker should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.",
          "type": "string"
        },
        {
          "name": "classNoBorder",
          "description": "The CSS class applied to the \"today\" highlight if there are any dates selected.",
          "type": "string",
          "default": "\"no-border\""
        },
        {
          "name": "defaultDateFormat",
          "description": "The default date format.",
          "type": "string",
          "default": "\"m/d/Y\""
        },
        {
          "name": "defaultLocale",
          "description": "The default localization data.",
          "type": "CustomLocale & Locale",
          "default": "\"default\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-date-picker-changed",
          "description": "The custom event fired on this element when Flatpickr updates its value."
        }
      ]
    },
    {
      "name": "bx-dropdown-item",
      "path": "./src/components/dropdown/dropdown-item.ts",
      "description": "Dropdown item.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if this dropdown item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The `value` attribute that is set to the parent `<bx-dropdown>` when this dropdown item is selected.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this dropdown item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute that is set to the parent `<bx-dropdown>` when this dropdown item is selected.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "cssParts": [
        {
          "name": "selected",
          "description": "icon The selected icon."
        }
      ]
    },
    {
      "name": "bx-dropdown",
      "path": "./src/components/dropdown/dropdown.ts",
      "description": "Dropdown.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this dropdown should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Name for the dropdown in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "`true` if this dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "toggle-label-closed",
          "description": "The `aria-label` attribute for the UI indicating the closed state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "toggle-label-open",
          "description": "The `aria-label` attribute for the UI indicating the open state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "`true` if this dropdown should use the inline UI variant.",
          "type": "DROPDOWN_TYPE",
          "default": "\"\""
        },
        {
          "name": "invalid",
          "description": "`true` to show the UI of the invalid state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this dropdown should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the dropdown in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if this dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectingItemsAssistiveText",
          "attribute": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selectedItemAssistiveText",
          "attribute": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "toggleLabelClosed",
          "attribute": "toggle-label-closed",
          "description": "The `aria-label` attribute for the UI indicating the closed state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "toggleLabelOpen",
          "attribute": "toggle-label-open",
          "description": "The `aria-label` attribute for the UI indicating the open state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "triggerContent",
          "attribute": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "`true` if this dropdown should use the inline UI variant.",
          "type": "DROPDOWN_TYPE",
          "default": "\"\""
        },
        {
          "name": "TRIGGER_KEYS",
          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
          "type": "Set<string>",
          "default": "\"new Set([' ', 'Enter'])\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "`true` to show the UI of the invalid state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "events": [
        {
          "name": "bx-dropdown-beingselected",
          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-dropdown-beingtoggled",
          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
        },
        {
          "name": "bx-dropdown-selected",
          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
        },
        {
          "name": "bx-dropdown-toggled",
          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
        },
        {
          "name": "invalid"
        }
      ],
      "cssParts": [
        {
          "name": "label",
          "description": "text The label text."
        },
        {
          "name": "helper",
          "description": "text The helper text."
        },
        {
          "name": "trigger",
          "description": "button The trigger button."
        },
        {
          "name": "menu",
          "description": "body The menu body."
        },
        {
          "name": "validity",
          "description": "message The validity message."
        }
      ]
    },
    {
      "name": "bx-file-drop-container",
      "path": "./src/components/file-uploader/drop-container.ts",
      "description": "File drop container.",
      "attributes": [
        {
          "name": "accept",
          "description": "The file types the file input should accept, separated by space.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this drop container should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "multiple",
          "description": "`true` if this drop container should accept more than one files at once.\nNote that even with `false` set here, user _can_ select multiple files one by one.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "slot",
          "description": "The shadow DOM slot to put this drop container in.",
          "type": "string",
          "default": "\"drop-container\""
        }
      ],
      "properties": [
        {
          "name": "accept",
          "attribute": "accept",
          "description": "The file types the file input should accept, separated by space.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this drop container should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "multiple",
          "attribute": "multiple",
          "description": "`true` if this drop container should accept more than one files at once.\nNote that even with `false` set here, user _can_ select multiple files one by one.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "slot",
          "attribute": "slot",
          "description": "The shadow DOM slot to put this drop container in.",
          "type": "string",
          "default": "\"drop-container\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-file-drop-container-changed",
          "description": "The custom event fired when there is a user gesture to select files to upload."
        }
      ]
    },
    {
      "name": "bx-file-uploader-item",
      "path": "./src/components/file-uploader/file-uploader-item.ts",
      "description": "File uploader item.",
      "attributes": [
        {
          "name": "delete-assistive-text",
          "description": "The `aria-label` attribute for the icon to delete this file uploader item.",
          "type": "string",
          "default": "\"Delete this file\""
        },
        {
          "name": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "The size of this file uploader item.",
          "type": "FILE_UPLOADER_ITEM_SIZE",
          "default": "\"\""
        },
        {
          "name": "state",
          "description": "The state of this file uploader item.",
          "type": "FILE_UPLOADER_ITEM_STATE",
          "default": "\"uploading\""
        },
        {
          "name": "uploading-assistive-text",
          "description": "The `aria-label` attribute for the icon to indicate file uploading is in progress.",
          "type": "string",
          "default": "\"Uploading\""
        },
        {
          "name": "uploaded-assistive-text",
          "description": "The `aria-label` attribute for the icon to indicate file uploading is complete.",
          "type": "string",
          "default": "\"Uploaded\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "deleteAssistiveText",
          "attribute": "delete-assistive-text",
          "description": "The `aria-label` attribute for the icon to delete this file uploader item.",
          "type": "string",
          "default": "\"Delete this file\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The size of this file uploader item.",
          "type": "FILE_UPLOADER_ITEM_SIZE",
          "default": "\"\""
        },
        {
          "name": "state",
          "attribute": "state",
          "description": "The state of this file uploader item.",
          "type": "FILE_UPLOADER_ITEM_STATE",
          "default": "\"uploading\""
        },
        {
          "name": "uploadingAssistiveText",
          "attribute": "uploading-assistive-text",
          "description": "The `aria-label` attribute for the icon to indicate file uploading is in progress.",
          "type": "string",
          "default": "\"Uploading\""
        },
        {
          "name": "uploadedAssistiveText",
          "attribute": "uploaded-assistive-text",
          "description": "The `aria-label` attribute for the icon to indicate file uploading is complete.",
          "type": "string",
          "default": "\"Uploaded\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-file-uploader-item-beingdeleted",
          "description": "The custom event fired before this file uploader item is being deleted upon a user gesture.\nCancellation of this event stops the user-initiated action of deleting this file uploader item."
        },
        {
          "name": "bx-file-uploader-item-deleted",
          "description": "The custom event fired after this file uploader item is deleted upon a user gesture."
        }
      ],
      "slots": [
        {
          "name": "validity",
          "description": "message The validity message."
        },
        {
          "name": "validity-message",
          "description": "supplement The supplemental validity message."
        }
      ]
    },
    {
      "name": "bx-file-uploader",
      "path": "./src/components/file-uploader/file-uploader.ts",
      "description": "The shell UI for file uploader.",
      "attributes": [
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "helper",
          "description": "text The helper text."
        },
        {
          "name": "label",
          "description": "text The label text."
        }
      ]
    },
    {
      "name": "bx-form-item",
      "path": "./src/components/form/form-item.ts",
      "description": "Presentational element for form items",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-inline-loading",
      "path": "./src/components/inline-loading/inline-loading.ts",
      "description": "Lnline loading spinner.",
      "attributes": [
        {
          "name": "status",
          "description": "The loading status.",
          "type": "INLINE_LOADING_STATE",
          "default": "\"active\""
        }
      ],
      "properties": [
        {
          "name": "status",
          "attribute": "status",
          "description": "The loading status.",
          "type": "INLINE_LOADING_STATE",
          "default": "\"active\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-input",
      "path": "./src/components/input/input.ts",
      "description": "Input element. Supports all the usual attributes for textual input types",
      "attributes": [
        {
          "name": "autocomplete",
          "description": "May be any of the standard HTML autocomplete options",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autofocus",
          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "Controls the disabled state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Name for the input in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "description": "Pattern to validate the input against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "Value to display when the input has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "description": "Controls the readonly state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "The input box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "type",
          "description": "The type of the input. Can be one of the types listed in the INPUT_TYPE enum",
          "type": "INPUT_TYPE",
          "default": "\"text\""
        },
        {
          "name": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the input.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "autocomplete",
          "attribute": "autocomplete",
          "description": "May be any of the standard HTML autocomplete options",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autofocus",
          "attribute": "autofocus",
          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Controls the disabled state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the input in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Pattern to validate the input against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Value to display when the input has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Controls the readonly state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The input box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of the input. Can be one of the types listed in the INPUT_TYPE enum",
          "type": "INPUT_TYPE",
          "default": "\"text\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the input.",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "invalid"
        }
      ],
      "slots": [
        {
          "name": "helper-text",
          "description": "The helper text."
        },
        {
          "name": "label-text",
          "description": "The label text."
        },
        {
          "name": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
        }
      ]
    },
    {
      "name": "bx-link",
      "path": "./src/components/link/link.ts",
      "description": "Link.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "description": "The default file name.",
          "type": "string"
        },
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to.",
          "type": "string"
        },
        {
          "name": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string"
        },
        {
          "name": "ping",
          "description": "URLs to ping.",
          "type": "string"
        },
        {
          "name": "rel",
          "description": "The link type.",
          "type": "string"
        },
        {
          "name": "size",
          "description": "Link size.",
          "type": "LINK_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "description": "The link target.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "MIME type of the `target`.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "attribute": "download",
          "description": "The default file name.",
          "type": "string"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "attribute": "hreflang",
          "description": "The language of what `href` points to.",
          "type": "string"
        },
        {
          "name": "linkRole",
          "attribute": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string"
        },
        {
          "name": "ping",
          "attribute": "ping",
          "description": "URLs to ping.",
          "type": "string"
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "The link type.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Link size.",
          "type": "LINK_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The link target.",
          "type": "string"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "MIME type of the `target`.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-list-item",
      "path": "./src/components/list/list-item.ts",
      "description": "List item.",
      "attributes": [
        {
          "name": "nested",
          "description": "`true` if this list item is a child of a nested list.\n`<bx-ordered-list>` or `<bx-unordered-list>` automatically sets this property.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "nested",
          "attribute": "nested",
          "description": "`true` if this list item is a child of a nested list.\n`<bx-ordered-list>` or `<bx-unordered-list>` automatically sets this property.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "nested",
          "description": "The nested child list."
        }
      ]
    },
    {
      "name": "bx-loading",
      "path": "./src/components/loading/loading.ts",
      "description": "Spinner indicating loading state.",
      "attributes": [
        {
          "name": "assistive-text",
          "description": "The assistive text for the spinner icon.",
          "type": "string",
          "default": "\"Loading\""
        },
        {
          "name": "type",
          "description": "Spinner type.",
          "type": "LOADING_TYPE",
          "default": "\"regular\""
        },
        {
          "name": "inactive",
          "description": "`true` if spinner should stop.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "assistiveText",
          "attribute": "assistive-text",
          "description": "The assistive text for the spinner icon.",
          "type": "string",
          "default": "\"Loading\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "Spinner type.",
          "type": "LOADING_TYPE",
          "default": "\"regular\""
        },
        {
          "name": "inactive",
          "attribute": "inactive",
          "description": "`true` if spinner should stop.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-modal-body",
      "path": "./src/components/modal/modal-body.ts",
      "description": "Modal body.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-modal-close-button",
      "path": "./src/components/modal/modal-close-button.ts",
      "description": "Modal close button.",
      "attributes": [
        {
          "name": "assistive-text",
          "description": "The assistive text for the button.",
          "type": "string",
          "default": "\"Close\""
        }
      ],
      "properties": [
        {
          "name": "assistiveText",
          "attribute": "assistive-text",
          "description": "The assistive text for the button.",
          "type": "string",
          "default": "\"Close\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "cssParts": [
        {
          "name": "close",
          "description": "icon The close icon."
        }
      ]
    },
    {
      "name": "bx-modal-footer-button",
      "path": "./src/components/modal/modal-footer-button.ts",
      "description": "Modal footer button.",
      "attributes": [
        {
          "name": "autofocus",
          "description": "`true` if the button should have input focus when the page loads.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "description": "The default file name, used if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "href",
          "description": "Link `href`. If present, this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "icon-layout",
          "description": "Button icon layout.",
          "type": "BUTTON_ICON_LAYOUT",
          "default": "\"\""
        },
        {
          "name": "isExpressive",
          "description": "`true` if expressive theme enabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "kind",
          "description": "Button kind.",
          "type": "BUTTON_KIND",
          "default": "\"primary\""
        },
        {
          "name": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string",
          "default": "\"button\""
        },
        {
          "name": "ping",
          "description": "URLs to ping, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "rel",
          "description": "The link type, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "size",
          "description": "Button size.",
          "type": "BUTTON_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "description": "The link target, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "autofocus",
          "attribute": "autofocus",
          "description": "`true` if the button should have input focus when the page loads.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "attribute": "download",
          "description": "The default file name, used if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`. If present, this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "attribute": "hreflang",
          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "iconLayout",
          "attribute": "icon-layout",
          "description": "Button icon layout.",
          "type": "BUTTON_ICON_LAYOUT",
          "default": "\"\""
        },
        {
          "name": "isExpressive",
          "attribute": "isExpressive",
          "description": "`true` if expressive theme enabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Button kind.",
          "type": "BUTTON_KIND",
          "default": "\"primary\""
        },
        {
          "name": "linkRole",
          "attribute": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string",
          "default": "\"button\""
        },
        {
          "name": "ping",
          "attribute": "ping",
          "description": "URLs to ping, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "The link type, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Button size.",
          "type": "BUTTON_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The link target, if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
          "type": "string"
        },
        {
          "name": "styles",
          "type": "array",
          "default": "[\"buttonStyles\",\"styles\"]"
        }
      ]
    },
    {
      "name": "bx-modal-footer",
      "path": "./src/components/modal/modal-footer.ts",
      "description": "Modal footer.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-modal-header",
      "path": "./src/components/modal/modal-header.ts",
      "description": "Modal header.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-modal-heading",
      "path": "./src/components/modal/modal-heading.ts",
      "description": "Modal heading.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-modal-label",
      "path": "./src/components/modal/modal-label.ts",
      "description": "Modal label.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-modal",
      "path": "./src/components/modal/modal.ts",
      "description": "Modal.",
      "attributes": [
        {
          "name": "container-class",
          "description": "The additional CSS class names for the container <div> of the element.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "`true` if the modal should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "Modal size.",
          "type": "MODAL_SIZE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "containerClass",
          "attribute": "container-class",
          "description": "The additional CSS class names for the container <div> of the element.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the modal should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Modal size.",
          "type": "MODAL_SIZE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-modal-beingclosed",
          "description": "The custom event fired before this modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this modal."
        },
        {
          "name": "bx-modal-closed",
          "description": "The custom event fired after this modal is closed upon a user gesture."
        }
      ]
    },
    {
      "name": "bx-multi-select-item",
      "path": "./src/components/multi-select/multi-select-item.ts",
      "description": "Multi select item.",
      "attributes": [
        {
          "name": "filtered",
          "description": "The property to hide when item is filtered from input"
        },
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this dropdown item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The `value` attribute that is set to the parent `<bx-dropdown>` when this dropdown item is selected.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "filtered",
          "attribute": "filtered",
          "description": "The property to hide when item is filtered from input"
        },
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this dropdown item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute that is set to the parent `<bx-dropdown>` when this dropdown item is selected.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "cssParts": [
        {
          "name": "selected",
          "description": "icon The selected icon."
        }
      ]
    },
    {
      "name": "bx-multi-select",
      "path": "./src/components/multi-select/multi-select.ts",
      "description": "Multi select.",
      "attributes": [
        {
          "name": "filterable"
        },
        {
          "name": "clear-selection-label",
          "description": "The `aria-label` attribute for the icon to clear selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "unselected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is unselected.",
          "type": "string",
          "default": "\"Unselected an item.\""
        },
        {
          "name": "unselected-all-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that all items are unselected.",
          "type": "string",
          "default": "\"Unselected all items.\""
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this dropdown should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Name for the dropdown in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "`true` if this dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "toggle-label-closed",
          "description": "The `aria-label` attribute for the UI indicating the closed state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "toggle-label-open",
          "description": "The `aria-label` attribute for the UI indicating the open state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "`true` if this dropdown should use the inline UI variant.",
          "type": "DROPDOWN_TYPE",
          "default": "\"\""
        },
        {
          "name": "invalid",
          "description": "`true` to show the UI of the invalid state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "filterable",
          "attribute": "filterable"
        },
        {
          "name": "clearSelectionLabel",
          "attribute": "clear-selection-label",
          "description": "The `aria-label` attribute for the icon to clear selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "unselectedItemAssistiveText",
          "attribute": "unselected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is unselected.",
          "type": "string",
          "default": "\"Unselected an item.\""
        },
        {
          "name": "unselectedAllAssistiveText",
          "attribute": "unselected-all-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that all items are unselected.",
          "type": "string",
          "default": "\"Unselected all items.\""
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this dropdown should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the dropdown in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if this dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectingItemsAssistiveText",
          "attribute": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selectedItemAssistiveText",
          "attribute": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Dropdown size.",
          "type": "DROPDOWN_SIZE",
          "default": "\"\""
        },
        {
          "name": "toggleLabelClosed",
          "attribute": "toggle-label-closed",
          "description": "The `aria-label` attribute for the UI indicating the closed state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "toggleLabelOpen",
          "attribute": "toggle-label-open",
          "description": "The `aria-label` attribute for the UI indicating the open state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "triggerContent",
          "attribute": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "`true` if this dropdown should use the inline UI variant.",
          "type": "DROPDOWN_TYPE",
          "default": "\"\""
        },
        {
          "name": "TRIGGER_KEYS",
          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
          "type": "Set<string>",
          "default": "\"new Set([' ', 'Enter'])\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "`true` to show the UI of the invalid state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "`true` if the value is required.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "events": [
        {
          "name": "bx-multi-select-beingselected",
          "description": "The custom event fired before a multi select item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-multi-select-selected",
          "description": "The custom event fired after a multi select item is selected upon a user gesture."
        },
        {
          "name": "bx-multi-select-beingtoggled",
          "description": "The custom event fired before the open state of this multi select is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
        },
        {
          "name": "bx-multi-select-toggled",
          "description": "The custom event fired after the open state of this multi select is toggled upon a user gesture."
        },
        {
          "name": "bx-dropdown-beingselected",
          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-dropdown-beingtoggled",
          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
        },
        {
          "name": "bx-dropdown-selected",
          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
        },
        {
          "name": "bx-dropdown-toggled",
          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
        },
        {
          "name": "invalid"
        }
      ],
      "cssParts": [
        {
          "name": "label",
          "description": "text The label text."
        },
        {
          "name": "helper",
          "description": "text The helper text."
        },
        {
          "name": "trigger",
          "description": "button The trigger button."
        },
        {
          "name": "menu",
          "description": "body The menu body."
        },
        {
          "name": "validity",
          "description": "message The validity message."
        }
      ]
    },
    {
      "name": "bx-inline-notification",
      "path": "./src/components/notification/inline-notification.ts",
      "description": "Inline notification.",
      "attributes": [
        {
          "name": "close-button-label",
          "description": "The a11y text for the close button.",
          "type": "string"
        },
        {
          "name": "hide-close-button",
          "description": "`true` to hide the close button.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "icon-label",
          "description": "The a11y text for the icon.",
          "type": "string"
        },
        {
          "name": "kind",
          "description": "Notification kind.",
          "type": "NOTIFICATION_KIND",
          "default": "\"success\""
        },
        {
          "name": "low-contrast",
          "description": "Low contrast mode",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "description": "`true` if the notification should be open.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "timeout",
          "description": "Notification time in ms until gets closed.",
          "type": "number | null"
        },
        {
          "name": "subtitle",
          "description": "The subtitle.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "description": "The title.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "closeButtonLabel",
          "attribute": "close-button-label",
          "description": "The a11y text for the close button.",
          "type": "string"
        },
        {
          "name": "hideCloseButton",
          "attribute": "hide-close-button",
          "description": "`true` to hide the close button.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "iconLabel",
          "attribute": "icon-label",
          "description": "The a11y text for the icon.",
          "type": "string"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Notification kind.",
          "type": "NOTIFICATION_KIND",
          "default": "\"success\""
        },
        {
          "name": "lowContrast",
          "attribute": "low-contrast",
          "description": "Low contrast mode",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the notification should be open.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "timeout",
          "attribute": "timeout",
          "description": "Notification time in ms until gets closed.",
          "type": "number | null"
        },
        {
          "name": "subtitle",
          "attribute": "subtitle",
          "description": "The subtitle.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-notification-beingclosed",
          "description": "The custom event fired before this notification is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this notification."
        },
        {
          "name": "bx-notification-closed",
          "description": "The custom event fired after this notification is closed upon a user gesture."
        }
      ],
      "slots": [
        {
          "name": "subtitle",
          "description": "The subtitle."
        },
        {
          "name": "title",
          "description": "The title."
        }
      ]
    },
    {
      "name": "bx-toast-notification",
      "path": "./src/components/notification/toast-notification.ts",
      "description": "Toast notification.",
      "attributes": [
        {
          "name": "caption",
          "description": "The caption.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "close-button-label",
          "description": "The a11y text for the close button.",
          "type": "string"
        },
        {
          "name": "hide-close-button",
          "description": "`true` to hide the close button.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "icon-label",
          "description": "The a11y text for the icon.",
          "type": "string"
        },
        {
          "name": "kind",
          "description": "Notification kind.",
          "type": "NOTIFICATION_KIND",
          "default": "\"success\""
        },
        {
          "name": "low-contrast",
          "description": "Low contrast mode",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "description": "`true` if the notification should be open.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "timeout",
          "description": "Notification time in ms until gets closed.",
          "type": "number | null"
        },
        {
          "name": "subtitle",
          "description": "The subtitle.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "description": "The title.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "caption",
          "attribute": "caption",
          "description": "The caption.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "closeButtonLabel",
          "attribute": "close-button-label",
          "description": "The a11y text for the close button.",
          "type": "string"
        },
        {
          "name": "hideCloseButton",
          "attribute": "hide-close-button",
          "description": "`true` to hide the close button.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "iconLabel",
          "attribute": "icon-label",
          "description": "The a11y text for the icon.",
          "type": "string"
        },
        {
          "name": "kind",
          "attribute": "kind",
          "description": "Notification kind.",
          "type": "NOTIFICATION_KIND",
          "default": "\"success\""
        },
        {
          "name": "lowContrast",
          "attribute": "low-contrast",
          "description": "Low contrast mode",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the notification should be open.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "timeout",
          "attribute": "timeout",
          "description": "Notification time in ms until gets closed.",
          "type": "number | null"
        },
        {
          "name": "subtitle",
          "attribute": "subtitle",
          "description": "The subtitle.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-notification-beingclosed",
          "description": "The custom event fired before this notification is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this notification."
        },
        {
          "name": "bx-notification-closed",
          "description": "The custom event fired after this notification is closed upon a user gesture."
        }
      ],
      "slots": [
        {
          "name": "subtitle",
          "description": "The subtitle."
        },
        {
          "name": "title",
          "description": "The title."
        }
      ]
    },
    {
      "name": "bx-number-input",
      "path": "./src/components/number-input/number-input.ts",
      "description": "Number input.",
      "attributes": [
        {
          "name": "min",
          "description": "The minimum value allowed in the input",
          "type": "string"
        },
        {
          "name": "max",
          "description": "The maximum value allowed in the input",
          "type": "string"
        },
        {
          "name": "step",
          "description": "The amount the value should increase or decrease by",
          "type": "string"
        },
        {
          "name": "mobile",
          "description": "Set to `true` to enable the mobile variant of the number input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "increment-button-assistive-text",
          "description": "Aria text for the button that increments the value",
          "type": "string",
          "default": "\"increase number input\""
        },
        {
          "name": "decrement-button-assistive-text",
          "description": "Aria text for the button that decrements the value",
          "type": "string",
          "default": "\"decrease number input\""
        },
        {
          "name": "validity-message-max",
          "description": "The validity message shown when the value is greater than the maximum\n\nAlso available via the `validity-message-max` slot",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "validity-message-min",
          "description": "The validity message shown when the value is less than the minimum\n\nAlso available via the `validity-message-min` slot",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autocomplete",
          "description": "May be any of the standard HTML autocomplete options",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autofocus",
          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "Controls the disabled state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Name for the input in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "description": "Pattern to validate the input against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "Value to display when the input has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "description": "Controls the readonly state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "The input box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "type",
          "description": "The type of the input. Can be one of the types listed in the INPUT_TYPE enum",
          "type": "INPUT_TYPE",
          "default": "\"text\""
        },
        {
          "name": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the input.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "min",
          "attribute": "min",
          "description": "The minimum value allowed in the input",
          "type": "string"
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "The maximum value allowed in the input",
          "type": "string"
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "The amount the value should increase or decrease by",
          "type": "string"
        },
        {
          "name": "mobile",
          "attribute": "mobile",
          "description": "Set to `true` to enable the mobile variant of the number input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "incrementButtonAssistiveText",
          "attribute": "increment-button-assistive-text",
          "description": "Aria text for the button that increments the value",
          "type": "string",
          "default": "\"increase number input\""
        },
        {
          "name": "decrementButtonAssistiveText",
          "attribute": "decrement-button-assistive-text",
          "description": "Aria text for the button that decrements the value",
          "type": "string",
          "default": "\"decrease number input\""
        },
        {
          "name": "validityMessageMax",
          "attribute": "validity-message-max",
          "description": "The validity message shown when the value is greater than the maximum\n\nAlso available via the `validity-message-max` slot",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "validityMessageMin",
          "attribute": "validity-message-min",
          "description": "The validity message shown when the value is less than the minimum\n\nAlso available via the `validity-message-min` slot",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autocomplete",
          "attribute": "autocomplete",
          "description": "May be any of the standard HTML autocomplete options",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autofocus",
          "attribute": "autofocus",
          "description": "Sets the input to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Controls the disabled state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the input in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Pattern to validate the input against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Value to display when the input has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Controls the readonly state of the input",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The input box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of the input. Can be one of the types listed in the INPUT_TYPE enum",
          "type": "INPUT_TYPE",
          "default": "\"text\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the input.",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "invalid"
        }
      ],
      "slots": [
        {
          "name": "helper-text",
          "description": "The helper text."
        },
        {
          "name": "label-text",
          "description": "The label text."
        },
        {
          "name": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
        }
      ]
    },
    {
      "name": "bx-overflow-menu-body",
      "path": "./src/components/overflow-menu/overflow-menu-body.ts",
      "description": "Overflow menu body.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "alignment",
          "description": "How the menu is aligned to the trigger button.",
          "type": "FLOATING_MENU_ALIGNMENT",
          "default": "\"start\""
        },
        {
          "name": "direction",
          "description": "The menu direction.",
          "type": "FLOATING_MENU_DIRECTION",
          "default": "\"bottom\""
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "alignment",
          "attribute": "alignment",
          "description": "How the menu is aligned to the trigger button.",
          "type": "FLOATING_MENU_ALIGNMENT",
          "default": "\"start\""
        },
        {
          "name": "direction",
          "attribute": "direction",
          "description": "The menu direction.",
          "type": "FLOATING_MENU_DIRECTION",
          "default": "\"bottom\""
        },
        {
          "name": "alignmentDirection",
          "description": "The horizontal/vertical direction with regard to how the menu is aligned to the trigger button.",
          "type": "FLOATING_MENU_DIRECTION_GROUP"
        },
        {
          "name": "container",
          "description": "The DOM element to put this menu into."
        },
        {
          "name": "position",
          "description": "The position of this floating menu.",
          "type": "FloatingMenuPosition"
        },
        {
          "name": "FLOATING_MENU",
          "description": "A constant indicating that this class is a floating menu.",
          "type": "boolean",
          "default": "true"
        }
      ]
    },
    {
      "name": "bx-overflow-menu-item",
      "path": "./src/components/overflow-menu/overflow-menu-item.ts",
      "description": "Overflow menu item.",
      "attributes": [
        {
          "name": "danger",
          "description": "`true` if the action is danger.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if the overflow menu item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "href",
          "description": "The link href of the overflow menu item.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "danger",
          "attribute": "danger",
          "description": "`true` if the action is danger.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the overflow menu item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "The link href of the overflow menu item.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-overflow-menu",
      "path": "./src/components/overflow-menu/overflow-menu.ts",
      "description": "Overflow menu.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this overflow menu should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "Overflow menu size.",
          "type": "OVERFLOW_MENU_SIZE",
          "default": "\"\""
        },
        {
          "name": "open",
          "description": "`true` if the dropdown should be open.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this overflow menu should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Overflow menu size.",
          "type": "OVERFLOW_MENU_SIZE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "triggerPosition",
          "description": "The position of the trigger button.",
          "type": "DOMRect"
        }
      ],
      "slots": [
        {
          "name": "icon",
          "description": "The icon for the trigger button."
        }
      ]
    },
    {
      "name": "bx-page-sizes-select",
      "path": "./src/components/pagination/page-sizes-select.ts",
      "description": "The select box for page sizes.",
      "attributes": [
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"Items per page:\""
        },
        {
          "name": "value",
          "description": "The value, working as the current page size.",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"Items per page:\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value, working as the current page size.",
          "type": "number"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-page-sizes-select-changed",
          "description": "The custom event fired after the page size is changed."
        }
      ],
      "slots": [
        {
          "name": "label-text",
          "description": "The label text."
        }
      ]
    },
    {
      "name": "bx-pages-select",
      "path": "./src/components/pagination/pages-select.ts",
      "description": "The select box for the current page.",
      "attributes": [
        {
          "name": "total",
          "description": "The number of total pages.",
          "type": "number"
        },
        {
          "name": "value",
          "description": "The value, working as the current page, index that starts with zero.",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "formatLabelText",
          "description": "The formatter for the assistive text for screen readers to announce.\nShould be changed upon the locale the UI is rendered with.",
          "type": "({ count }: { count: any; }) => string",
          "default": "\"({ count }) => `Page number, of ${count} page${count <= 1 ? '' : 's'}`\""
        },
        {
          "name": "formatSupplementalText",
          "description": "The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.",
          "type": "({ count }: { count: any; }) => string",
          "default": "\"({ count }) => `of ${count} page${count <= 1 ? '' : 's'}`\""
        },
        {
          "name": "total",
          "attribute": "total",
          "description": "The number of total pages.",
          "type": "number"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value, working as the current page, index that starts with zero.",
          "type": "number"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-pages-select-changed",
          "description": "The custom event fired after the page is changed."
        }
      ]
    },
    {
      "name": "bx-pagination",
      "path": "./src/components/pagination/pagination.ts",
      "description": "Pagination UI.",
      "attributes": [
        {
          "name": "at-last-page",
          "description": "`true` to explicitly state that user is at the last page.",
          "type": "boolean"
        },
        {
          "name": "disabled",
          "description": "`true` if the pagination UI should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "next-button-text",
          "description": "The assistive text for the button to go to next page.",
          "type": "string",
          "default": "\"Next page\""
        },
        {
          "name": "page-size",
          "description": "Number of items per page.",
          "type": "number",
          "default": "10"
        },
        {
          "name": "page-size-label-text",
          "description": "The label text for the UI to select page size.",
          "type": "string"
        },
        {
          "name": "prev-button-text",
          "description": "The assistive text for the button to go to previous page.",
          "type": "string",
          "default": "\"Previous page\""
        },
        {
          "name": "start",
          "description": "The row number where current page start with, index that starts with zero.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "total",
          "description": "The number of total items.",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "formatStatusWithDeterminateTotal",
          "description": "The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.",
          "type": "({ start, end, count }: { start: any; end: any; count: any; }) => string",
          "default": "\"({ start, end, count }) => `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`\""
        },
        {
          "name": "formatStatusWithIndeterminateTotal",
          "description": "The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.",
          "type": "({ start, end }: { start: any; end: any; }) => string",
          "default": "\"({ start, end }) => (end == null ? `Item ${start}–` : `Item ${start}–${end}`)\""
        },
        {
          "name": "atLastPage",
          "attribute": "at-last-page",
          "description": "`true` to explicitly state that user is at the last page.",
          "type": "boolean"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the pagination UI should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "nextButtonText",
          "attribute": "next-button-text",
          "description": "The assistive text for the button to go to next page.",
          "type": "string",
          "default": "\"Next page\""
        },
        {
          "name": "pageSize",
          "attribute": "page-size",
          "description": "Number of items per page.",
          "type": "number",
          "default": "10"
        },
        {
          "name": "pageSizeLabelText",
          "attribute": "page-size-label-text",
          "description": "The label text for the UI to select page size.",
          "type": "string"
        },
        {
          "name": "prevButtonText",
          "attribute": "prev-button-text",
          "description": "The assistive text for the button to go to previous page.",
          "type": "string",
          "default": "\"Previous page\""
        },
        {
          "name": "start",
          "attribute": "start",
          "description": "The row number where current page start with, index that starts with zero.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "total",
          "attribute": "total",
          "description": "The number of total items.",
          "type": "number"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-pages-select-changed",
          "description": "The custom event fired after the current page is changed from `<bx-pages-select>`."
        },
        {
          "name": "bx-page-sizes-select-changed",
          "description": "The custom event fired after the number of rows per page is changed from `<bx-page-sizes-select>`."
        }
      ],
      "slots": [
        {
          "name": "page-sizes-select",
          "description": "Where to put in the `<page-sizes-select>`."
        }
      ]
    },
    {
      "name": "bx-progress-indicator",
      "path": "./src/components/progress-indicator/progress-indicator.ts",
      "description": "Progress indicator.",
      "attributes": [
        {
          "name": "vertical",
          "description": "`true` if the progress indicator should be vertical.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "vertical",
          "attribute": "vertical",
          "description": "`true` if the progress indicator should be vertical.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-progress-step",
      "path": "./src/components/progress-indicator/progress-step.ts",
      "description": "Progress step.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the progress step should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "icon-label",
          "description": "The a11y text for the icon.",
          "type": "string"
        },
        {
          "name": "label-text",
          "description": "The primary progress label.",
          "type": "string"
        },
        {
          "name": "secondary-label-text",
          "description": "The secondary progress label.",
          "type": "string"
        },
        {
          "name": "state",
          "description": "The progress state.",
          "type": "PROGRESS_STEP_STAT",
          "default": "\"queued\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the progress step should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "iconLabel",
          "attribute": "icon-label",
          "description": "The a11y text for the icon.",
          "type": "string"
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The primary progress label.",
          "type": "string"
        },
        {
          "name": "secondaryLabelText",
          "attribute": "secondary-label-text",
          "description": "The secondary progress label.",
          "type": "string"
        },
        {
          "name": "state",
          "attribute": "state",
          "description": "The progress state.",
          "type": "PROGRESS_STEP_STAT",
          "default": "\"queued\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "secondary-label-text",
          "description": "The secondary progress label."
        }
      ]
    },
    {
      "name": "bx-radio-button-group",
      "path": "./src/components/radio-button/radio-button-group.ts",
      "description": "Radio button group.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-position",
          "description": "The label position.",
          "type": "RADIO_BUTTON_LABEL_POSITION",
          "default": "\"right\""
        },
        {
          "name": "name",
          "description": "The `name` attribute for the `<input>` for selection.",
          "type": "string"
        },
        {
          "name": "orientation",
          "description": "The orientation to lay out radio buttons.",
          "type": "RADIO_BUTTON_ORIENTATION",
          "default": "\"horizontal\""
        },
        {
          "name": "value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelPosition",
          "attribute": "label-position",
          "description": "The label position.",
          "type": "RADIO_BUTTON_LABEL_POSITION",
          "default": "\"right\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The `name` attribute for the `<input>` for selection.",
          "type": "string"
        },
        {
          "name": "orientation",
          "attribute": "orientation",
          "description": "The orientation to lay out radio buttons.",
          "type": "RADIO_BUTTON_ORIENTATION",
          "default": "\"horizontal\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-radio-button-group-changed",
          "description": "The custom event fired after this radio button group changes its selected item."
        }
      ]
    },
    {
      "name": "bx-radio-button",
      "path": "./src/components/radio-button/radio-button.ts",
      "description": "Radio button.",
      "attributes": [
        {
          "name": "checked",
          "description": "`true` if this radio button should be checked.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-position",
          "description": "The label position.",
          "type": "RADIO_BUTTON_LABEL_POSITION",
          "default": "\"right\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The `name` attribute for the `<input>` for selection.",
          "type": "string"
        },
        {
          "name": "orientation",
          "description": "The orientation to lay out radio buttons.",
          "type": "RADIO_BUTTON_ORIENTATION",
          "default": "\"horizontal\""
        },
        {
          "name": "value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "checked",
          "attribute": "checked",
          "description": "`true` if this radio button should be checked.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hideLabel",
          "attribute": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelPosition",
          "attribute": "label-position",
          "description": "The label position.",
          "type": "RADIO_BUTTON_LABEL_POSITION",
          "default": "\"right\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The `name` attribute for the `<input>` for selection.",
          "type": "string"
        },
        {
          "name": "orientation",
          "attribute": "orientation",
          "description": "The orientation to lay out radio buttons.",
          "type": "RADIO_BUTTON_ORIENTATION",
          "default": "\"horizontal\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-radio-button-changed",
          "description": "The custom event fired after this radio button changes its checked state."
        }
      ]
    },
    {
      "name": "bx-search",
      "path": "./src/components/search/search.ts",
      "description": "Search box.",
      "attributes": [
        {
          "name": "close-button-assistive-text",
          "description": "The assistive text for the close button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if the search box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "The placeholder text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "description": "The search box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "type",
          "description": "The `<input>` name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "closeButtonAssistiveText",
          "attribute": "close-button-assistive-text",
          "description": "The assistive text for the close button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the search box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "The placeholder text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The search box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The `<input>` name.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-search-input",
          "description": "The custom event fired after the search content is changed upon a user gesture."
        }
      ],
      "cssParts": [
        {
          "name": "search",
          "description": "icon The search icon."
        },
        {
          "name": "label",
          "description": "text The label text."
        },
        {
          "name": "close",
          "description": "button The close button."
        }
      ]
    },
    {
      "name": "bx-select-item-group",
      "path": "./src/components/select/select-item-group.ts",
      "description": "An option group in select box.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` to disable this option.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "description": "The label.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` to disable this option.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "The label.",
          "type": "string",
          "default": "\"\""
        }
      ]
    },
    {
      "name": "bx-select-item",
      "path": "./src/components/select/select-item.ts",
      "description": "An option in select box.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` to disable this option.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "description": "The label. If this is not specified, the child text content is used.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selected",
          "description": "`true` to select this option.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` to disable this option.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "The label. If this is not specified, the child text content is used.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` to select this option.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "string",
          "default": "\"\""
        }
      ]
    },
    {
      "name": "bx-select",
      "path": "./src/components/select/select.ts",
      "description": "Select box.",
      "attributes": [
        {
          "name": "autofocus",
          "description": "Sets the select to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "Controls the disabled state of the select",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "description": "ID to link the `label` and `select`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "multiple",
          "description": "`true` to enable multiple selection.",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "Name for the select in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "description": "Pattern to validate the select against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "Value to display when the select has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "description": "Controls the readonly state of the select",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectedIndex",
          "description": "The selected index.",
          "type": "number"
        },
        {
          "name": "size",
          "description": "The input box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the text area.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "length",
          "description": "The count of child `<option>`s.\nIf the placeholder is in effect, it includes the `<option>` for the placeholder.",
          "type": "number"
        },
        {
          "name": "options",
          "description": "The child `<option>`s.",
          "type": "HTMLOptionsCollection"
        },
        {
          "name": "type",
          "description": "This form control's type.",
          "type": "string"
        },
        {
          "name": "autofocus",
          "attribute": "autofocus",
          "description": "Sets the select to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Controls the disabled state of the select",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "attribute": "id",
          "description": "ID to link the `label` and `select`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "multiple",
          "attribute": "multiple",
          "description": "`true` to enable multiple selection.",
          "type": "boolean"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the select in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Pattern to validate the select against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Value to display when the select has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Controls the readonly state of the select",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectedIndex",
          "attribute": "selectedIndex",
          "description": "The selected index.",
          "type": "number"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The input box size.",
          "type": "INPUT_SIZE",
          "default": "\"lg\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the text area.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "events": [
        {
          "name": "invalid"
        }
      ],
      "slots": [
        {
          "name": "helper-text",
          "description": "The helper text."
        },
        {
          "name": "label-text",
          "description": "The label text."
        },
        {
          "name": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
        }
      ]
    },
    {
      "name": "bx-skeleton-placeholder",
      "path": "./src/components/skeleton-placeholder/skeleton-placeholder.ts",
      "description": "Skeleton placeholder.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-skeleton-text",
      "path": "./src/components/skeleton-text/skeleton-text.ts",
      "description": "Skeleton text.",
      "attributes": [
        {
          "name": "type",
          "description": "The type of skeleton text.",
          "type": "SKELETON_TEXT_TYPE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of skeleton text.",
          "type": "SKELETON_TEXT_TYPE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-skip-to-content",
      "path": "./src/components/skip-to-content/skip-to-content.ts",
      "description": "Skip-to-content link.",
      "attributes": [
        {
          "name": "link-assistive-text",
          "description": "The assistive text for the link,",
          "type": "string",
          "default": "\"Skip to main content\""
        },
        {
          "name": "href",
          "description": "The skip link href.",
          "type": "string | undefined"
        }
      ],
      "properties": [
        {
          "name": "linkAssisstiveText",
          "attribute": "link-assistive-text",
          "description": "The assistive text for the link,",
          "type": "string",
          "default": "\"Skip to main content\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "The skip link href.",
          "type": "string | undefined"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-slider-input",
      "path": "./src/components/slider/slider-input.ts",
      "description": "The `<input>` box for slider.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "max",
          "description": "The maximum value.",
          "type": "string"
        },
        {
          "name": "min",
          "description": "The minimum value.",
          "type": "string"
        },
        {
          "name": "step",
          "description": "The snapping step of the value.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "The type of the `<input>`.",
          "type": "string",
          "default": "\"number\""
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "The maximum value.",
          "type": "string"
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "The minimum value.",
          "type": "string"
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "The snapping step of the value.",
          "type": "string"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of the `<input>`.",
          "type": "string",
          "default": "\"number\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "number"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-slider-input-changed",
          "description": "The custom event fired after the value is changed by user gesture."
        }
      ]
    },
    {
      "name": "bx-slider",
      "path": "./src/components/slider/slider.ts",
      "description": "Slider.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "max",
          "description": "The maximum value.",
          "type": "string"
        },
        {
          "name": "min",
          "description": "The minimum value.",
          "type": "string"
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "step",
          "description": "The snapping step of the value.",
          "type": "string"
        },
        {
          "name": "step-ratio",
          "description": "A value determining how much the value should increase/decrease by Shift+arrow keys,\nwhich will be `(max - min) / stepRatio`.",
          "type": "string"
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "number",
          "default": "50"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "formatMaxText",
          "description": "The formatter for the text for maximum value.\nShould be changed upon the locale the UI is rendered with.",
          "type": "({ max }: { max: string; }) => string",
          "default": "\"({ max }: { max: string }) => max\""
        },
        {
          "name": "formatMinText",
          "description": "The formatter for the text for minimum value.\nShould be changed upon the locale the UI is rendered with.",
          "type": "({ min }: { min: string; }) => string",
          "default": "\"({ min }: { min: string }) => min\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "The maximum value.",
          "type": "string"
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "The minimum value.",
          "type": "string"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "The snapping step of the value.",
          "type": "string"
        },
        {
          "name": "stepRatio",
          "attribute": "step-ratio",
          "description": "A value determining how much the value should increase/decrease by Shift+arrow keys,\nwhich will be `(max - min) / stepRatio`.",
          "type": "string"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "number",
          "default": "50"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-slider-changed",
          "description": "The custom event fired after the value is changed by user gesture."
        }
      ],
      "slots": [
        {
          "name": "label-text",
          "description": "The label text."
        },
        {
          "name": "max-text",
          "description": "The text for maximum value."
        },
        {
          "name": "min-text",
          "description": "The text for minimum value."
        }
      ]
    },
    {
      "name": "bx-structured-list-body",
      "path": "./src/components/structured-list/structured-list-body.ts",
      "description": "Structured list body.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-structured-list-cell",
      "path": "./src/components/structured-list/structured-list-cell.ts",
      "description": "Structured list cell.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-structured-list-head",
      "path": "./src/components/structured-list/structured-list-head.ts",
      "description": "Structured list header.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-structured-list-header-cell",
      "path": "./src/components/structured-list/structured-list-header-cell.ts",
      "description": "Structured list header cell.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-structured-list-header-row",
      "path": "./src/components/structured-list/structured-list-header-row.ts",
      "description": "Structured list header row.",
      "attributes": [
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this structured list header row will show its selectable version of the UI.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this structured list header row will show its selectable version of the UI.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-structured-list-row",
      "path": "./src/components/structured-list/structured-list-row.ts",
      "description": "Structured list row.",
      "attributes": [
        {
          "name": "selected",
          "description": "`true` if this structured list row should be selectable and selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this structured list row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selection-icon-title",
          "description": "The content to put into the `<title>` attribute of the selection icon.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` if this structured list row should be selectable and selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this structured list row will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionValue",
          "attribute": "selection-value",
          "description": "The `value` attribute for the `<input>` for selection.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectionIconTitle",
          "attribute": "selection-icon-title",
          "description": "The content to put into the `<title>` attribute of the selection icon.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-structured-list",
      "path": "./src/components/structured-list/structured-list.ts",
      "description": "Structured list wrapper.",
      "attributes": [
        {
          "name": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this structured list will be a selectable one.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "selectionName",
          "attribute": "selection-name",
          "description": "The `name` attribute for the `<input>` for selection.\nIf present, this structured list will be a selectable one.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "selectorRowsWithHeader",
          "description": "The CSS selector to find the rows, including header rows.",
          "type": "string",
          "default": "\"`${prefix}-structured-list-row,${prefix}-structured-list-header-row`\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-tab",
      "path": "./src/components/tabs/tab.ts",
      "description": "Basic tab.",
      "attributes": [
        {
          "name": "type",
          "description": "Tab type.",
          "type": "TABS_TYPE",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if this content switcher item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "target",
          "description": "The element ID of target panel.",
          "type": "string"
        },
        {
          "name": "value",
          "description": "The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "type",
          "attribute": "type",
          "description": "Tab type.",
          "type": "TABS_TYPE",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if this content switcher item should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The element ID of target panel.",
          "type": "string"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-tabs",
      "path": "./src/components/tabs/tabs.ts",
      "description": "Tabs.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "trigger-content",
          "description": "The content of the trigger button for narrow mode.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "Tabs type.",
          "type": "TABS_TYPE",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "description": "Content switcher size.",
          "type": "CONTENT_SWITCHER_SIZE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "selectingItemsAssistiveText",
          "attribute": "selecting-items-assistive-text",
          "description": "An assistive text for screen reader to announce, telling the open state.",
          "type": "string",
          "default": "\"Selecting items. Use up and down arrow keys to navigate.\""
        },
        {
          "name": "selectedItemAssistiveText",
          "attribute": "selected-item-assistive-text",
          "description": "An assistive text for screen reader to announce, telling that an item is selected.",
          "type": "string",
          "default": "\"Selected an item.\""
        },
        {
          "name": "triggerContent",
          "attribute": "trigger-content",
          "description": "The content of the trigger button for narrow mode.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "Tabs type.",
          "type": "TABS_TYPE",
          "default": "\"\""
        },
        {
          "name": "TRIGGER_KEYS",
          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
          "type": "Set<string>",
          "default": "\"new Set([' ', 'Enter'])\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the selected item.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Content switcher size.",
          "type": "CONTENT_SWITCHER_SIZE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-tabs-beingselected",
          "description": "The custom event fired before a tab is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-tabs-selected",
          "description": "The custom event fired after a a tab is selected upon a user gesture."
        },
        {
          "name": "bx-content-switcher-beingselected",
          "description": "The custom event fired before a content switcher item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
        },
        {
          "name": "bx-content-switcher-selected",
          "description": "The custom event fired after a a content switcher item is selected upon a user gesture."
        }
      ]
    },
    {
      "name": "bx-filter-tag",
      "path": "./src/components/tag/filter-tag.ts",
      "description": "Filter tag.",
      "attributes": [
        {
          "name": "title",
          "description": "Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name",
          "type": "string",
          "default": "\"Clear filter\""
        },
        {
          "name": "disabled",
          "description": "`true` if the tag should be disabled",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "description": "`true` if the tag should be open.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "size",
          "description": "The size of the tag.",
          "type": "TAG_SIZE",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "The type of the tag.",
          "type": "TAG_TYPE",
          "default": "\"red\""
        }
      ],
      "properties": [
        {
          "name": "title",
          "attribute": "title",
          "description": "Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name",
          "type": "string",
          "default": "\"Clear filter\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the tag should be disabled",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the tag should be open.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The size of the tag.",
          "type": "TAG_SIZE",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of the tag.",
          "type": "TAG_TYPE",
          "default": "\"red\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-tag",
      "path": "./src/components/tag/tag.ts",
      "description": "Tag.",
      "attributes": [
        {
          "name": "disabled",
          "description": "`true` if the tag should be disabled",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "description": "The size of the tag.",
          "type": "TAG_SIZE",
          "default": "\"\""
        },
        {
          "name": "type",
          "description": "The type of the tag.",
          "type": "TAG_TYPE",
          "default": "\"gray\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the tag should be disabled",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "The size of the tag.",
          "type": "TAG_SIZE",
          "default": "\"\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of the tag.",
          "type": "TAG_TYPE",
          "default": "\"gray\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-textarea",
      "path": "./src/components/textarea/textarea.ts",
      "description": "Text area.",
      "attributes": [
        {
          "name": "autocomplete",
          "description": "May be any of the standard HTML autocomplete options",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autofocus",
          "description": "Sets the textarea to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "cols",
          "description": "The number of columns for the textarea to show by default",
          "type": "number",
          "default": "50"
        },
        {
          "name": "disabled",
          "description": "Controls the disabled state of the textarea",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "description": "ID to link the `label` and `textarea`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Name for the textarea in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "description": "Pattern to validate the textarea against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "description": "Value to display when the textarea has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "description": "Controls the readonly state of the textarea",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "rows",
          "description": "The number of rows for the textarea to show by default",
          "type": "number",
          "default": "4"
        },
        {
          "name": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "description": "The value of the text area.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "autocomplete",
          "attribute": "autocomplete",
          "description": "May be any of the standard HTML autocomplete options",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "autofocus",
          "attribute": "autofocus",
          "description": "Sets the textarea to be focussed automatically on page load. Defaults to false",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "cols",
          "attribute": "cols",
          "description": "The number of columns for the textarea to show by default",
          "type": "number",
          "default": "50"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Controls the disabled state of the textarea",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "helperText",
          "attribute": "helper-text",
          "description": "The helper text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "id",
          "attribute": "id",
          "description": "ID to link the `label` and `textarea`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Name for the textarea in the `FormData`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Pattern to validate the textarea against for HTML validity checking",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Value to display when the textarea has an empty `value`",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Controls the readonly state of the textarea",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "rows",
          "attribute": "rows",
          "description": "The number of rows for the textarea to show by default",
          "type": "number",
          "default": "4"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "invalid",
          "attribute": "invalid",
          "description": "Controls the invalid state and visibility of the `validityMessage`",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Boolean property to set the required status",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "requiredValidityMessage",
          "attribute": "required-validity-message",
          "description": "The special validity message for `required`.",
          "type": "string",
          "default": "\"Please fill out this field.\""
        },
        {
          "name": "validityMessage",
          "attribute": "validity-message",
          "description": "The validity message.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value of the text area.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "events": [
        {
          "name": "invalid"
        }
      ],
      "slots": [
        {
          "name": "helper-text",
          "description": "The helper text."
        },
        {
          "name": "label-text",
          "description": "The label text."
        },
        {
          "name": "validity-message",
          "description": "The validity message. If present and non-empty, this input shows the UI of its invalid state."
        }
      ]
    },
    {
      "name": "bx-clickable-tile",
      "path": "./src/components/tile/clickable-tile.ts",
      "description": "Clickable tile.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "description": "The default file name.",
          "type": "string"
        },
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "description": "The language of what `href` points to.",
          "type": "string"
        },
        {
          "name": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string",
          "default": "\"button\""
        },
        {
          "name": "ping",
          "description": "URLs to ping.",
          "type": "string"
        },
        {
          "name": "rel",
          "description": "The link type.",
          "type": "string"
        },
        {
          "name": "size",
          "description": "Link size.",
          "type": "LINK_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "description": "The link target.",
          "type": "string"
        },
        {
          "name": "type",
          "description": "MIME type of the `target`.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "download",
          "attribute": "download",
          "description": "The default file name.",
          "type": "string"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "hreflang",
          "attribute": "hreflang",
          "description": "The language of what `href` points to.",
          "type": "string"
        },
        {
          "name": "linkRole",
          "attribute": "link-role",
          "description": "The a11y role for `<a>`.",
          "type": "string",
          "default": "\"button\""
        },
        {
          "name": "ping",
          "attribute": "ping",
          "description": "URLs to ping.",
          "type": "string"
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "The link type.",
          "type": "string"
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Link size.",
          "type": "LINK_SIZE",
          "default": "\"\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "The link target.",
          "type": "string"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "MIME type of the `target`.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-expandable-tile",
      "path": "./src/components/tile/expandable-tile.ts",
      "description": "Expandable tile.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "expanded",
          "description": "`true` to expand this expandable tile.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` to expand this expandable tile.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-expandable-tile-beingtoggled",
          "description": "The custom event fired before the expanded state is changed upon a user gesture.\nCancellation of this event stops changing the user-initiated change in expanded state."
        },
        {
          "name": "bx-expandable-tile-toggled",
          "description": "The custom event fired after a the expanded state is changed upon a user gesture."
        }
      ]
    },
    {
      "name": "bx-radio-tile",
      "path": "./src/components/tile/radio-tile.ts",
      "description": "Single-selectable tile.",
      "attributes": [
        {
          "name": "checkmark-label",
          "description": "The a11y text for the checkmark icon of the selected state.",
          "type": "string"
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "selected",
          "description": "`true` to show the selected state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "description": "The form value.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "checkmarkLabel",
          "attribute": "checkmark-label",
          "description": "The a11y text for the checkmark icon of the selected state.",
          "type": "string"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` to show the selected state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The form value.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-selectable-tile",
      "path": "./src/components/tile/selectable-tile.ts",
      "description": "Multi-selectable tile.",
      "attributes": [
        {
          "name": "checkmark-label",
          "description": "The a11y text for the checkmark icon of the selected state.",
          "type": "string"
        },
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "selected",
          "description": "`true` to show the selected state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "description": "The form value.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "checkmarkLabel",
          "attribute": "checkmark-label",
          "description": "The a11y text for the checkmark icon of the selected state.",
          "type": "string"
        },
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "`true` to show the selected state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The form value.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-tile-group",
      "path": "./src/components/tile/tile-group.ts",
      "description": "Tile group.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-tile",
      "path": "./src/components/tile/tile.ts",
      "description": "Basic tile.",
      "attributes": [
        {
          "name": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "colorScheme",
          "attribute": "color-scheme",
          "description": "The color scheme.",
          "type": "FORM_ELEMENT_COLOR_SCHEME",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-toggle",
      "path": "./src/components/toggle/toggle.ts",
      "description": "Basic toggle.",
      "attributes": [
        {
          "name": "checked-text",
          "description": "The text for the checked state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "description": "Toggle size.",
          "type": "TOGGLE_SIZE",
          "default": "\"\""
        },
        {
          "name": "unchecked-text",
          "description": "The text for the unchecked state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "checked",
          "description": "`true` if the check box should be checked.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "indeterminate",
          "description": "`true` if the check box should show its UI of the indeterminate state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "value",
          "description": "The value.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "checkedText",
          "attribute": "checked-text",
          "description": "The text for the checked state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Toggle size.",
          "type": "TOGGLE_SIZE",
          "default": "\"\""
        },
        {
          "name": "uncheckedText",
          "attribute": "unchecked-text",
          "description": "The text for the unchecked state.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "checked",
          "attribute": "checked",
          "description": "`true` if the check box should be checked.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the check box should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "hideLabel",
          "attribute": "hide-label",
          "description": "`true` if the label should be hidden.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "indeterminate",
          "attribute": "indeterminate",
          "description": "`true` if the check box should show its UI of the indeterminate state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "labelText",
          "attribute": "label-text",
          "description": "The label text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The form name.",
          "type": "string"
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The value.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-toggle-changed",
          "description": "The custom event fired after this changebox changes its checked state."
        },
        {
          "name": "bx-checkbox-changed",
          "description": "The custom event fired after this changebox changes its checked state."
        }
      ],
      "slots": [
        {
          "name": "label-text",
          "description": "The label text."
        },
        {
          "name": "checked-text",
          "description": "The text for the checked state."
        },
        {
          "name": "unchecked-text",
          "description": "The text for the unchecked state."
        }
      ]
    },
    {
      "name": "bx-tooltip-definition",
      "path": "./src/components/tooltip/tooltip-definition.ts",
      "description": "Definition tooltip.",
      "attributes": [
        {
          "name": "alignment",
          "description": "How the tooltip is aligned to the trigger button.",
          "type": "TOOLTIP_ALIGNMENT",
          "default": "\"center\""
        },
        {
          "name": "body-text",
          "description": "The text for the tooltip body.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "direction",
          "description": "The tooltip direction.",
          "type": "TOOLTIP_DIRECTION",
          "default": "\"bottom\""
        }
      ],
      "properties": [
        {
          "name": "alignment",
          "attribute": "alignment",
          "description": "How the tooltip is aligned to the trigger button.",
          "type": "TOOLTIP_ALIGNMENT",
          "default": "\"center\""
        },
        {
          "name": "bodyText",
          "attribute": "body-text",
          "description": "The text for the tooltip body.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "direction",
          "attribute": "direction",
          "description": "The tooltip direction.",
          "type": "TOOLTIP_DIRECTION",
          "default": "\"bottom\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "body",
          "description": "The tooltip body content."
        }
      ]
    },
    {
      "name": "bx-tooltip-icon",
      "path": "./src/components/tooltip/tooltip-icon.ts",
      "description": "Icon tooltip.",
      "attributes": [
        {
          "name": "alignment",
          "description": "How the tooltip is aligned to the trigger button.",
          "type": "TOOLTIP_ALIGNMENT",
          "default": "\"center\""
        },
        {
          "name": "body-text",
          "description": "The text for the tooltip body.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "direction",
          "description": "The tooltip direction.",
          "type": "TOOLTIP_DIRECTION",
          "default": "\"bottom\""
        }
      ],
      "properties": [
        {
          "name": "alignment",
          "attribute": "alignment",
          "description": "How the tooltip is aligned to the trigger button.",
          "type": "TOOLTIP_ALIGNMENT",
          "default": "\"center\""
        },
        {
          "name": "bodyText",
          "attribute": "body-text",
          "description": "The text for the tooltip body.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "direction",
          "attribute": "direction",
          "description": "The tooltip direction.",
          "type": "TOOLTIP_DIRECTION",
          "default": "\"bottom\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "body",
          "description": "The tooltip body content."
        }
      ]
    },
    {
      "name": "bx-tooltip",
      "path": "./src/components/tooltip/tooltip.ts",
      "description": "Trigger button of tooltip.",
      "attributes": [
        {
          "name": "open",
          "description": "`true` if the dropdown should be open.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "`true` if the dropdown should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "triggerPosition",
          "description": "The position of the trigger button.",
          "type": "DOMRect"
        }
      ]
    },
    {
      "name": "bx-header-menu-button",
      "path": "./src/components/ui-shell/header-menu-button.ts",
      "description": "The trigger button for side nav in header nav.",
      "attributes": [
        {
          "name": "active",
          "description": "`true` if the button should represent its active state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "button-label-active",
          "description": "The `aria-label` attribute for the button in its active state.",
          "type": "string",
          "default": "\"Close navigation menu\""
        },
        {
          "name": "button-label-inactive",
          "description": "The `aria-label` attribute for the button in its inactive state.",
          "type": "string",
          "default": "\"Open navigation menu\""
        },
        {
          "name": "collapse-mode",
          "description": "Collapse mode of the side nav.",
          "type": "SIDE_NAV_COLLAPSE_MODE",
          "default": "\"responsive\""
        },
        {
          "name": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "usage-mode",
          "description": "Usage mode of the side nav.",
          "type": "SIDE_NAV_USAGE_MODE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "active",
          "attribute": "active",
          "description": "`true` if the button should represent its active state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "buttonLabelActive",
          "attribute": "button-label-active",
          "description": "The `aria-label` attribute for the button in its active state.",
          "type": "string",
          "default": "\"Close navigation menu\""
        },
        {
          "name": "buttonLabelInactive",
          "attribute": "button-label-inactive",
          "description": "The `aria-label` attribute for the button in its inactive state.",
          "type": "string",
          "default": "\"Open navigation menu\""
        },
        {
          "name": "collapseMode",
          "attribute": "collapse-mode",
          "description": "Collapse mode of the side nav.",
          "type": "SIDE_NAV_COLLAPSE_MODE",
          "default": "\"responsive\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "`true` if the button should be disabled.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "usageMode",
          "attribute": "usage-mode",
          "description": "Usage mode of the side nav.",
          "type": "SIDE_NAV_USAGE_MODE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "events": [
        {
          "name": "bx-header-menu-button-toggled",
          "description": "The custom event fired after this header menu button is toggled upon a user gesture."
        }
      ],
      "cssParts": [
        {
          "name": "toggle",
          "description": "icon The toggle icon."
        }
      ]
    },
    {
      "name": "bx-header-menu-item",
      "path": "./src/components/ui-shell/header-menu-item.ts",
      "description": "Header submenu item.",
      "attributes": [
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "title",
          "description": "The title.",
          "type": "string"
        },
        {
          "name": "role",
          "description": "As child of <ul>, this element must have role of listitem",
          "type": "string",
          "default": "\"listitem\""
        }
      ],
      "properties": [
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title.",
          "type": "string"
        },
        {
          "name": "role",
          "attribute": "role",
          "description": "As child of <ul>, this element must have role of listitem",
          "type": "string",
          "default": "\"listitem\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-header-menu",
      "path": "./src/components/ui-shell/header-menu.ts",
      "description": "Header menu.",
      "attributes": [
        {
          "name": "expanded",
          "description": "`true` if the menu should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "menu-label",
          "description": "The `aria-label` attribute for the menu UI.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` if the menu should be expanded.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "triggerContent",
          "attribute": "trigger-content",
          "description": "The content of the trigger button.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "menuLabel",
          "attribute": "menu-label",
          "description": "The `aria-label` attribute for the menu UI.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "cssParts": [
        {
          "name": "trigger",
          "description": "icon The trigger button icon."
        },
        {
          "name": "menu",
          "description": "body The menu body."
        }
      ]
    },
    {
      "name": "bx-header-name",
      "path": "./src/components/ui-shell/header-name.ts",
      "description": "The product name UI in header nav.",
      "attributes": [
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "prefix",
          "description": "The product name prefix.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "prefix",
          "attribute": "prefix",
          "description": "The product name prefix.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-header-nav-item",
      "path": "./src/components/ui-shell/header-nav-item.ts",
      "description": "Header nav item.",
      "attributes": [
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "title",
          "description": "The title.",
          "type": "string"
        },
        {
          "name": "role",
          "description": "As child of <ul>, this element must have role of listitem",
          "type": "string",
          "default": "\"listitem\""
        }
      ],
      "properties": [
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string"
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title.",
          "type": "string"
        },
        {
          "name": "role",
          "attribute": "role",
          "description": "As child of <ul>, this element must have role of listitem",
          "type": "string",
          "default": "\"listitem\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-header-nav",
      "path": "./src/components/ui-shell/header-nav.ts",
      "description": "Header.",
      "attributes": [
        {
          "name": "menu-bar-label",
          "description": "The `aria-label` attribute for the menu bar UI.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "menuBarLabel",
          "attribute": "menu-bar-label",
          "description": "The `aria-label` attribute for the menu bar UI.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "cssParts": [
        {
          "name": "menu",
          "description": "body The menu body."
        }
      ]
    },
    {
      "name": "bx-header",
      "path": "./src/components/ui-shell/header.ts",
      "description": "Header.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-side-nav-divider",
      "path": "./src/components/ui-shell/side-nav-divider.ts",
      "description": "A divider in side nav.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-side-nav-items",
      "path": "./src/components/ui-shell/side-nav-items.ts",
      "description": "Side nav items.",
      "properties": [
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-side-nav-link",
      "path": "./src/components/ui-shell/side-nav-link.ts",
      "description": "Side nav menu item.",
      "attributes": [
        {
          "name": "active",
          "description": "`true` if the menu item should be active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "description": "The title.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "active",
          "attribute": "active",
          "description": "`true` if the menu item should be active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "link",
          "description": "The link."
        },
        {
          "name": "title",
          "description": "The title."
        },
        {
          "name": "title-icon-container",
          "description": "The title icon container."
        }
      ]
    },
    {
      "name": "bx-side-nav-menu-item",
      "path": "./src/components/ui-shell/side-nav-menu-item.ts",
      "description": "Side nav menu item.",
      "attributes": [
        {
          "name": "active",
          "description": "`true` if the menu item should be active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "href",
          "description": "Link `href`.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "description": "The title.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "active",
          "attribute": "active",
          "description": "`true` if the menu item should be active.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Link `href`.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title.",
          "type": "string"
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    },
    {
      "name": "bx-side-nav-menu",
      "path": "./src/components/ui-shell/side-nav-menu.ts",
      "description": "Side nav menu.",
      "attributes": [
        {
          "name": "active",
          "description": "`true` if the menu has active menu item.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "expanded",
          "description": "`true` if the menu should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "force-collapsed",
          "description": "`true` if the menu should be forced collapsed upon side nav's expanded state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title",
          "description": "The title text.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "active",
          "attribute": "active",
          "description": "`true` if the menu has active menu item.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` if the menu should be open.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "forceCollapsed",
          "attribute": "force-collapsed",
          "description": "`true` if the menu should be forced collapsed upon side nav's expanded state.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "The title text.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "attribItemHasIcon",
          "description": "The attribute name of the menu items, that is set if this menu has an icon.",
          "type": "string",
          "default": "\"parent-has-icon\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ],
      "slots": [
        {
          "name": "title-icon",
          "description": "The icon."
        }
      ],
      "cssParts": [
        {
          "name": "expando-icon",
          "description": "container The expando icon container."
        },
        {
          "name": "expando",
          "description": "icon The expando icon."
        },
        {
          "name": "title-icon",
          "description": "container The title icon container."
        },
        {
          "name": "menu",
          "description": "body The menu body."
        }
      ]
    },
    {
      "name": "bx-side-nav",
      "path": "./src/components/ui-shell/side-nav.ts",
      "description": "Side nav.",
      "attributes": [
        {
          "name": "collapse-mode",
          "description": "Collapse mode of the side nav.",
          "type": "SIDE_NAV_COLLAPSE_MODE",
          "default": "\"responsive\""
        },
        {
          "name": "expanded",
          "description": "`true` to expand the side nav.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "usage-mode",
          "description": "Usage mode of the side nav.",
          "type": "SIDE_NAV_USAGE_MODE",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "collapseMode",
          "attribute": "collapse-mode",
          "description": "Collapse mode of the side nav.",
          "type": "SIDE_NAV_COLLAPSE_MODE",
          "default": "\"responsive\""
        },
        {
          "name": "expanded",
          "attribute": "expanded",
          "description": "`true` to expand the side nav.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "usageMode",
          "attribute": "usage-mode",
          "description": "Usage mode of the side nav.",
          "type": "SIDE_NAV_USAGE_MODE",
          "default": "\"\""
        },
        {
          "name": "styles",
          "default": "\"styles\""
        }
      ]
    }
  ]
}