@tylertech/forge 2.16.2-dev.0 → 2.16.3

package/custom-elements.json

@@ -6683,16 +6683,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "badge/badge-adapter.ts",
+      "path": "backdrop/backdrop-adapter.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "BadgeAdapter",
+          "description": "Provides facilities for interacting with the internal DOM of `BackdropComponent`.",
+          "name": "BackdropAdapter",
           "members": [
             {
               "kind": "field",
-              "name": "_rootElement",
+              "name": "_backdropElement",
               "type": {
                 "text": "HTMLElement"
               },
@@ -6700,7 +6700,7 @@
             },
             {
               "kind": "method",
-              "name": "setRootClass",
+              "name": "setBackdropOpacity",
               "privacy": "public",
               "return": {
                 "type": {
@@ -6709,16 +6709,18 @@
               },
               "parameters": [
                 {
-                  "name": "classes",
+                  "name": "opacity",
                   "type": {
-                    "text": "string | string[]"
-                  }
+                    "text": "number"
+                  },
+                  "description": "The opacity amount."
                 }
-              ]
+              ],
+              "description": "Sets the backdrop element opacity."
             },
             {
               "kind": "method",
-              "name": "removeRootClass",
+              "name": "addBackdropEventListener",
               "privacy": "public",
               "return": {
                 "type": {
@@ -6727,12 +6729,48 @@
               },
               "parameters": [
                 {
-                  "name": "classes",
+                  "name": "type",
                   "type": {
-                    "text": "string | string[]"
-                  }
+                    "text": "string"
+                  },
+                  "description": "The event type."
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(evt: Event) => void"
+                  },
+                  "description": "The event listener."
                 }
-              ]
+              ],
+              "description": "Adds a click event to the backdrop container element."
+            },
+            {
+              "kind": "method",
+              "name": "removeBackdropEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The event type."
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(evt: Event) => void"
+                  },
+                  "description": "The event listener."
+                }
+              ],
+              "description": "Removes a click event from the backdrop container element."
             },
             {
               "kind": "method",
@@ -7168,365 +7206,273 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BadgeAdapter",
+          "name": "BackdropAdapter",
           "declaration": {
-            "name": "BadgeAdapter",
-            "module": "badge/badge-adapter.ts"
+            "name": "BackdropAdapter",
+            "module": "backdrop/backdrop-adapter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "badge/badge-component-delegate.ts",
+      "path": "backdrop/backdrop-constants.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "BACKDROP_CONSTANTS",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  elementName,\n  selectors,\n  numbers,\n  attributes,\n  events\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BACKDROP_CONSTANTS",
+          "declaration": {
+            "name": "BACKDROP_CONSTANTS",
+            "module": "backdrop/backdrop-constants.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "backdrop/backdrop-foundation.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "BadgeComponentDelegate",
+          "name": "BackdropFoundation",
           "members": [
             {
-              "kind": "method",
-              "name": "_build",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "IBadgeComponent"
-                }
+              "kind": "field",
+              "name": "_delay",
+              "type": {
+                "text": "number"
               },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_element",
+              "name": "_maxOpacity",
               "type": {
-                "text": "T"
+                "text": "number"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "element",
+              "name": "_appearance",
               "type": {
-                "text": "T"
+                "text": "BackdropAppearance"
               },
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "destroy",
+              "name": "initialize",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
               }
             },
             {
               "kind": "method",
-              "name": "disconnect",
+              "name": "fadeOut",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
-              }
+              "description": "Starts the fade-out animation to animate the backdrop to 0% opacity."
             },
             {
               "kind": "method",
-              "name": "_initialize",
-              "privacy": "private",
+              "name": "fadeIn",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Promise<void>"
                 }
               },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
-              }
+              "description": "Starts the fade-in animation to animate the backdrop to max opacity."
             },
             {
               "kind": "method",
-              "name": "_applyProps",
+              "name": "_onClick",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
-              }
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_applyStyle",
-              "privacy": "private",
+              "name": "disconnect",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
               }
             },
             {
               "kind": "method",
-              "name": "_applyAttrs",
+              "name": "_applyAppearance",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "_applyChildren",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
+              "kind": "field",
+              "name": "delay",
+              "privacy": "public",
+              "type": {
+                "text": "number"
               }
             },
             {
-              "kind": "method",
-              "name": "_configure",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "BaseComponentDelegate",
-                "module": "core/delegates/base-component-delegate.ts"
+              "kind": "field",
+              "name": "maxOpacity",
+              "privacy": "public",
+              "type": {
+                "text": "number"
               }
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "BackdropAppearance"
+              },
+              "privacy": "public"
             }
