@vonage/vivid 3.43.0 → 3.45.0

package/custom-elements.json

@@ -555,6 +555,15 @@
               "description": "alert connotation",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "AlertStrategy | undefined"
+              },
+              "description": "alert state",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -589,107 +598,680 @@
               ]
             },
             {
-              "kind": "field",
-              "name": "conditionedIcon",
-              "readonly": true
+              "kind": "field",
+              "name": "conditionedIcon",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#setupTimeout"
+            },
+            {
+              "kind": "field",
+              "name": "#closeOnEscape",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onTransitionEnd",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the alert is opened",
+              "name": "open"
+            },
+            {
+              "description": "Fired when the alert is closed",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dismiss-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "dismissButtonAriaLabel"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the alert is removable\naccepts boolean",
+              "fieldName": "removable"
+            },
+            {
+              "type": {
+                "text": "AlertPlacement | undefined"
+              },
+              "default": "'bottom'",
+              "description": "the placement of the alert",
+              "fieldName": "placement"
+            },
+            {
+              "name": "headline",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "the text of the alert heading\naccepts string",
+              "fieldName": "headline"
+            },
+            {
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "the main text of the alert\naccepts string",
+              "fieldName": "text"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "alert header icon",
+              "fieldName": "icon"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "the timeout ms to show the alert\naccepts number",
+              "fieldName": "timeoutms"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "AlertConnotation | undefined"
+              },
+              "description": "alert connotation",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "strategy",
+              "type": {
+                "text": "AlertStrategy | undefined"
+              },
+              "description": "alert state",
+              "fieldName": "strategy"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "indicates whether the alert is open",
+              "fieldName": "open"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Alert",
+          "declaration": {
+            "name": "Alert",
+            "module": "libs/components/src/lib/alert/alert.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/alert/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerAlert",
+          "description": "Registers the alert elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AlertConnotation",
+          "declaration": {
+            "name": "AlertConnotation",
+            "module": "./alert"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerAlert",
+          "declaration": {
+            "name": "registerAlert",
+            "module": "libs/components/src/lib/alert/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/alert/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/appearance-ui/appearance-ui.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for appearance-ui",
+          "name": "AppearanceUi",
+          "cssProperties": [
+            {
+              "name": "--vvd-appearanceUI-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-dim",
+              "default": "var(--vvd-color-cta-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-pale",
+              "default": "var(--vvd-color-cta-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-light",
+              "default": "var(--vvd-color-cta-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-backdrop",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-intermediate",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-faint",
+              "default": "var(--vvd-color-success-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-soft",
+              "default": "var(--vvd-color-success-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-dim",
+              "default": "var(--vvd-color-success-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-pale",
+              "default": "var(--vvd-color-success-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-light",
+              "default": "var(--vvd-color-success-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-primary",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-firm",
+              "default": "var(--vvd-color-success-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-contrast",
+              "default": "var(--vvd-color-success-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-backdrop",
+              "default": "var(--vvd-color-success-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-intermediate",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-faint",
+              "default": "var(--vvd-color-alert-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-soft",
+              "default": "var(--vvd-color-alert-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-dim",
+              "default": "var(--vvd-color-alert-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-pale",
+              "default": "var(--vvd-color-alert-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-light",
+              "default": "var(--vvd-color-alert-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-contrast",
+              "default": "var(--vvd-color-alert-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-backdrop",
+              "default": "var(--vvd-color-alert-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-intermediate",
+              "default": "var(--vvd-color-alert-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-faint",
+              "default": "var(--vvd-color-warning-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-soft",
+              "default": "var(--vvd-color-warning-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-dim",
+              "default": "var(--vvd-color-warning-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-pale",
+              "default": "var(--vvd-color-warning-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-light",
+              "default": "var(--vvd-color-warning-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-primary",
+              "default": "var(--vvd-color-warning-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-primary-text",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-primary-increment",
+              "default": "var(--vvd-color-warning-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-firm",
+              "default": "var(--vvd-color-warning-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-fierce",
+              "default": "var(--vvd-color-warning-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-contrast",
+              "default": "var(--vvd-color-warning-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-backdrop",
+              "default": "var(--vvd-color-warning-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-intermediate",
+              "default": "var(--vvd-color-warning-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-faint",
+              "default": "var(--vvd-color-information-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-soft",
+              "default": "var(--vvd-color-information-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-dim",
+              "default": "var(--vvd-color-information-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-pale",
+              "default": "var(--vvd-color-information-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-light",
+              "default": "var(--vvd-color-information-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-primary",
+              "default": "var(--vvd-color-information-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-primary-increment",
+              "default": "var(--vvd-color-information-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-firm",
+              "default": "var(--vvd-color-information-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-fierce",
+              "default": "var(--vvd-color-information-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-contrast",
+              "default": "var(--vvd-color-information-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-backdrop",
+              "default": "var(--vvd-color-information-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-intermediate",
+              "default": "var(--vvd-color-information-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-faint",
+              "default": "var(--vvd-color-announcement-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-soft",
+              "default": "var(--vvd-color-announcement-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-dim",
+              "default": "var(--vvd-color-announcement-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-pale",
+              "default": "var(--vvd-color-announcement-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-light",
+              "default": "var(--vvd-color-announcement-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-primary-increment",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-firm",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-fierce",
+              "default": "var(--vvd-color-announcement-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-backdrop",
+              "default": "var(--vvd-color-announcement-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-intermediate",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-light",
+              "default": "var(--vvd-color-neutral-400)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "kind": "method",
-              "name": "#setupTimeout"
+              "name": "--vvd-appearanceUI-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "kind": "field",
-              "name": "#closeOnEscape",
-              "privacy": "private"
+              "name": "--vvd-appearanceUI-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             },
             {
-              "kind": "field",
-              "name": "#onTransitionEnd",
-              "privacy": "private"
-            }
-          ],
-          "events": [
+              "name": "--vvd-appearanceUI-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
             {
-              "description": "Fired when the alert is opened",
-              "name": "open"
+              "name": "--vvd-appearanceUI-accent-backdrop",
+              "default": "var(--vvd-color-canvas)"
             },
             {
-              "description": "Fired when the alert is closed",
-              "name": "close"
+              "name": "--vvd-appearanceUI-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
             }
           ],
-          "attributes": [
+          "members": [
             {
-              "name": "dismiss-button-aria-label",
+              "kind": "field",
+              "name": "appearance",
               "type": {
-                "text": "string | null"
+                "text": "AppearanceUIAppearance | undefined"
               },
-              "default": "null",
-              "fieldName": "dismissButtonAriaLabel"
+              "description": "The appearance.",
+              "privacy": "public"
             },
             {
+              "kind": "field",
+              "name": "hovered",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "if the alert is removable\naccepts boolean",
-              "fieldName": "removable"
+              "description": "Displays the hover state via class",
+              "privacy": "public"
             },
             {
+              "kind": "field",
+              "name": "active",
               "type": {
-                "text": "AlertPlacement | undefined"
+                "text": "boolean"
               },
-              "default": "'bottom'",
-              "description": "the placement of the alert",
-              "fieldName": "placement"
+              "default": "false",
+              "description": "Displays the active state via class",
+              "privacy": "public"
             },
             {
-              "name": "headline",
+              "kind": "field",
+              "name": "selected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "the text of the alert heading\naccepts string",
-              "fieldName": "headline"
+              "default": "false",
+              "description": "Displays the selected state via class",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the disabled state",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the disabled state",
+              "privacy": "public"
             },
             {
+              "kind": "field",
               "name": "text",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "the main text of the alert\naccepts string",
-              "fieldName": "text"
+              "description": "Indicates the text's text.",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "AppearanceUIAppearance | undefined"
+              },
+              "description": "The appearance.",
+              "fieldName": "appearance"
             },
             {
-              "name": "icon",
+              "name": "hovered",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "alert header icon",
-              "fieldName": "icon"
+              "default": "false",
+              "description": "Displays the hover state via class",
+              "fieldName": "hovered"
             },
             {
+              "name": "active",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "the timeout ms to show the alert\naccepts number",
-              "fieldName": "timeoutms"
+              "default": "false",
+              "description": "Displays the active state via class",
+              "fieldName": "active"
             },
             {
-              "name": "connotation",
+              "name": "selected",
               "type": {
-                "text": "AlertConnotation | undefined"
+                "text": "boolean"
               },
-              "description": "alert connotation",
-              "fieldName": "connotation"
+              "default": "false",
+              "description": "Displays the selected state via class",
+              "fieldName": "selected"
             },
             {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the alert is open",
-              "fieldName": "open"
+              "description": "Displays the disabled state",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the disabled state",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the text's text.",
+              "fieldName": "text"
             }
           ],
           "superclass": {
@@ -701,22 +1283,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Alert",
+          "name": "AppearanceUi",
           "declaration": {
-            "name": "Alert",
-            "module": "libs/components/src/lib/alert/alert.ts"
+            "name": "AppearanceUi",
+            "module": "libs/components/src/lib/appearance-ui/appearance-ui.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/alert/definition.ts",
+      "path": "libs/components/src/lib/appearance-ui/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerAlert",
-          "description": "Registers the alert elements with the design system.",
+          "name": "appearanceUiDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerAppearanceUi",
+          "description": "Registers the appearance-ui element with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -728,28 +1314,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "AlertConnotation",
+          "name": "appearanceUiDefinition",
           "declaration": {
-            "name": "AlertConnotation",
-            "module": "./alert"
+            "name": "appearanceUiDefinition",
+            "module": "libs/components/src/lib/appearance-ui/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "registerAlert",
+          "name": "registerAppearanceUi",
           "declaration": {
-            "name": "registerAlert",
-            "module": "libs/components/src/lib/alert/definition.ts"
+            "name": "registerAppearanceUi",
+            "module": "libs/components/src/lib/appearance-ui/definition.ts"
           }
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/alert/locale.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/audio-player/audio-player.ts",
@@ -3474,6 +4054,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#getColumnDataKey"
+            },
             {
               "kind": "field",
               "name": "updateCellStyle"
@@ -3483,6 +4067,10 @@
             {
               "description": "Event that fires when a sortable column header is clicked",
               "name": "sort"
+            },
+            {
+              "description": "Event that fires when a cell is clicked",
+              "name": "cell-click"
             }
           ],
           "attributes": [
@@ -3592,6 +4180,12 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "description": "Event that fires when a cell is clicked",
+              "name": "cell-click"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-selected",
@@ -3818,6 +4412,15 @@
               "name": "#handleRowSelection",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#changeHandler",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}"
+            },
             {
               "kind": "field",
               "name": "#setSelectedState",
@@ -3845,6 +4448,16 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "toggleGeneratedHeader"
+            }
+          ],
+          "events": [
+            {
+              "description": "Event that fires when a cell is clicked",
+              "name": "cell-click"
             }
           ],
           "attributes": [
@@ -4933,6 +5546,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "noLightDismiss",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#modal",
@@ -4949,11 +5570,6 @@
                 "text": "string"
               }
             },
-            {
-              "kind": "field",
-              "name": "modal",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "#dialogElement",
@@ -4968,24 +5584,6 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "openChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "#handleScrimClick",
@@ -5019,20 +5617,6 @@
             {
               "kind": "method",
               "name": "showModal"
-            },
-            {
-              "kind": "field",
-              "name": "footerSlottedContent",
-              "type": {
-                "text": "HTMLElement[] | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "actionItemsSlottedContent",
-              "type": {
-                "text": "HTMLElement[] | undefined"
-              }
             }
           ],
           "events": [
@@ -5101,6 +5685,14 @@
               },
               "default": "null",
               "fieldName": "dismissButtonAriaLabel"
+            },
+            {
+              "name": "no-light-dismiss",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noLightDismiss"
             }
           ],
           "superclass": {
@@ -6812,68 +7404,21 @@
           "members": [
             {
               "kind": "field",
-              "name": "#observer",
-              "privacy": "private",
-              "type": {
-                "text": "MutationObserver | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#anchorEl",
-              "privacy": "private",
+              "name": "ariaLabel",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "string | null"
               },
               "default": "null"
             },
             {
-              "kind": "field",
-              "name": "#observeMissingAnchor",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "Placement | undefined"
-              },
-              "default": "'bottom'",
-              "description": "placement of the menu",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "AnchorType"
-              },
-              "default": "''",
-              "description": "id or direct reference to the menu's anchor element",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "anchorChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement | undefined"
               },
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "AnchorType"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "AnchorType"
-                  }
-                }
-              ]
+              "default": "'bottom'",
+              "description": "placement of the menu",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -6888,20 +7433,10 @@
             {
               "kind": "method",
               "name": "autoDismissChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
                   "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "optional": true,
                   "type": {
                     "text": "boolean"
                   }
@@ -6953,6 +7488,18 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#cleanupAnchor",
@@ -6970,6 +7517,11 @@
               "name": "#openIfClosed",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#updateClickOutsideListener",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#closeOnClickOutside",
@@ -6999,20 +7551,20 @@
           ],
           "attributes": [
             {
+              "name": "aria-label",
               "type": {
-                "text": "Placement | undefined"
+                "text": "string | null"
               },
-              "default": "'bottom'",
-              "description": "placement of the menu",
-              "fieldName": "placement"
+              "default": "null",
+              "fieldName": "ariaLabel"
             },
             {
               "type": {
-                "text": "AnchorType"
+                "text": "Placement | undefined"
               },
-              "default": "''",
-              "description": "id or direct reference to the menu's anchor element",
-              "fieldName": "anchor"
+              "default": "'bottom'",
+              "description": "placement of the menu",
+              "fieldName": "placement"
             },
             {
               "name": "auto-dismiss",
@@ -7071,6 +7623,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "MenuItemRole",
+          "declaration": {
+            "name": "MenuItemRole",
+            "module": "./menu-item"
+          }
+        },
         {
           "kind": "js",
           "name": "menuItemDefinition",
@@ -8676,11 +9236,15 @@
               "kind": "field",
               "name": "anchor",
               "type": {
-                "text": "string | HTMLElement | undefined"
+                "text": "HTMLElement | undefined"
               },
-              "description": "ID reference to element in the popup’s owner document or HTMLElement.",
+              "description": "The element to anchor the popup to.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#updateAutoUpdate"
+            },
             {
               "kind": "method",
               "name": "updatePosition",
@@ -8728,7 +9292,6 @@
               "type": {
                 "text": "HTMLElement | null"
               },
-              "description": "Gets the anchor element by id",
               "readonly": true
             },
             {
@@ -8797,14 +9360,6 @@
               "default": "'fixed'",
               "description": "the strategy of the popup",
               "fieldName": "strategy"
-            },
-            {
-              "name": "anchor",
-              "type": {
-                "text": "string | HTMLElement | undefined"
-              },
-              "description": "ID reference to element in the popup’s owner document or HTMLElement.",
-              "fieldName": "anchor"
             }
           ],
           "superclass": {
@@ -9540,20 +10095,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "_popup",
-              "type": {
-                "text": "Popup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_anchor",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
             {
               "kind": "field",
               "name": "appearance",
@@ -11286,6 +11827,15 @@
               "description": "The connotation the tabs should have.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "gutters",
+              "type": {
+                "text": "Gutters | undefined"
+              },
+              "description": "sets the initial preferred margin from predefined available options",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "connotationChanged"
@@ -11379,6 +11929,14 @@
               },
               "description": "The connotation the tabs should have.",
               "fieldName": "connotation"
+            },
+            {
+              "name": "gutters",
+              "type": {
+                "text": "Gutters | undefined"
+              },
+              "description": "sets the initial preferred margin from predefined available options",
+              "fieldName": "gutters"
             }
           ],
           "superclass": {
@@ -12385,28 +12943,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "#observer",
-              "privacy": "private",
-              "type": {
-                "text": "MutationObserver | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#anchorEl",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#observeMissingAnchor",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
@@ -12445,34 +12981,6 @@
               "description": "placement of the toggletip",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "AnchorType"
-              },
-              "default": "''",
-              "description": "id or direct reference to the toggletip's anchor element",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "anchorChanged",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "AnchorType"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "AnchorType"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "open",
@@ -12518,6 +13026,18 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#cleanupAnchor",
@@ -12535,6 +13055,10 @@
               "name": "#openIfClosed",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#updateListeners"
+            },
             {
               "kind": "field",
               "name": "#closeOnClickOutside",
@@ -12571,14 +13095,6 @@
               "description": "placement of the toggletip",
               "fieldName": "placement"
             },
