diff --git a/lib/metadata.json b/lib/metadata.json
index 696628ae..98a67042 100644
--- a/lib/metadata.json
+++ b/lib/metadata.json
@@ -1,24 +1,30 @@
 {
   "src/components/A.react.js": {
     "description": "",
+    "displayName": "A",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -33,176 +39,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "download": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates that the hyperlink is to be used for downloading a resource."
       },
       "href": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of a linked resource."
       },
       "hrefLang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the language of the linked resource."
       },
       "media": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies a hint of the media for which the linked resource was designed."
       },
       "rel": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the relationship of the target object to the link object."
       },
       "shape": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "target": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -211,24 +201,30 @@
   },
   "src/components/Abbr.react.js": {
     "description": "",
+    "displayName": "Abbr",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -243,120 +239,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -365,24 +352,30 @@
   },
   "src/components/Acronym.react.js": {
     "description": "",
+    "displayName": "Acronym",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -397,120 +390,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -519,24 +503,30 @@
   },
   "src/components/Address.react.js": {
     "description": "",
+    "displayName": "Address",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -551,120 +541,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -673,24 +654,30 @@
   },
   "src/components/Area.react.js": {
     "description": "",
+    "displayName": "Area",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -705,192 +692,174 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "alt": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Alternative text in case an image can't be displayed."
       },
       "coords": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A set of values specifying the coordinates of the hot-spot region."
       },
       "download": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates that the hyperlink is to be used for downloading a resource."
       },
       "href": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of a linked resource."
       },
       "hrefLang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the language of the linked resource."
       },
       "media": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies a hint of the media for which the linked resource was designed."
       },
       "rel": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the relationship of the target object to the link object."
       },
       "shape": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "target": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -899,24 +868,30 @@
   },
   "src/components/Article.react.js": {
     "description": "",
+    "displayName": "Article",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -931,120 +906,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -1053,24 +1019,30 @@
   },
   "src/components/Aside.react.js": {
     "description": "",
+    "displayName": "Aside",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -1085,120 +1057,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -1207,24 +1170,30 @@
   },
   "src/components/Audio.react.js": {
     "description": "",
+    "displayName": "Audio",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -1239,176 +1208,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "autoPlay": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The audio or video should play as soon as possible."
       },
       "controls": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the browser should show playback controls to the user."
       },
       "crossOrigin": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "How the element handles cross-origin requests"
       },
       "loop": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the media should start playing from the start when it's finished."
       },
       "muted": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the audio will be initially silenced on page load."
       },
       "preload": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the whole resource, parts of it or nothing should be preloaded."
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -1417,24 +1370,30 @@
   },
   "src/components/B.react.js": {
     "description": "",
+    "displayName": "B",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -1449,120 +1408,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -1571,24 +1521,30 @@
   },
   "src/components/Base.react.js": {
     "description": "",
+    "displayName": "Base",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -1603,136 +1559,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "href": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of a linked resource."
       },
       "target": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -1741,24 +1686,30 @@
   },
   "src/components/Basefont.react.js": {
     "description": "",
+    "displayName": "Basefont",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -1773,120 +1724,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -1895,24 +1837,30 @@
   },
   "src/components/Bdi.react.js": {
     "description": "",
+    "displayName": "Bdi",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -1927,120 +1875,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -2049,24 +1988,30 @@
   },
   "src/components/Bdo.react.js": {
     "description": "",
+    "displayName": "Bdo",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -2081,120 +2026,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -2203,24 +2139,30 @@
   },
   "src/components/Big.react.js": {
     "description": "",
+    "displayName": "Big",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -2235,120 +2177,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -2357,24 +2290,30 @@
   },
   "src/components/Blink.react.js": {
     "description": "",
+    "displayName": "Blink",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -2389,120 +2328,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -2511,24 +2441,30 @@
   },
   "src/components/Blockquote.react.js": {
     "description": "",
+    "displayName": "Blockquote",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -2543,128 +2479,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "cite": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Contains a URI which points to the source of the quote or change."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -2673,24 +2599,30 @@
   },
   "src/components/Br.react.js": {
     "description": "",
+    "displayName": "Br",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -2705,120 +2637,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -2827,24 +2750,30 @@
   },
   "src/components/Button.react.js": {
     "description": "",
+    "displayName": "Button",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -2859,176 +2788,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "autoFocus": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The element should be automatically focused after the page loaded."
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "formAction": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the action of the element, overriding the action defined in the <form>."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "type": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the type of the element."
       },
       "value": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a default value which will be displayed in the element on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3037,24 +2950,30 @@
   },
   "src/components/Canvas.react.js": {
     "description": "",
+    "displayName": "Canvas",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -3069,136 +2988,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "height": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the height of elements listed here. For all other elements, use the CSS height property.        Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead."
       },
       "width": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "For the elements listed here, this establishes the element's width.        Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3207,24 +3115,30 @@
   },
   "src/components/Caption.react.js": {
     "description": "",
+    "displayName": "Caption",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -3239,120 +3153,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3361,24 +3266,30 @@
   },
   "src/components/Center.react.js": {
     "description": "",
+    "displayName": "Center",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -3393,120 +3304,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3515,24 +3417,30 @@
   },
   "src/components/Cite.react.js": {
     "description": "",
+    "displayName": "Cite",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -3547,120 +3455,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3669,24 +3568,30 @@
   },
   "src/components/Code.react.js": {
     "description": "",
+    "displayName": "Code",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -3701,120 +3606,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3823,24 +3719,30 @@
   },
   "src/components/Col.react.js": {
     "description": "",
+    "displayName": "Col",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -3855,128 +3757,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "span": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -3985,24 +3877,30 @@
   },
   "src/components/Colgroup.react.js": {
     "description": "",
+    "displayName": "Colgroup",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4017,128 +3915,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "span": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -4147,24 +4035,30 @@
   },
   "src/components/Command.react.js": {
     "description": "",
+    "displayName": "Command",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4179,160 +4073,146 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "checked": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element should be checked on page load."
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "icon": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies a picture which represents the command."
       },
       "radioGroup": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "type": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the type of the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -4341,24 +4221,30 @@
   },
   "src/components/Content.react.js": {
     "description": "",
+    "displayName": "Content",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4373,120 +4259,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -4495,24 +4372,30 @@
   },
   "src/components/Data.react.js": {
     "description": "",
+    "displayName": "Data",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4527,120 +4410,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -4649,24 +4523,30 @@
   },
   "src/components/Datalist.react.js": {
     "description": "",
+    "displayName": "Datalist",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4681,120 +4561,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -4803,24 +4674,30 @@
   },
   "src/components/Dd.react.js": {
     "description": "",
+    "displayName": "Dd",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4835,120 +4712,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -4957,24 +4825,30 @@
   },
   "src/components/Del.react.js": {
     "description": "",
+    "displayName": "Del",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -4989,136 +4863,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "cite": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Contains a URI which points to the source of the quote or change."
       },
       "dateTime": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the date and time associated with the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -5127,24 +4990,30 @@
   },
   "src/components/Details.react.js": {
     "description": "",
+    "displayName": "Details",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -5159,128 +5028,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "open": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the details will be shown on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -5289,24 +5148,30 @@
   },
   "src/components/Dfn.react.js": {
     "description": "",
+    "displayName": "Dfn",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -5321,120 +5186,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -5443,24 +5299,30 @@
   },
   "src/components/Dialog.react.js": {
     "description": "",
+    "displayName": "Dialog",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -5475,120 +5337,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -5597,24 +5450,30 @@
   },
   "src/components/Div.react.js": {
     "description": "",
+    "displayName": "Div",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -5629,120 +5488,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -5751,24 +5601,30 @@
   },
   "src/components/Dl.react.js": {
     "description": "",
+    "displayName": "Dl",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -5783,120 +5639,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -5905,24 +5752,30 @@
   },
   "src/components/Dt.react.js": {
     "description": "",
+    "displayName": "Dt",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -5937,120 +5790,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -6059,24 +5903,30 @@
   },
   "src/components/Element.react.js": {
     "description": "",
+    "displayName": "Element",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -6091,120 +5941,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -6213,24 +6054,30 @@
   },
   "src/components/Em.react.js": {
     "description": "",
+    "displayName": "Em",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -6245,120 +6092,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -6367,24 +6205,30 @@
   },
   "src/components/Embed.react.js": {
     "description": "",
+    "displayName": "Embed",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -6399,152 +6243,139 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "height": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the height of elements listed here. For all other elements, use the CSS height property.        Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead."
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "type": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the type of the element."
       },
       "width": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "For the elements listed here, this establishes the element's width.        Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -6553,24 +6384,30 @@
   },
   "src/components/Fieldset.react.js": {
     "description": "",
+    "displayName": "Fieldset",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -6585,144 +6422,132 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -6731,24 +6556,30 @@
   },
   "src/components/Figcaption.react.js": {
     "description": "",
+    "displayName": "Figcaption",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -6763,120 +6594,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -6885,24 +6707,30 @@
   },
   "src/components/Figure.react.js": {
     "description": "",
+    "displayName": "Figure",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -6917,120 +6745,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7039,24 +6858,30 @@
   },
   "src/components/Font.react.js": {
     "description": "",
+    "displayName": "Font",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -7071,120 +6896,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7193,24 +7009,30 @@
   },
   "src/components/Footer.react.js": {
     "description": "",
+    "displayName": "Footer",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -7225,120 +7047,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7347,24 +7160,30 @@
   },
   "src/components/Form.react.js": {
     "description": "",
+    "displayName": "Form",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -7379,192 +7198,174 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accept": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "List of types the server accepts, typically a file type."
       },
       "acceptCharset": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "List of supported charsets."
       },
       "action": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URI of a program that processes the information submitted via the form."
       },
       "autoComplete": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether controls in this form can by default have their values automatically completed by the browser."
       },
       "encType": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the content type of the form date when the method is POST."
       },
       "method": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines which HTTP method to use when submitting the form. Can be GET (default) or POST."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "noValidate": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "This attribute indicates that the form shouldn't be validated when submitted."
       },
       "target": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7573,24 +7374,30 @@
   },
   "src/components/Frame.react.js": {
     "description": "",
+    "displayName": "Frame",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -7605,120 +7412,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7727,24 +7525,30 @@
   },
   "src/components/Frameset.react.js": {
     "description": "",
+    "displayName": "Frameset",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -7759,120 +7563,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -7881,24 +7676,30 @@
   },
   "src/components/H1.react.js": {
     "description": "",
+    "displayName": "H1",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -7913,120 +7714,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8035,24 +7827,30 @@
   },
   "src/components/H2.react.js": {
     "description": "",
+    "displayName": "H2",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8067,120 +7865,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8189,24 +7978,30 @@
   },
   "src/components/H3.react.js": {
     "description": "",
+    "displayName": "H3",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8221,120 +8016,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8343,24 +8129,30 @@
   },
   "src/components/H4.react.js": {
     "description": "",
+    "displayName": "H4",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8375,120 +8167,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8497,24 +8280,30 @@
   },
   "src/components/H5.react.js": {
     "description": "",
+    "displayName": "H5",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8529,120 +8318,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8651,24 +8431,30 @@
   },
   "src/components/H6.react.js": {
     "description": "",
+    "displayName": "H6",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8683,120 +8469,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8805,24 +8582,30 @@
   },
   "src/components/Header.react.js": {
     "description": "",
+    "displayName": "Header",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8837,120 +8620,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -8959,24 +8733,30 @@
   },
   "src/components/Hgroup.react.js": {
     "description": "",
+    "displayName": "Hgroup",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -8991,120 +8771,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -9113,24 +8884,30 @@
   },
   "src/components/Hr.react.js": {
     "description": "",
+    "displayName": "Hr",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -9145,120 +8922,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -9267,24 +9035,30 @@
   },
   "src/components/I.react.js": {
     "description": "",
+    "displayName": "I",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -9299,120 +9073,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -9421,24 +9186,30 @@
   },
   "src/components/Iframe.react.js": {
     "description": "",
+    "displayName": "Iframe",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -9453,176 +9224,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "height": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the height of elements listed here. For all other elements, use the CSS height property.        Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "sandbox": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "seamless": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "srcDoc": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "width": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "For the elements listed here, this establishes the element's width.        Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -9631,24 +9386,30 @@
   },
   "src/components/Img.react.js": {
     "description": "",
+    "displayName": "Img",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -9663,184 +9424,167 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "alt": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Alternative text in case an image can't be displayed."
       },
       "crossOrigin": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "How the element handles cross-origin requests"
       },
       "height": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the height of elements listed here. For all other elements, use the CSS height property.        Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead."
       },
       "sizes": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "srcSet": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "useMap": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "width": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "For the elements listed here, this establishes the element's width.        Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -9849,24 +9593,30 @@
   },
   "src/components/Ins.react.js": {
     "description": "",
+    "displayName": "Ins",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -9881,136 +9631,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "cite": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Contains a URI which points to the source of the quote or change."
       },
       "dateTime": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the date and time associated with the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -10019,24 +9758,30 @@
   },
   "src/components/Isindex.react.js": {
     "description": "",
+    "displayName": "Isindex",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -10051,120 +9796,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -10173,24 +9909,30 @@
   },
   "src/components/Kbd.react.js": {
     "description": "",
+    "displayName": "Kbd",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -10205,120 +9947,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -10327,24 +10060,30 @@
   },
   "src/components/Keygen.react.js": {
     "description": "",
+    "displayName": "Keygen",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -10359,168 +10098,153 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "autoFocus": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The element should be automatically focused after the page loaded."
       },
       "challenge": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A challenge string that is submitted along with the public key."
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "keyType": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the type of key generated."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -10529,24 +10253,30 @@
   },
   "src/components/Label.react.js": {
     "description": "",
+    "displayName": "Label",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -10561,136 +10291,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "htmlFor": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Describes elements which belongs to this one."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -10699,24 +10418,30 @@
   },
   "src/components/Legend.react.js": {
     "description": "",
+    "displayName": "Legend",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -10731,120 +10456,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -10853,24 +10569,30 @@
   },
   "src/components/Li.react.js": {
     "description": "",
+    "displayName": "Li",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -10885,128 +10607,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "value": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a default value which will be displayed in the element on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -11015,24 +10727,30 @@
   },
   "src/components/Link.react.js": {
     "description": "",
+    "displayName": "Link",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -11047,176 +10765,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "crossOrigin": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "How the element handles cross-origin requests"
       },
       "href": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of a linked resource."
       },
       "hrefLang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the language of the linked resource."
       },
       "integrity": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Security Feature that allows browsers to verify what they fetch.     MDN Link"
       },
       "media": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies a hint of the media for which the linked resource was designed."
       },
       "rel": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the relationship of the target object to the link object."
       },
       "sizes": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -11225,24 +10927,30 @@
   },
   "src/components/Listing.react.js": {
     "description": "",
+    "displayName": "Listing",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -11257,120 +10965,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -11379,24 +11078,30 @@
   },
   "src/components/Main.react.js": {
     "description": "",
+    "displayName": "Main",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -11411,120 +11116,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -11533,24 +11229,30 @@
   },
   "src/components/MapEl.react.js": {
     "description": "",
+    "displayName": "MapEl",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -11565,128 +11267,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -11695,24 +11387,30 @@
   },
   "src/components/Mark.react.js": {
     "description": "",
+    "displayName": "Mark",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -11727,120 +11425,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -11849,24 +11538,30 @@
   },
   "src/components/Marquee.react.js": {
     "description": "",
+    "displayName": "Marquee",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -11881,128 +11576,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "loop": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the media should start playing from the start when it's finished."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -12011,24 +11696,30 @@
   },
   "src/components/Meta.react.js": {
     "description": "",
+    "displayName": "Meta",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -12043,152 +11734,139 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "charSet": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Declares the character encoding of the page or script."
       },
       "content": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A value associated with http-equiv or name depending on the context."
       },
       "httpEquiv": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -12197,24 +11875,30 @@
   },
   "src/components/Meter.react.js": {
     "description": "",
+    "displayName": "Meter",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -12229,176 +11913,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "high": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the lower bound of the upper range."
       },
       "low": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the upper bound of the lower range."
       },
       "max": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the maximum value allowed."
       },
       "min": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the minimum value allowed."
       },
       "optimum": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the optimal numeric value."
       },
       "value": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a default value which will be displayed in the element on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -12407,24 +12075,30 @@
   },
   "src/components/Multicol.react.js": {
     "description": "",
+    "displayName": "Multicol",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -12439,120 +12113,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -12561,24 +12226,30 @@
   },
   "src/components/Nav.react.js": {
     "description": "",
+    "displayName": "Nav",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -12593,120 +12264,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -12715,24 +12377,30 @@
   },
   "src/components/Nextid.react.js": {
     "description": "",
+    "displayName": "Nextid",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -12747,120 +12415,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -12869,24 +12528,30 @@
   },
   "src/components/Nobr.react.js": {
     "description": "",
+    "displayName": "Nobr",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -12901,120 +12566,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -13023,24 +12679,30 @@
   },
   "src/components/Noscript.react.js": {
     "description": "",
+    "displayName": "Noscript",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -13055,120 +12717,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -13177,24 +12830,30 @@
   },
   "src/components/ObjectEl.react.js": {
     "description": "",
+    "displayName": "ObjectEl",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -13209,168 +12868,153 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "height": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the height of elements listed here. For all other elements, use the CSS height property.        Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "type": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the type of the element."
       },
       "useMap": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "width": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "For the elements listed here, this establishes the element's width.        Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -13379,24 +13023,30 @@
   },
   "src/components/Ol.react.js": {
     "description": "",
+    "displayName": "Ol",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -13411,136 +13061,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "reversed": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the list should be displayed in a descending order instead of a ascending."
       },
       "start": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the first number if other than 1."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -13549,24 +13188,30 @@
   },
   "src/components/Optgroup.react.js": {
     "description": "",
+    "displayName": "Optgroup",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -13581,128 +13226,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -13711,24 +13346,30 @@
   },
   "src/components/Option.react.js": {
     "description": "",
+    "displayName": "Option",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -13743,144 +13384,132 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "selected": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a value which will be selected on page load."
       },
       "value": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a default value which will be displayed in the element on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -13889,23 +13518,29 @@
   },
   "src/components/Output.react.js": {
     "description": "",
+    "displayName": "Output",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
+        },
+        "required": false,
+        "description": "The children of this component"
+      },
+      "data-*": {
+        "type": {
+          "name": "string"
         },
         "required": false,
-        "description": "The children of this component"
+        "description": "A wild-card data-* attribute"
       },
       "n_clicks": {
         "type": {
@@ -13921,144 +13556,132 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "htmlFor": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Describes elements which belongs to this one."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -14067,24 +13690,30 @@
   },
   "src/components/P.react.js": {
     "description": "",
+    "displayName": "P",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -14099,120 +13728,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -14221,24 +13841,30 @@
   },
   "src/components/Param.react.js": {
     "description": "",
+    "displayName": "Param",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -14253,136 +13879,125 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "value": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a default value which will be displayed in the element on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -14391,24 +14006,30 @@
   },
   "src/components/Picture.react.js": {
     "description": "",
+    "displayName": "Picture",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -14423,120 +14044,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -14545,24 +14157,30 @@
   },
   "src/components/Plaintext.react.js": {
     "description": "",
+    "displayName": "Plaintext",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -14577,120 +14195,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -14699,24 +14308,30 @@
   },
   "src/components/Pre.react.js": {
     "description": "",
+    "displayName": "Pre",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -14731,120 +14346,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -14853,24 +14459,30 @@
   },
   "src/components/Progress.react.js": {
     "description": "",
+    "displayName": "Progress",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -14885,144 +14497,132 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "max": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the maximum value allowed."
       },
       "value": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a default value which will be displayed in the element on page load."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15031,24 +14631,30 @@
   },
   "src/components/Q.react.js": {
     "description": "",
+    "displayName": "Q",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15063,128 +14669,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "cite": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Contains a URI which points to the source of the quote or change."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15193,24 +14789,30 @@
   },
   "src/components/Rp.react.js": {
     "description": "",
+    "displayName": "Rp",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15225,120 +14827,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15347,24 +14940,30 @@
   },
   "src/components/Rt.react.js": {
     "description": "",
+    "displayName": "Rt",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15379,120 +14978,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15501,24 +15091,30 @@
   },
   "src/components/Rtc.react.js": {
     "description": "",
+    "displayName": "Rtc",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15533,120 +15129,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15655,24 +15242,30 @@
   },
   "src/components/Ruby.react.js": {
     "description": "",
+    "displayName": "Ruby",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15687,120 +15280,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15809,24 +15393,30 @@
   },
   "src/components/S.react.js": {
     "description": "",
+    "displayName": "S",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15841,120 +15431,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -15963,24 +15544,30 @@
   },
   "src/components/Samp.react.js": {
     "description": "",
+    "displayName": "Samp",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -15995,120 +15582,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -16117,24 +15695,30 @@
   },
   "src/components/Script.react.js": {
     "description": "",
+    "displayName": "Script",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -16149,176 +15733,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "async": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates that the script should be executed asynchronously."
       },
       "charSet": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Declares the character encoding of the page or script."
       },
       "crossOrigin": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "How the element handles cross-origin requests"
       },
       "defer": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates that the script should be executed after the page has been parsed."
       },
       "integrity": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Security Feature that allows browsers to verify what they fetch.     MDN Link"
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "type": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the type of the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -16327,24 +15895,30 @@
   },
   "src/components/Section.react.js": {
     "description": "",
+    "displayName": "Section",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -16359,120 +15933,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -16481,24 +16046,30 @@
   },
   "src/components/Select.react.js": {
     "description": "",
+    "displayName": "Select",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -16513,176 +16084,160 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "autoFocus": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The element should be automatically focused after the page loaded."
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "multiple": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether multiple values can be entered in an input of the type email or file."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "required": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether this element is required to fill out or not."
       },
       "size": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the width of the element (in pixels). If the element's type attribute is text or password then it's the number of characters."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -16691,24 +16246,30 @@
   },
   "src/components/Shadow.react.js": {
     "description": "",
+    "displayName": "Shadow",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -16723,120 +16284,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -16845,24 +16397,30 @@
   },
   "src/components/Slot.react.js": {
     "description": "",
+    "displayName": "Slot",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -16877,120 +16435,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -16999,24 +16548,30 @@
   },
   "src/components/Small.react.js": {
     "description": "",
+    "displayName": "Small",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17031,120 +16586,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -17153,24 +16699,30 @@
   },
   "src/components/Source.react.js": {
     "description": "",
+    "displayName": "Source",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17185,152 +16737,139 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "media": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies a hint of the media for which the linked resource was designed."
       },
       "sizes": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "type": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the type of the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -17339,24 +16878,30 @@
   },
   "src/components/Spacer.react.js": {
     "description": "",
+    "displayName": "Spacer",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17371,120 +16916,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -17493,24 +17029,30 @@
   },
   "src/components/Span.react.js": {
     "description": "",
+    "displayName": "Span",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17525,120 +17067,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -17647,24 +17180,30 @@
   },
   "src/components/Strike.react.js": {
     "description": "",
+    "displayName": "Strike",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17679,120 +17218,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -17801,24 +17331,30 @@
   },
   "src/components/Strong.react.js": {
     "description": "",
+    "displayName": "Strong",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17833,120 +17369,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -17955,24 +17482,30 @@
   },
   "src/components/Sub.react.js": {
     "description": "",
+    "displayName": "Sub",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -17987,120 +17520,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -18109,24 +17633,30 @@
   },
   "src/components/Summary.react.js": {
     "description": "",
+    "displayName": "Summary",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -18141,120 +17671,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -18263,24 +17784,30 @@
   },
   "src/components/Sup.react.js": {
     "description": "",
+    "displayName": "Sup",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -18295,120 +17822,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -18417,24 +17935,30 @@
   },
   "src/components/Table.react.js": {
     "description": "",
+    "displayName": "Table",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -18449,128 +17973,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "summary": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -18579,24 +18093,30 @@
   },
   "src/components/Tbody.react.js": {
     "description": "",
+    "displayName": "Tbody",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -18611,120 +18131,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -18733,24 +18244,30 @@
   },
   "src/components/Td.react.js": {
     "description": "",
+    "displayName": "Td",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -18765,144 +18282,132 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "colSpan": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The colspan attribute defines the number of columns a cell should span."
       },
       "headers": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "IDs of the <th> elements which applies to this element."
       },
       "rowSpan": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the number of rows a table cell should span over."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -18911,24 +18416,30 @@
   },
   "src/components/Template.react.js": {
     "description": "",
+    "displayName": "Template",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -18943,120 +18454,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -19065,24 +18567,30 @@
   },
   "src/components/Textarea.react.js": {
     "description": "",
+    "displayName": "Textarea",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -19097,216 +18605,195 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "autoFocus": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The element should be automatically focused after the page loaded."
       },
       "cols": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the number of columns in a textarea."
       },
       "disabled": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the user can interact with the element."
       },
       "form": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the form that is the owner of the element."
       },
       "maxLength": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the maximum number of characters allowed in the element."
       },
       "minLength": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the minimum number of characters allowed in the element."
       },
       "name": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Name of the element. For example used by the server to identify the fields in form submits."
       },
       "placeholder": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Provides a hint to the user of what can be entered in the field."
       },
       "readOnly": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element can be edited."
       },
       "required": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether this element is required to fill out or not."
       },
       "rows": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the number of rows in a text area."
       },
       "wrap": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the text should be wrapped."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -19315,24 +18802,30 @@
   },
   "src/components/Tfoot.react.js": {
     "description": "",
+    "displayName": "Tfoot",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -19347,120 +18840,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -19469,24 +18953,30 @@
   },
   "src/components/Th.react.js": {
     "description": "",
+    "displayName": "Th",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -19501,152 +18991,139 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "colSpan": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The colspan attribute defines the number of columns a cell should span."
       },
       "headers": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "IDs of the <th> elements which applies to this element."
       },
       "rowSpan": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the number of rows a table cell should span over."
       },
       "scope": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -19655,24 +19132,30 @@
   },
   "src/components/Thead.react.js": {
     "description": "",
+    "displayName": "Thead",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -19687,120 +19170,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -19809,24 +19283,30 @@
   },
   "src/components/Time.react.js": {
     "description": "",
+    "displayName": "Time",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -19841,128 +19321,118 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "dateTime": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates the date and time associated with the element."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -19971,24 +19441,30 @@
   },
   "src/components/Title.react.js": {
     "description": "",
+    "displayName": "Title",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20003,120 +19479,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -20125,24 +19592,30 @@
   },
   "src/components/Tr.react.js": {
     "description": "",
+    "displayName": "Tr",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20157,120 +19630,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -20279,24 +19743,30 @@
   },
   "src/components/Track.react.js": {
     "description": "",
+    "displayName": "Track",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20311,160 +19781,146 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "default": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates that the track should be enabled unless the user's preferences indicate something different."
       },
       "kind": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the kind of text track."
       },
       "label": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies a user-readable title of the text track."
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "srcLang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": ""
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -20473,24 +19929,30 @@
   },
   "src/components/U.react.js": {
     "description": "",
+    "displayName": "U",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20505,120 +19967,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -20627,24 +20080,30 @@
   },
   "src/components/Ul.react.js": {
     "description": "",
+    "displayName": "Ul",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20659,120 +20118,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -20781,24 +20231,30 @@
   },
   "src/components/Var.react.js": {
     "description": "",
+    "displayName": "Var",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20813,120 +20269,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -20935,24 +20382,30 @@
   },
   "src/components/Video.react.js": {
     "description": "",
+    "displayName": "Video",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -20967,200 +20420,181 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "autoPlay": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The audio or video should play as soon as possible."
       },
       "controls": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the browser should show playback controls to the user."
       },
       "crossOrigin": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "How the element handles cross-origin requests"
       },
       "height": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Specifies the height of elements listed here. For all other elements, use the CSS height property.        Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead."
       },
       "loop": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the media should start playing from the start when it's finished."
       },
       "muted": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the audio will be initially silenced on page load."
       },
       "poster": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A URL indicating a poster frame to show until the user plays or seeks."
       },
       "preload": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the whole resource, parts of it or nothing should be preloaded."
       },
       "src": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The URL of the embeddable content."
       },
       "width": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "For the elements listed here, this establishes the element's width.        Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead."
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -21169,24 +20603,30 @@
   },
   "src/components/Wbr.react.js": {
     "description": "",
+    "displayName": "Wbr",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -21201,120 +20641,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
@@ -21323,24 +20754,30 @@
   },
   "src/components/Xmp.react.js": {
     "description": "",
+    "displayName": "Xmp",
     "methods": [],
     "props": {
       "id": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "The ID of this component, used to identify dash components\nin callbacks. The ID needs to be unique across all of the\ncomponents in an app."
       },
       "children": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.node"
+          "name": "node"
         },
         "required": false,
         "description": "The children of this component"
       },