-          ],
-          "superclass": {
-            "name": "BaseComponentDelegate",
-            "module": "/core/delegates/base-component-delegate"
-          }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BadgeComponentDelegate",
+          "name": "BackdropFoundation",
           "declaration": {
-            "name": "BadgeComponentDelegate",
-            "module": "badge/badge-component-delegate.ts"
+            "name": "BackdropFoundation",
+            "module": "backdrop/backdrop-foundation.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "badge/badge-constants.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "BADGE_CONSTANTS",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BADGE_CONSTANTS",
-          "declaration": {
-            "name": "BADGE_CONSTANTS",
-            "module": "badge/badge-constants.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "badge/badge-foundation.ts",
+      "path": "backdrop/backdrop.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "BadgeFoundation",
+          "description": "A web component that renders a backdrop covering its parent container with a semi-opaque element.",
+          "name": "BackdropComponent",
           "members": [
             {
               "kind": "field",
-              "name": "_dot",
+              "name": "_foundation",
               "type": {
-                "text": "boolean"
+                "text": "BackdropFoundation"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "protected",
+              "default": "new BackdropFoundation(new BackdropAdapter(this))"
             },
             {
               "kind": "field",
-              "name": "_open",
+              "name": "delay",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "true"
-            },
-            {
-              "kind": "method",
-              "name": "initialize",
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_applyDot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "description": "The time in milliseconds to delay the fade in animation of the opacity.\nNote: The element will start with 0% opacity when the component is rendered."
             },
             {
               "kind": "field",
-              "name": "dot",
+              "name": "appearance",
               "type": {
-                "text": "boolean"
+                "text": "BackdropAppearance"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "description": "Controls whether the theme defaults to light vs dark compatibility."
             },
             {
               "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BadgeFoundation",
-          "declaration": {
-            "name": "BadgeFoundation",
-            "module": "badge/badge-foundation.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "badge/badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The web component class behind the `<forge-badge>` custom element.",
-          "name": "BadgeComponent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_foundation",
+              "name": "maxOpacity",
               "type": {
-                "text": "BadgeFoundation"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "new BadgeFoundation(new BadgeAdapter(this))"
+              "privacy": "public",
+              "description": "The max opacity to fade the element to. This defines how opaque the backdrop is when visible."
             },
             {
-              "kind": "field",
-              "name": "dot",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "fadeOut",
               "privacy": "public",
-              "description": "Controls whether the component renders a simple dot/circle, or allows for content."
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Starts the fade-out animation to animate the backdrop to 0% opacity."
             },
             {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "fadeIn",
               "privacy": "public",
-              "description": "Controls the visibility state."
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Starts the fade-in animation to animate the backdrop to max opacity."
             }
           ],
           "superclass": {
             "name": "BaseComponent",
             "module": "/core/base/base-component"
           },
-          "tagName": "forge-badge",
+          "tagName": "forge-backdrop",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BadgeComponent",
+          "name": "BackdropComponent",
           "declaration": {
-            "name": "BadgeComponent",
-            "module": "badge/badge.ts"
+            "name": "BackdropComponent",
+            "module": "backdrop/backdrop.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "badge/index.ts",
+      "path": "backdrop/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "defineBadgeComponent",
+          "name": "defineBackdropComponent",
           "return": {
             "type": {
               "text": "void"
@@ -7540,15 +7486,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge-adapter"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./badge-constants"
+            "package": "./backdrop-adapter"
           }
         },
         {
@@ -7556,7 +7494,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge-foundation"
+            "package": "./backdrop-constants"
           }
         },
         {
@@ -7564,7 +7502,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge"
+            "package": "./backdrop-foundation"
           }
         },
         {
@@ -7572,31 +7510,31 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./badge-component-delegate"
+            "package": "./backdrop"
           }
         },
         {
           "kind": "js",
-          "name": "defineBadgeComponent",
+          "name": "defineBackdropComponent",
           "declaration": {
-            "name": "defineBadgeComponent",
-            "module": "badge/index.ts"
+            "name": "defineBackdropComponent",
+            "module": "backdrop/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "backdrop/backdrop-adapter.ts",
+      "path": "badge/badge-adapter.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Provides facilities for interacting with the internal DOM of `BackdropComponent`.",
-          "name": "BackdropAdapter",
+          "description": "",
+          "name": "BadgeAdapter",
           "members": [
             {
               "kind": "field",
-              "name": "_backdropElement",
+              "name": "_rootElement",
               "type": {
                 "text": "HTMLElement"
               },
@@ -7604,27 +7542,7 @@
             },
             {
               "kind": "method",
-              "name": "setBackdropOpacity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "opacity",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The opacity amount."
-                }
-              ],
-              "description": "Sets the backdrop element opacity."
-            },
-            {
-              "kind": "method",
-              "name": "addBackdropEventListener",
+              "name": "setRootClass",
               "privacy": "public",
               "return": {
                 "type": {
@@ -7633,25 +7551,16 @@
               },
               "parameters": [
                 {
-                  "name": "type",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The event type."
-                },
-                {
-                  "name": "listener",
+                  "name": "classes",
                   "type": {
-                    "text": "(evt: Event) => void"
-                  },
-                  "description": "The event listener."
+                    "text": "string | string[]"
+                  }
                 }
-              ],
-              "description": "Adds a click event to the backdrop container element."
+              ]
             },
             {
               "kind": "method",
-              "name": "removeBackdropEventListener",
+              "name": "removeRootClass",
               "privacy": "public",
               "return": {
                 "type": {
@@ -7660,21 +7569,12 @@
               },
               "parameters": [
                 {
-                  "name": "type",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The event type."
-                },
-                {
-                  "name": "listener",
+                  "name": "classes",
                   "type": {
-                    "text": "(evt: Event) => void"
-                  },
-                  "description": "The event listener."
+                    "text": "string | string[]"
+                  }
                 }
-              ],
-              "description": "Removes a click event from the backdrop container element."
+              ]
             },
             {
               "kind": "method",
@@ -8102,78 +8002,249 @@
             }
           ],
           "superclass": {
-            "name": "BaseAdapter",
-            "module": "/core/base/base-adapter"
+            "name": "BaseAdapter",
+            "module": "/core/base/base-adapter"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BadgeAdapter",
+          "declaration": {
+            "name": "BadgeAdapter",
+            "module": "badge/badge-adapter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "badge/badge-component-delegate.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BadgeComponentDelegate",
+          "members": [
+            {
+              "kind": "method",
+              "name": "_build",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "IBadgeComponent"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_element",
+              "type": {
+                "text": "T"
+              },
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "element",
+              "type": {
+                "text": "T"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "destroy",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "disconnect",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_initialize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_applyProps",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_applyStyle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_applyAttrs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_applyChildren",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_configure",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseComponentDelegate",
+                "module": "core/delegates/base-component-delegate.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "BaseComponentDelegate",
+            "module": "/core/delegates/base-component-delegate"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BackdropAdapter",
+          "name": "BadgeComponentDelegate",
           "declaration": {
-            "name": "BackdropAdapter",
-            "module": "backdrop/backdrop-adapter.ts"
+            "name": "BadgeComponentDelegate",
+            "module": "badge/badge-component-delegate.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "backdrop/backdrop-constants.ts",
+      "path": "badge/badge-constants.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "BACKDROP_CONSTANTS",
+          "name": "BADGE_CONSTANTS",
           "type": {
             "text": "object"
           },
-          "default": "{\n  elementName,\n  selectors,\n  numbers,\n  attributes,\n  events\n}"
+          "default": "{\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BACKDROP_CONSTANTS",
+          "name": "BADGE_CONSTANTS",
           "declaration": {
-            "name": "BACKDROP_CONSTANTS",
-            "module": "backdrop/backdrop-constants.ts"
+            "name": "BADGE_CONSTANTS",
+            "module": "badge/badge-constants.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "backdrop/backdrop-foundation.ts",
+      "path": "badge/badge-foundation.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "BackdropFoundation",
+          "name": "BadgeFoundation",
           "members": [
             {
               "kind": "field",
-              "name": "_delay",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_maxOpacity",
+              "name": "_dot",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_appearance",
+              "name": "_open",
               "type": {
-                "text": "BackdropAppearance"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "true"
             },
             {
               "kind": "method",
@@ -8187,48 +8258,8 @@
             },
             {
               "kind": "method",
-              "name": "fadeOut",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Starts the fade-out animation to animate the backdrop to 0% opacity."
-            },
-            {
-              "kind": "method",
-              "name": "fadeIn",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Starts the fade-in animation to animate the backdrop to max opacity."
-            },
-            {
-              "kind": "method",
-              "name": "_onClick",
+              "name": "_applyDot",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "disconnect",
-              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -8237,7 +8268,7 @@
             },
             {
               "kind": "method",
-              "name": "_applyAppearance",
+              "name": "_setOpen",
               "privacy": "private",
               "return": {
                 "type": {
@@ -8247,25 +8278,17 @@
             },
             {
               "kind": "field",
-              "name": "delay",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maxOpacity",
-              "privacy": "public",
+              "name": "dot",
               "type": {
-                "text": "number"
-              }
+                "text": "boolean"
+              },
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "open",
               "type": {
-                "text": "BackdropAppearance"
+                "text": "boolean"
               },
               "privacy": "public"
             }
@@ -8275,108 +8298,77 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BackdropFoundation",
+          "name": "BadgeFoundation",
           "declaration": {
-            "name": "BackdropFoundation",
-            "module": "backdrop/backdrop-foundation.ts"
+            "name": "BadgeFoundation",
+            "module": "badge/badge-foundation.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "backdrop/backdrop.ts",
+      "path": "badge/badge.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A web component that renders a backdrop covering its parent container with a semi-opaque element.",
-          "name": "BackdropComponent",
+          "description": "The web component class behind the `<forge-badge>` custom element.",
+          "name": "BadgeComponent",
           "members": [
             {
               "kind": "field",
               "name": "_foundation",
               "type": {
-                "text": "BackdropFoundation"
-              },
-              "privacy": "protected",
-              "default": "new BackdropFoundation(new BackdropAdapter(this))"
-            },
-            {
-              "kind": "field",
-              "name": "delay",
-              "type": {
-                "text": "number"
+                "text": "BadgeFoundation"
               },
-              "privacy": "public",
-              "description": "The time in milliseconds to delay the fade in animation of the opacity.\nNote: The element will start with 0% opacity when the component is rendered."
+              "privacy": "private",
+              "default": "new BadgeFoundation(new BadgeAdapter(this))"
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "dot",
               "type": {
-                "text": "BackdropAppearance"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Controls whether the theme defaults to light vs dark compatibility."
+              "description": "Controls whether the component renders a simple dot/circle, or allows for content."
             },
             {
               "kind": "field",
-              "name": "maxOpacity",
+              "name": "open",
               "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "description": "The max opacity to fade the element to. This defines how opaque the backdrop is when visible."
-            },
-            {
-              "kind": "method",
-              "name": "fadeOut",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
+                "text": "boolean"
               },
-              "description": "Starts the fade-out animation to animate the backdrop to 0% opacity."
-            },
-            {
-              "kind": "method",
-              "name": "fadeIn",
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Starts the fade-in animation to animate the backdrop to max opacity."
+              "description": "Controls the visibility state."
             }
           ],
           "superclass": {
             "name": "BaseComponent",
             "module": "/core/base/base-component"
           },
-          "tagName": "forge-backdrop",
+          "tagName": "forge-badge",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BackdropComponent",
+          "name": "BadgeComponent",
           "declaration": {
-            "name": "BackdropComponent",
-            "module": "backdrop/backdrop.ts"
+            "name": "BadgeComponent",
+            "module": "badge/badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "backdrop/index.ts",
+      "path": "badge/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "defineBackdropComponent",
+          "name": "defineBadgeComponent",
           "return": {
             "type": {
               "text": "void"
@@ -8390,7 +8382,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./backdrop-adapter"
+            "package": "./badge-adapter"
           }
         },
         {
@@ -8398,7 +8390,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./backdrop-constants"
+            "package": "./badge-constants"
           }
         },
         {
@@ -8406,7 +8398,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./backdrop-foundation"
+            "package": "./badge-foundation"
           }
         },
         {
@@ -8414,15 +8406,23 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./backdrop"
+            "package": "./badge"
           }
         },
         {
           "kind": "js",
-          "name": "defineBackdropComponent",
+          "name": "*",
           "declaration": {
-            "name": "defineBackdropComponent",
-            "module": "backdrop/index.ts"
+            "name": "*",
+            "package": "./badge-component-delegate"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defineBadgeComponent",
+          "declaration": {
+            "name": "defineBadgeComponent",
+            "module": "badge/index.ts"
           }
         }
       ]
@@ -12616,29 +12616,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "button-toggle/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./button-toggle"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./button-toggle-group"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "button/button-component-delegate.ts",
@@ -13159,6 +13136,29 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "button-toggle/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./button-toggle"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./button-toggle-group"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "calendar/calendar-adapter.ts",