-            {
-              "type": {
-                "text": "AnchorType"
-              },
-              "default": "''",
-              "description": "id or direct reference to the toggletip's anchor element",
-              "fieldName": "anchor"
-            },
             {
               "type": {
                 "text": "boolean"
@@ -12654,15 +13170,6 @@
           "description": "Base class for tooltip",
           "name": "Tooltip",
           "members": [
-            {
-              "kind": "field",
-              "name": "#anchorEl",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "text",
@@ -12687,70 +13194,29 @@
               },
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "anchorType | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#observer",
-              "privacy": "private",
-              "type": {
-                "text": "MutationObserver | undefined"
-              }
-            },
             {
               "kind": "method",
-              "name": "anchorChanged",
+              "name": "#setupAnchor",
               "parameters": [
                 {
-                  "name": "_",
-                  "type": {
-                    "text": "anchorType"
-                  }
-                },
-                {
-                  "name": "newValue",
+                  "name": "a",
                   "type": {
-                    "text": "anchorType"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "#observeMissingAnchor",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#anchorUpdated",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#addEventListener",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "method",
-              "name": "#removeEventListener",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "#cleanupAnchor",
+              "parameters": [
+                {
+                  "name": "a",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "field",
@@ -12762,33 +13228,14 @@
               "name": "#hide",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#updateListeners"
+            },
             {
               "kind": "field",
               "name": "#closeOnEscape",
               "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "openChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
             }
           ],
           "attributes": [
@@ -12812,12 +13259,6 @@
               },
               "default": "false",
               "fieldName": "open"
-            },
-            {
-              "type": {
-                "text": "anchorType | undefined"
-              },
-              "fieldName": "anchor"
             }
           ],
           "superclass": {