+      "data-*": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "A wild-card data-* attribute"
+      },
       "n_clicks": {
         "type": {
           "name": "custom",
@@ -21355,120 +20792,111 @@
       },
       "key": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
       },
       "accessKey": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines a keyboard shortcut to activate or add focus to the element."
       },
       "className": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Often used with CSS to style elements with common properties."
       },
       "contentEditable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether the element's content is editable."
       },
       "contextMenu": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the ID of a <menu> element which will serve as the element's context menu."
       },
       "dir": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
       },
       "draggable": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines whether the element can be dragged."
       },
       "hidden": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
       },
       "lang": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Defines the language used in the element."
       },
       "spellCheck": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Indicates whether spell checking is allowed for the element."
       },
       "style": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.object"
+          "name": "object"
         },
         "required": false,
         "description": "Defines CSS styles which will override styles previously set."
       },
       "tabIndex": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Overrides the browser's default tab order and follows the one specified instead."
       },
       "title": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.string"
+          "name": "string"
         },
         "required": false,
         "description": "Text to be displayed in a tooltip when hovering over the element."
       },
       "fireEvent": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.func"
+          "name": "func"
         },
         "required": false,
         "description": "A callback for firing events to dash."
       },
       "dashEvents": {
         "type": {
-          "name": "custom",
-          "raw": "PropTypes.oneOf(['click'])"
+          "name": "enum",
+          "value": [
+            {
+              "value": "'click'",
+              "computed": false
+            }
+          ]
         },
         "required": false,
         "description": ""
diff --git a/scripts/data/elements.txt b/scripts/data/elements.txt
index 7bd82b6b..dece21fe 100644
--- a/scripts/data/elements.txt
+++ b/scripts/data/elements.txt
@@ -67,6 +67,7 @@ map
 track
 video
 embed
+iframe
 object
 param
 picture
diff --git a/scripts/generate-components.js b/scripts/generate-components.js
index 691e41d6..238925ed 100644
--- a/scripts/generate-components.js
+++ b/scripts/generate-components.js
@@ -53,6 +53,11 @@ function generatePropTypes(element, attributes) {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/A.react.js b/src/components/A.react.js
index d6d200c7..07797e8b 100644
--- a/src/components/A.react.js
+++ b/src/components/A.react.js
@@ -41,6 +41,11 @@ A.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Abbr.react.js b/src/components/Abbr.react.js
index a019dab0..23c984fe 100644
--- a/src/components/Abbr.react.js
+++ b/src/components/Abbr.react.js
@@ -41,6 +41,11 @@ Abbr.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Acronym.react.js b/src/components/Acronym.react.js
index c4dfad36..43923c72 100644
--- a/src/components/Acronym.react.js
+++ b/src/components/Acronym.react.js
@@ -41,6 +41,11 @@ Acronym.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Address.react.js b/src/components/Address.react.js
index 4edc0f0d..37f440cf 100644
--- a/src/components/Address.react.js
+++ b/src/components/Address.react.js
@@ -41,6 +41,11 @@ Address.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Area.react.js b/src/components/Area.react.js
index feb1c310..fb10622b 100644
--- a/src/components/Area.react.js
+++ b/src/components/Area.react.js
@@ -41,6 +41,11 @@ Area.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Article.react.js b/src/components/Article.react.js
index 07e64482..26832e41 100644
--- a/src/components/Article.react.js
+++ b/src/components/Article.react.js
@@ -41,6 +41,11 @@ Article.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Aside.react.js b/src/components/Aside.react.js
index 2fb10cf9..d3549e25 100644
--- a/src/components/Aside.react.js
+++ b/src/components/Aside.react.js
@@ -41,6 +41,11 @@ Aside.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Audio.react.js b/src/components/Audio.react.js
index e137dbb8..24b3bcaf 100644
--- a/src/components/Audio.react.js
+++ b/src/components/Audio.react.js
@@ -41,6 +41,11 @@ Audio.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/B.react.js b/src/components/B.react.js
index c0f137e2..d11c2472 100644
--- a/src/components/B.react.js
+++ b/src/components/B.react.js
@@ -41,6 +41,11 @@ B.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Base.react.js b/src/components/Base.react.js
index 0b7dcfdd..12a8c3d9 100644
--- a/src/components/Base.react.js
+++ b/src/components/Base.react.js
@@ -41,6 +41,11 @@ Base.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Basefont.react.js b/src/components/Basefont.react.js
index f8bc58ed..20877e96 100644
--- a/src/components/Basefont.react.js
+++ b/src/components/Basefont.react.js
@@ -41,6 +41,11 @@ Basefont.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Bdi.react.js b/src/components/Bdi.react.js
index 9e0b13df..9430db22 100644
--- a/src/components/Bdi.react.js
+++ b/src/components/Bdi.react.js
@@ -41,6 +41,11 @@ Bdi.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Bdo.react.js b/src/components/Bdo.react.js
index dd91d624..85ea894d 100644
--- a/src/components/Bdo.react.js
+++ b/src/components/Bdo.react.js
@@ -41,6 +41,11 @@ Bdo.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Big.react.js b/src/components/Big.react.js
index a0023881..a7027b6e 100644
--- a/src/components/Big.react.js
+++ b/src/components/Big.react.js
@@ -41,6 +41,11 @@ Big.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Blink.react.js b/src/components/Blink.react.js
index 2d78ab2b..5588d172 100644
--- a/src/components/Blink.react.js
+++ b/src/components/Blink.react.js
@@ -41,6 +41,11 @@ Blink.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Blockquote.react.js b/src/components/Blockquote.react.js
index c7789442..9dda6e42 100644
--- a/src/components/Blockquote.react.js
+++ b/src/components/Blockquote.react.js
@@ -41,6 +41,11 @@ Blockquote.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Br.react.js b/src/components/Br.react.js
index 96cc9bc5..adfa4f05 100644
--- a/src/components/Br.react.js
+++ b/src/components/Br.react.js
@@ -41,6 +41,11 @@ Br.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Button.react.js b/src/components/Button.react.js
index 0b25c6d4..8ed5065b 100644
--- a/src/components/Button.react.js
+++ b/src/components/Button.react.js
@@ -41,6 +41,11 @@ Button.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Canvas.react.js b/src/components/Canvas.react.js
index e51e50b5..00d2ad61 100644
--- a/src/components/Canvas.react.js
+++ b/src/components/Canvas.react.js
@@ -41,6 +41,11 @@ Canvas.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Caption.react.js b/src/components/Caption.react.js
index 9ce2fc71..707da723 100644
--- a/src/components/Caption.react.js
+++ b/src/components/Caption.react.js
@@ -41,6 +41,11 @@ Caption.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Center.react.js b/src/components/Center.react.js
index 2e2f6e31..e24e76be 100644
--- a/src/components/Center.react.js
+++ b/src/components/Center.react.js
@@ -41,6 +41,11 @@ Center.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Cite.react.js b/src/components/Cite.react.js
index 9ffc3090..c33f09a5 100644
--- a/src/components/Cite.react.js
+++ b/src/components/Cite.react.js
@@ -41,6 +41,11 @@ Cite.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Code.react.js b/src/components/Code.react.js
index 824f0641..5fd3a345 100644
--- a/src/components/Code.react.js
+++ b/src/components/Code.react.js
@@ -41,6 +41,11 @@ Code.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Col.react.js b/src/components/Col.react.js
index bff4a286..0e1fe2b2 100644
--- a/src/components/Col.react.js
+++ b/src/components/Col.react.js
@@ -41,6 +41,11 @@ Col.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Colgroup.react.js b/src/components/Colgroup.react.js
index fda32379..38185643 100644
--- a/src/components/Colgroup.react.js
+++ b/src/components/Colgroup.react.js
@@ -41,6 +41,11 @@ Colgroup.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Command.react.js b/src/components/Command.react.js
index 1a3878db..efaa3d04 100644
--- a/src/components/Command.react.js
+++ b/src/components/Command.react.js
@@ -41,6 +41,11 @@ Command.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Content.react.js b/src/components/Content.react.js
index 4bf5d180..c757c71f 100644
--- a/src/components/Content.react.js
+++ b/src/components/Content.react.js
@@ -41,6 +41,11 @@ Content.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Data.react.js b/src/components/Data.react.js
index cbc0e945..4bfa70ae 100644
--- a/src/components/Data.react.js
+++ b/src/components/Data.react.js
@@ -41,6 +41,11 @@ Data.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Datalist.react.js b/src/components/Datalist.react.js
index 9aa4936c..659ebc02 100644
--- a/src/components/Datalist.react.js
+++ b/src/components/Datalist.react.js
@@ -41,6 +41,11 @@ Datalist.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Dd.react.js b/src/components/Dd.react.js
index dd8f7c9e..21151f19 100644
--- a/src/components/Dd.react.js
+++ b/src/components/Dd.react.js
@@ -41,6 +41,11 @@ Dd.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Del.react.js b/src/components/Del.react.js
index 211755ae..316f918c 100644
--- a/src/components/Del.react.js
+++ b/src/components/Del.react.js
@@ -41,6 +41,11 @@ Del.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Details.react.js b/src/components/Details.react.js
index f4ec7be5..567f241c 100644
--- a/src/components/Details.react.js
+++ b/src/components/Details.react.js
@@ -41,6 +41,11 @@ Details.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Dfn.react.js b/src/components/Dfn.react.js
index 33441f83..4aff62a5 100644
--- a/src/components/Dfn.react.js
+++ b/src/components/Dfn.react.js
@@ -41,6 +41,11 @@ Dfn.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Dialog.react.js b/src/components/Dialog.react.js
index f51d9be9..c8990402 100644
--- a/src/components/Dialog.react.js
+++ b/src/components/Dialog.react.js
@@ -41,6 +41,11 @@ Dialog.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Div.react.js b/src/components/Div.react.js
index 4d39955b..a1b831bb 100644
--- a/src/components/Div.react.js
+++ b/src/components/Div.react.js
@@ -41,6 +41,11 @@ Div.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Dl.react.js b/src/components/Dl.react.js
index dd2c51c3..5019653c 100644
--- a/src/components/Dl.react.js
+++ b/src/components/Dl.react.js
@@ -41,6 +41,11 @@ Dl.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Dt.react.js b/src/components/Dt.react.js
index 39188a3e..a3bdd24f 100644
--- a/src/components/Dt.react.js
+++ b/src/components/Dt.react.js
@@ -41,6 +41,11 @@ Dt.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Element.react.js b/src/components/Element.react.js
index ee0e9441..61d6ffc2 100644
--- a/src/components/Element.react.js
+++ b/src/components/Element.react.js
@@ -41,6 +41,11 @@ Element.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Em.react.js b/src/components/Em.react.js
index b14b8d94..85f58521 100644
--- a/src/components/Em.react.js
+++ b/src/components/Em.react.js
@@ -41,6 +41,11 @@ Em.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Embed.react.js b/src/components/Embed.react.js
index c86b1ea4..e6d1834f 100644
--- a/src/components/Embed.react.js
+++ b/src/components/Embed.react.js
@@ -41,6 +41,11 @@ Embed.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Fieldset.react.js b/src/components/Fieldset.react.js
index 9eea3eeb..1d5b2304 100644
--- a/src/components/Fieldset.react.js
+++ b/src/components/Fieldset.react.js
@@ -41,6 +41,11 @@ Fieldset.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Figcaption.react.js b/src/components/Figcaption.react.js
index 2e1b81b6..a2b3eb8f 100644
--- a/src/components/Figcaption.react.js
+++ b/src/components/Figcaption.react.js
@@ -41,6 +41,11 @@ Figcaption.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Figure.react.js b/src/components/Figure.react.js
index 9ebf483c..ca459f57 100644
--- a/src/components/Figure.react.js
+++ b/src/components/Figure.react.js
@@ -41,6 +41,11 @@ Figure.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Font.react.js b/src/components/Font.react.js
index cc3b32b4..76438932 100644
--- a/src/components/Font.react.js
+++ b/src/components/Font.react.js
@@ -41,6 +41,11 @@ Font.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Footer.react.js b/src/components/Footer.react.js
index ac0506bc..c99bddab 100644
--- a/src/components/Footer.react.js
+++ b/src/components/Footer.react.js
@@ -41,6 +41,11 @@ Footer.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Form.react.js b/src/components/Form.react.js
index 7a9b4524..835ceac1 100644
--- a/src/components/Form.react.js
+++ b/src/components/Form.react.js
@@ -41,6 +41,11 @@ Form.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Frame.react.js b/src/components/Frame.react.js
index 2cacbef3..443c250c 100644
--- a/src/components/Frame.react.js
+++ b/src/components/Frame.react.js
@@ -41,6 +41,11 @@ Frame.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Frameset.react.js b/src/components/Frameset.react.js
index 179c820e..baa9aac2 100644
--- a/src/components/Frameset.react.js
+++ b/src/components/Frameset.react.js
@@ -41,6 +41,11 @@ Frameset.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/H1.react.js b/src/components/H1.react.js
index 232393d7..2f71525f 100644
--- a/src/components/H1.react.js
+++ b/src/components/H1.react.js
@@ -41,6 +41,11 @@ H1.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/H2.react.js b/src/components/H2.react.js
index 8fd54967..e32be52a 100644
--- a/src/components/H2.react.js
+++ b/src/components/H2.react.js
@@ -41,6 +41,11 @@ H2.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/H3.react.js b/src/components/H3.react.js
index c7577d51..d61084af 100644
--- a/src/components/H3.react.js
+++ b/src/components/H3.react.js
@@ -41,6 +41,11 @@ H3.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/H4.react.js b/src/components/H4.react.js
index 2df4c1ff..a37c4ed1 100644
--- a/src/components/H4.react.js
+++ b/src/components/H4.react.js
@@ -41,6 +41,11 @@ H4.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/H5.react.js b/src/components/H5.react.js
index 899b84b5..4b022b31 100644
--- a/src/components/H5.react.js
+++ b/src/components/H5.react.js
@@ -41,6 +41,11 @@ H5.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/H6.react.js b/src/components/H6.react.js
index d37e9eff..f21a029b 100644
--- a/src/components/H6.react.js
+++ b/src/components/H6.react.js
@@ -41,6 +41,11 @@ H6.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Header.react.js b/src/components/Header.react.js
index dd7e3976..736d1b99 100644
--- a/src/components/Header.react.js
+++ b/src/components/Header.react.js
@@ -41,6 +41,11 @@ Header.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Hgroup.react.js b/src/components/Hgroup.react.js
index cd6b7fe7..9575cd75 100644
--- a/src/components/Hgroup.react.js
+++ b/src/components/Hgroup.react.js
@@ -41,6 +41,11 @@ Hgroup.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Hr.react.js b/src/components/Hr.react.js
index 9127b406..e27ebbe5 100644
--- a/src/components/Hr.react.js
+++ b/src/components/Hr.react.js
@@ -41,6 +41,11 @@ Hr.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/I.react.js b/src/components/I.react.js
index e312b502..27c3acc5 100644
--- a/src/components/I.react.js
+++ b/src/components/I.react.js
@@ -41,6 +41,11 @@ I.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Iframe.react.js b/src/components/Iframe.react.js
index 2e5a441a..bd7bb31a 100644
--- a/src/components/Iframe.react.js
+++ b/src/components/Iframe.react.js
@@ -41,6 +41,11 @@ Iframe.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Img.react.js b/src/components/Img.react.js
index 51f0f435..25d509c3 100644
--- a/src/components/Img.react.js
+++ b/src/components/Img.react.js
@@ -41,6 +41,11 @@ Img.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Ins.react.js b/src/components/Ins.react.js
index e8859ba2..d5fcf714 100644
--- a/src/components/Ins.react.js
+++ b/src/components/Ins.react.js
@@ -41,6 +41,11 @@ Ins.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Isindex.react.js b/src/components/Isindex.react.js
index 3fe03f5c..b54e577b 100644
--- a/src/components/Isindex.react.js
+++ b/src/components/Isindex.react.js
@@ -41,6 +41,11 @@ Isindex.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Kbd.react.js b/src/components/Kbd.react.js
index 1f9126d8..0130a8a9 100644
--- a/src/components/Kbd.react.js
+++ b/src/components/Kbd.react.js
@@ -41,6 +41,11 @@ Kbd.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Keygen.react.js b/src/components/Keygen.react.js
index 052be85d..fd9982c4 100644
--- a/src/components/Keygen.react.js
+++ b/src/components/Keygen.react.js
@@ -41,6 +41,11 @@ Keygen.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Label.react.js b/src/components/Label.react.js
index 225295c6..7519617b 100644
--- a/src/components/Label.react.js
+++ b/src/components/Label.react.js
@@ -41,6 +41,11 @@ Label.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Legend.react.js b/src/components/Legend.react.js
index 53f00fc7..ec15cbff 100644
--- a/src/components/Legend.react.js
+++ b/src/components/Legend.react.js
@@ -41,6 +41,11 @@ Legend.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Li.react.js b/src/components/Li.react.js
index 075f6bca..419395dd 100644
--- a/src/components/Li.react.js
+++ b/src/components/Li.react.js
@@ -41,6 +41,11 @@ Li.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Link.react.js b/src/components/Link.react.js
index c71892a9..2c8c8e6f 100644
--- a/src/components/Link.react.js
+++ b/src/components/Link.react.js
@@ -41,6 +41,11 @@ Link.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Listing.react.js b/src/components/Listing.react.js
index 3bfd9e39..65ca713b 100644
--- a/src/components/Listing.react.js
+++ b/src/components/Listing.react.js
@@ -41,6 +41,11 @@ Listing.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Main.react.js b/src/components/Main.react.js
index a3f2299c..f09d1468 100644
--- a/src/components/Main.react.js
+++ b/src/components/Main.react.js
@@ -41,6 +41,11 @@ Main.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/MapEl.react.js b/src/components/MapEl.react.js
index 47952017..52256293 100644
--- a/src/components/MapEl.react.js
+++ b/src/components/MapEl.react.js
@@ -41,6 +41,11 @@ MapEl.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Mark.react.js b/src/components/Mark.react.js
index 9894834e..9ef392ef 100644
--- a/src/components/Mark.react.js
+++ b/src/components/Mark.react.js
@@ -41,6 +41,11 @@ Mark.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Marquee.react.js b/src/components/Marquee.react.js
index fa772771..ffdbb169 100644
--- a/src/components/Marquee.react.js
+++ b/src/components/Marquee.react.js
@@ -41,6 +41,11 @@ Marquee.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Meta.react.js b/src/components/Meta.react.js
index d6390fa0..33263882 100644
--- a/src/components/Meta.react.js
+++ b/src/components/Meta.react.js
@@ -41,6 +41,11 @@ Meta.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Meter.react.js b/src/components/Meter.react.js
index bdb3c2c9..cac84bd7 100644
--- a/src/components/Meter.react.js
+++ b/src/components/Meter.react.js
@@ -41,6 +41,11 @@ Meter.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Multicol.react.js b/src/components/Multicol.react.js
index c2bf9e6f..377cc05c 100644
--- a/src/components/Multicol.react.js
+++ b/src/components/Multicol.react.js
@@ -41,6 +41,11 @@ Multicol.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Nav.react.js b/src/components/Nav.react.js
index 433032fc..8f221b03 100644
--- a/src/components/Nav.react.js
+++ b/src/components/Nav.react.js
@@ -41,6 +41,11 @@ Nav.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Nextid.react.js b/src/components/Nextid.react.js
index 9c1b6511..a3b39fd6 100644
--- a/src/components/Nextid.react.js
+++ b/src/components/Nextid.react.js
@@ -41,6 +41,11 @@ Nextid.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Nobr.react.js b/src/components/Nobr.react.js
index 83028a3a..6e3c4df0 100644
--- a/src/components/Nobr.react.js
+++ b/src/components/Nobr.react.js
@@ -41,6 +41,11 @@ Nobr.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Noscript.react.js b/src/components/Noscript.react.js
index 782f2a7f..3ab75250 100644
--- a/src/components/Noscript.react.js
+++ b/src/components/Noscript.react.js
@@ -41,6 +41,11 @@ Noscript.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/ObjectEl.react.js b/src/components/ObjectEl.react.js
index c295c9db..9cb40884 100644
--- a/src/components/ObjectEl.react.js
+++ b/src/components/ObjectEl.react.js
@@ -41,6 +41,11 @@ ObjectEl.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Ol.react.js b/src/components/Ol.react.js
index caf4d8f0..5dec1d86 100644
--- a/src/components/Ol.react.js
+++ b/src/components/Ol.react.js
@@ -41,6 +41,11 @@ Ol.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Optgroup.react.js b/src/components/Optgroup.react.js
index a05c6a76..e9492f44 100644
--- a/src/components/Optgroup.react.js
+++ b/src/components/Optgroup.react.js
@@ -41,6 +41,11 @@ Optgroup.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Option.react.js b/src/components/Option.react.js
index b222e3f1..b0430d1c 100644
--- a/src/components/Option.react.js
+++ b/src/components/Option.react.js
@@ -41,6 +41,11 @@ Option.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Output.react.js b/src/components/Output.react.js
index a9059283..67db5465 100644
--- a/src/components/Output.react.js
+++ b/src/components/Output.react.js
@@ -41,6 +41,11 @@ Output.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/P.react.js b/src/components/P.react.js
index 3624c282..b436f9e8 100644
--- a/src/components/P.react.js
+++ b/src/components/P.react.js
@@ -41,6 +41,11 @@ P.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Param.react.js b/src/components/Param.react.js
index bf5ef64c..2be0b295 100644
--- a/src/components/Param.react.js
+++ b/src/components/Param.react.js
@@ -41,6 +41,11 @@ Param.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Picture.react.js b/src/components/Picture.react.js
index 9eb924cd..cd4de82d 100644
--- a/src/components/Picture.react.js
+++ b/src/components/Picture.react.js
@@ -41,6 +41,11 @@ Picture.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Plaintext.react.js b/src/components/Plaintext.react.js
index 72fd815f..555d9976 100644
--- a/src/components/Plaintext.react.js
+++ b/src/components/Plaintext.react.js
@@ -41,6 +41,11 @@ Plaintext.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Pre.react.js b/src/components/Pre.react.js
index d5b07af3..3d6293f8 100644
--- a/src/components/Pre.react.js
+++ b/src/components/Pre.react.js
@@ -41,6 +41,11 @@ Pre.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Progress.react.js b/src/components/Progress.react.js
index d398f361..177241b8 100644
--- a/src/components/Progress.react.js
+++ b/src/components/Progress.react.js
@@ -41,6 +41,11 @@ Progress.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Q.react.js b/src/components/Q.react.js
index 309afbee..61244163 100644
--- a/src/components/Q.react.js
+++ b/src/components/Q.react.js
@@ -41,6 +41,11 @@ Q.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Rp.react.js b/src/components/Rp.react.js
index 8b06f25d..07e60f78 100644
--- a/src/components/Rp.react.js
+++ b/src/components/Rp.react.js
@@ -41,6 +41,11 @@ Rp.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Rt.react.js b/src/components/Rt.react.js
index d1c9a189..9872adbc 100644
--- a/src/components/Rt.react.js
+++ b/src/components/Rt.react.js
@@ -41,6 +41,11 @@ Rt.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Rtc.react.js b/src/components/Rtc.react.js
index 6f530ade..c2d610d6 100644
--- a/src/components/Rtc.react.js
+++ b/src/components/Rtc.react.js
@@ -41,6 +41,11 @@ Rtc.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Ruby.react.js b/src/components/Ruby.react.js
index 45617297..d8e6ea83 100644
--- a/src/components/Ruby.react.js
+++ b/src/components/Ruby.react.js
@@ -41,6 +41,11 @@ Ruby.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/S.react.js b/src/components/S.react.js
index 7544e791..6d1a13e3 100644
--- a/src/components/S.react.js
+++ b/src/components/S.react.js
@@ -41,6 +41,11 @@ S.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Samp.react.js b/src/components/Samp.react.js
index 9dc12529..95d1ec81 100644
--- a/src/components/Samp.react.js
+++ b/src/components/Samp.react.js
@@ -41,6 +41,11 @@ Samp.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Script.react.js b/src/components/Script.react.js
index 20cd428e..11c81cb2 100644
--- a/src/components/Script.react.js
+++ b/src/components/Script.react.js
@@ -41,6 +41,11 @@ Script.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Section.react.js b/src/components/Section.react.js
index fa41a909..c60d9044 100644
--- a/src/components/Section.react.js
+++ b/src/components/Section.react.js
@@ -41,6 +41,11 @@ Section.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Select.react.js b/src/components/Select.react.js
index 5d1932a6..19127374 100644
--- a/src/components/Select.react.js
+++ b/src/components/Select.react.js
@@ -41,6 +41,11 @@ Select.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Shadow.react.js b/src/components/Shadow.react.js
index 0abc1861..d934b8cb 100644
--- a/src/components/Shadow.react.js
+++ b/src/components/Shadow.react.js
@@ -41,6 +41,11 @@ Shadow.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Slot.react.js b/src/components/Slot.react.js
index 3a03cf1f..036facaa 100644
--- a/src/components/Slot.react.js
+++ b/src/components/Slot.react.js
@@ -41,6 +41,11 @@ Slot.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Small.react.js b/src/components/Small.react.js
index 81e0df1e..676002f3 100644
--- a/src/components/Small.react.js
+++ b/src/components/Small.react.js
@@ -41,6 +41,11 @@ Small.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Source.react.js b/src/components/Source.react.js
index 0cd46e25..2cf1def1 100644
--- a/src/components/Source.react.js
+++ b/src/components/Source.react.js
@@ -41,6 +41,11 @@ Source.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Spacer.react.js b/src/components/Spacer.react.js
index 9c065f7b..d47845e0 100644
--- a/src/components/Spacer.react.js
+++ b/src/components/Spacer.react.js
@@ -41,6 +41,11 @@ Spacer.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Span.react.js b/src/components/Span.react.js
index c22f57cb..f3ee4bc7 100644
--- a/src/components/Span.react.js
+++ b/src/components/Span.react.js
@@ -41,6 +41,11 @@ Span.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Strike.react.js b/src/components/Strike.react.js
index 4cc5df49..e26fdecb 100644
--- a/src/components/Strike.react.js
+++ b/src/components/Strike.react.js
@@ -41,6 +41,11 @@ Strike.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Strong.react.js b/src/components/Strong.react.js
index 16940a32..a30c3ec2 100644
--- a/src/components/Strong.react.js
+++ b/src/components/Strong.react.js
@@ -41,6 +41,11 @@ Strong.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Sub.react.js b/src/components/Sub.react.js
index a581b2e0..7e345607 100644
--- a/src/components/Sub.react.js
+++ b/src/components/Sub.react.js
@@ -41,6 +41,11 @@ Sub.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Summary.react.js b/src/components/Summary.react.js
index e691af43..08785948 100644
--- a/src/components/Summary.react.js
+++ b/src/components/Summary.react.js
@@ -41,6 +41,11 @@ Summary.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Sup.react.js b/src/components/Sup.react.js
index 69e08b0f..43fbbfcd 100644
--- a/src/components/Sup.react.js
+++ b/src/components/Sup.react.js
@@ -41,6 +41,11 @@ Sup.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Table.react.js b/src/components/Table.react.js
index a2ca2a58..29cb55a1 100644
--- a/src/components/Table.react.js
+++ b/src/components/Table.react.js
@@ -41,6 +41,11 @@ Table.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Tbody.react.js b/src/components/Tbody.react.js
index 643bceae..6b8f0878 100644
--- a/src/components/Tbody.react.js
+++ b/src/components/Tbody.react.js
@@ -41,6 +41,11 @@ Tbody.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Td.react.js b/src/components/Td.react.js
index af44cf62..a30759eb 100644
--- a/src/components/Td.react.js
+++ b/src/components/Td.react.js
@@ -41,6 +41,11 @@ Td.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Template.react.js b/src/components/Template.react.js
index 65d6b899..1d81c61c 100644
--- a/src/components/Template.react.js
+++ b/src/components/Template.react.js
@@ -41,6 +41,11 @@ Template.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Textarea.react.js b/src/components/Textarea.react.js
index 400ba8b9..00ec7137 100644
--- a/src/components/Textarea.react.js
+++ b/src/components/Textarea.react.js
@@ -41,6 +41,11 @@ Textarea.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Tfoot.react.js b/src/components/Tfoot.react.js
index a7ed52c3..8fd044bb 100644
--- a/src/components/Tfoot.react.js
+++ b/src/components/Tfoot.react.js
@@ -41,6 +41,11 @@ Tfoot.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Th.react.js b/src/components/Th.react.js
index becaa1ff..801de0ec 100644
--- a/src/components/Th.react.js
+++ b/src/components/Th.react.js
@@ -41,6 +41,11 @@ Th.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Thead.react.js b/src/components/Thead.react.js
index 72939dac..342aad57 100644
--- a/src/components/Thead.react.js
+++ b/src/components/Thead.react.js
@@ -41,6 +41,11 @@ Thead.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Time.react.js b/src/components/Time.react.js
index aa81f3a3..cf09c851 100644
--- a/src/components/Time.react.js
+++ b/src/components/Time.react.js
@@ -41,6 +41,11 @@ Time.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Title.react.js b/src/components/Title.react.js
index 674c5cd4..ad1d4985 100644
--- a/src/components/Title.react.js
+++ b/src/components/Title.react.js
@@ -41,6 +41,11 @@ Title.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Tr.react.js b/src/components/Tr.react.js
index 8c26fa5d..0767fab3 100644
--- a/src/components/Tr.react.js
+++ b/src/components/Tr.react.js
@@ -41,6 +41,11 @@ Tr.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Track.react.js b/src/components/Track.react.js
index 4f3b1aed..39ee6cd0 100644
--- a/src/components/Track.react.js
+++ b/src/components/Track.react.js
@@ -41,6 +41,11 @@ Track.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/U.react.js b/src/components/U.react.js
index f88ae235..09d0e490 100644
--- a/src/components/U.react.js
+++ b/src/components/U.react.js
@@ -41,6 +41,11 @@ U.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Ul.react.js b/src/components/Ul.react.js
index c13a0d22..c69a2533 100644
--- a/src/components/Ul.react.js
+++ b/src/components/Ul.react.js
@@ -41,6 +41,11 @@ Ul.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Var.react.js b/src/components/Var.react.js
index 5a7d2d04..723e24a9 100644
--- a/src/components/Var.react.js
+++ b/src/components/Var.react.js
@@ -41,6 +41,11 @@ Var.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Video.react.js b/src/components/Video.react.js
index 3d32a277..d02ce6f8 100644
--- a/src/components/Video.react.js
+++ b/src/components/Video.react.js
@@ -41,6 +41,11 @@ Video.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Wbr.react.js b/src/components/Wbr.react.js
index 8fd5c395..b7ccbc7f 100644
--- a/src/components/Wbr.react.js
+++ b/src/components/Wbr.react.js
@@ -41,6 +41,11 @@ Wbr.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.
diff --git a/src/components/Xmp.react.js b/src/components/Xmp.react.js
index 16939831..b7941fca 100644
--- a/src/components/Xmp.react.js
+++ b/src/components/Xmp.react.js
@@ -41,6 +41,11 @@ Xmp.propTypes = {
      */
     'children': PropTypes.node,
 
+    /**
+     * A wild-card data-* attribute
+     */
+    'data-*': PropTypes.string,
+
     /**
      * An integer that represents the number of times
      * that this element has been clicked on.