@vonage/vivid 3.50.0 → 3.51.0

package/custom-elements.json

@@ -470,6 +470,10 @@
             {
               "description": "Add action items to alert using this slot.",
               "name": "action-items"
+            },
+            {
+              "description": "Add an icon to the component.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -812,6 +816,10 @@
               "name": "--vvd-appearanceUI-cta-firm",
               "default": "var(--vvd-color-cta-600)"
             },
+            {
+              "name": "--vvd-appearanceUI-cta-firm-all",
+              "default": "var(--vvd-color-cta-600)"
+            },
             {
               "name": "--vvd-appearanceUI-cta-fierce",
               "default": "var(--vvd-color-cta-700)"
@@ -860,6 +868,10 @@
               "name": "--vvd-appearanceUI-success-firm",
               "default": "var(--vvd-color-success-600)"
             },
+            {
+              "name": "--vvd-appearanceUI-success-firm-all",
+              "default": "var(--vvd-color-success-600)"
+            },
             {
               "name": "--vvd-appearanceUI-success-fierce",
               "default": "var(--vvd-color-success-700)"
@@ -908,6 +920,10 @@
               "name": "--vvd-appearanceUI-alert-firm",
               "default": "var(--vvd-color-alert-600)"
             },
+            {
+              "name": "--vvd-appearanceUI-alert-firm-all",
+              "default": "var(--vvd-color-alert-600)"
+            },
             {
               "name": "--vvd-appearanceUI-alert-fierce",
               "default": "var(--vvd-color-alert-700)"
@@ -956,6 +972,10 @@
               "name": "--vvd-appearanceUI-warning-firm",
               "default": "var(--vvd-color-warning-600)"
             },
+            {
+              "name": "--vvd-appearanceUI-warning-firm-all",
+              "default": "var(--vvd-color-warning-600)"
+            },
             {
               "name": "--vvd-appearanceUI-warning-fierce",
               "default": "var(--vvd-color-warning-700)"
@@ -1004,6 +1024,10 @@
               "name": "--vvd-appearanceUI-information-firm",
               "default": "var(--vvd-color-information-600)"
             },
+            {
+              "name": "--vvd-appearanceUI-information-firm-all",
+              "default": "var(--vvd-color-information-600)"
+            },
             {
               "name": "--vvd-appearanceUI-information-fierce",
               "default": "var(--vvd-color-information-700)"
@@ -1052,6 +1076,10 @@
               "name": "--vvd-appearanceUI-announcement-firm",
               "default": "var(--vvd-color-announcement-600)"
             },
+            {
+              "name": "--vvd-appearanceUI-announcement-firm-all",
+              "default": "var(--vvd-color-announcement-600)"
+            },
             {
               "name": "--vvd-appearanceUI-announcement-fierce",
               "default": "var(--vvd-color-announcement-700)"
@@ -1100,6 +1128,10 @@
               "name": "--vvd-appearanceUI-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-appearanceUI-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
+            },
             {
               "name": "--vvd-appearanceUI-accent-fierce",
               "default": "var(--vvd-color-neutral-700)"
@@ -1522,6 +1554,10 @@
               "name": "--vvd-avatar-cta-firm",
               "default": "var(--vvd-color-cta-600)"
             },
+            {
+              "name": "--vvd-avatar-cta-firm-all",
+              "default": "var(--vvd-color-cta-600)"
+            },
             {
               "name": "--vvd-avatar-cta-fierce",
               "default": "var(--vvd-color-cta-700)"
@@ -1550,6 +1586,10 @@
               "name": "--vvd-avatar-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-avatar-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
+            },
             {
               "name": "--vvd-avatar-accent-fierce",
               "default": "var(--vvd-color-neutral-700)"
@@ -1793,7 +1833,7 @@
               "default": "var(--vvd-color-cta-700)"
             },
             {
-              "name": "--vvd-badge-cta-firm",
+              "name": "--vvd-badge-cta-firm-all",
               "default": "var(--vvd-color-cta-600)"
             },
             {
@@ -1825,7 +1865,7 @@
               "default": "var(--vvd-color-success-700)"
             },
             {
-              "name": "--vvd-badge-success-firm",
+              "name": "--vvd-badge-success-firm-all",
               "default": "var(--vvd-color-success-600)"
             },
             {
@@ -1857,7 +1897,7 @@
               "default": "var(--vvd-color-alert-700)"
             },
             {
-              "name": "--vvd-badge-alert-firm",
+              "name": "--vvd-badge-alert-firm-all",
               "default": "var(--vvd-color-alert-600)"
             },
             {
@@ -1889,7 +1929,7 @@
               "default": "var(--vvd-color-warning-700)"
             },
             {
-              "name": "--vvd-badge-warning-firm",
+              "name": "--vvd-badge-warning-firm-all",
               "default": "var(--vvd-color-warning-600)"
             },
             {
@@ -1921,7 +1961,7 @@
               "default": "var(--vvd-color-information-700)"
             },
             {
-              "name": "--vvd-badge-information-firm",
+              "name": "--vvd-badge-information-firm-all",
               "default": "var(--vvd-color-information-600)"
             },
             {
@@ -1953,8 +1993,8 @@
               "default": "var(--vvd-color-neutral-700)"
             },
             {
-              "name": "--vvd-badge-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
+              "name": "--vvd-badge-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
             }
           ],
           "slots": [
@@ -2724,6 +2764,69 @@
               },
               "description": "Indicates the button's label.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's href.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's download.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hreflang",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's hreflang.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ping",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's ping.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's referrerpolicy.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's rel.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
+              },
+              "description": "Indicates the target's rel.",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -2791,6 +2894,62 @@
               },
               "description": "Indicates the button's label.",
               "fieldName": "label"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's href.",
+              "fieldName": "href"
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's download.",
+              "fieldName": "download"
+            },
+            {
+              "name": "hreflang",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's hreflang.",
+              "fieldName": "hreflang"
+            },
+            {
+              "name": "ping",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's ping.",
+              "fieldName": "ping"
+            },
+            {
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's referrerpolicy.",
+              "fieldName": "referrerpolicy"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the button's rel.",
+              "fieldName": "rel"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
+              },
+              "description": "Indicates the target's rel.",
+              "fieldName": "target"
             }
           ],
           "superclass": {
@@ -3975,6 +4134,12 @@
               "default": "var(--vvd-color-neutral-200)"
             }
           ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4152,6 +4317,12 @@
               "default": "var(--vvd-color-neutral-200)"
             }
           ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6349,7 +6520,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "FileUploaderSize | undefined"
+                "text": "FilePickerSize | undefined"
               },
               "description": "The size the file-uploader should have.",
               "privacy": "public"
@@ -6494,7 +6665,7 @@
             {
               "name": "size",
               "type": {
-                "text": "FileUploaderSize | undefined"
+                "text": "FilePickerSize | undefined"
               },
               "description": "The size the file-uploader should have.",
               "fieldName": "size"
@@ -7348,6 +7519,10 @@
               "description": "Default slot.",
               "name": ""
             },
+            {
+              "description": "Used to set the anchor element for the menu.",
+              "name": "anchor"
+            },
             {
               "description": "Used to add additional content to the top of the menu.",
               "name": "header"
@@ -8437,70 +8612,6 @@
           "description": "Base class for number-field",
           "name": "NumberField",
           "cssProperties": [
-            {
-              "name": "--vvd-text-field-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-text-field-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-text-field-success-primary-increment",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-text-field-success-intermediate",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-text-field-success-firm",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-text-field-success-faint",
-              "default": "var(--vvd-color-success-50)"
-            },
-            {
-              "name": "--vvd-text-field-success-soft",
-              "default": "var(--vvd-color-success-100)"
-            },
-            {
-              "name": "--vvd-text-field-success-fierce",
-              "default": "var(--vvd-color-success-700)"
-            },
-            {
-              "name": "--vvd-text-field-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-text-field-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-text-field-alert-primary-increment",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-text-field-alert-intermediate",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-text-field-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-text-field-alert-faint",
-              "default": "var(--vvd-color-alert-50)"
-            },
-            {
-              "name": "--vvd-text-field-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
-            },
-            {
-              "name": "--vvd-text-field-alert-fierce",
-              "default": "var(--vvd-color-alert-700)"
-            },
             {
               "name": "--vvd-text-field-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -8521,6 +8632,10 @@
               "name": "--vvd-text-field-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-text-field-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
             {
               "name": "--vvd-text-field-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -8528,10 +8643,6 @@
             {
               "name": "--vvd-text-field-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
-            },
-            {
-              "name": "--vvd-text-field-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "members": [
@@ -8993,6 +9104,12 @@
               ]
             }
           ],
+          "events": [
+            {
+              "description": "Fires when the page changes.",
+              "name": "pagination-change"
+            }
+          ],
           "attributes": [
             {
               "name": "size",
@@ -10034,54 +10151,6 @@
           "description": "Base class for select",
           "name": "Select",
           "cssProperties": [
-            {
-              "name": "--vvd-select-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-select-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-select-success-primary-increment",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-select-success-intermediate",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-select-success-firm",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-select-success-fierce",
-              "default": "var(--vvd-color-success-700)"
-            },
-            {
-              "name": "--vvd-select-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-select-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-select-alert-primary-increment",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-select-alert-intermediate",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-select-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-select-alert-fierce",
-              "default": "var(--vvd-color-alert-700)"
-            },
             {
               "name": "--vvd-select-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -10278,7 +10347,7 @@
           "name": "SelectableBox",
           "cssProperties": [
             {
-              "name": "--vvd-selectable-box-cta-firm",
+              "name": "--vvd-selectable-box-cta-firm-all",
               "default": "var(--vvd-color-cta-600)"
             },
             {
@@ -10298,8 +10367,8 @@
               "default": "var(--vvd-color-cta-100)"
             },
             {
-              "name": "--vvd-selectable-box-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
+              "name": "--vvd-selectable-box-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
             },
             {
               "name": "--vvd-selectable-box-accent-pale",
@@ -11353,6 +11422,10 @@
               "name": "--vvd-switch-cta-intermediate",
               "default": "var(--vvd-color-cta-500)"
             },
+            {
+              "name": "--vvd-switch-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
             {
               "name": "--vvd-switch-alert-primary-text",
               "default": "var(--vvd-color-canvas)"
@@ -11373,6 +11446,10 @@
               "name": "--vvd-switch-alert-intermediate",
               "default": "var(--vvd-color-alert-500)"
             },
+            {
+              "name": "--vvd-switch-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-switch-success-primary-text",
               "default": "var(--vvd-color-canvas)"
@@ -11393,6 +11470,10 @@
               "name": "--vvd-switch-success-intermediate",
               "default": "var(--vvd-color-success-500)"
             },
+            {
+              "name": "--vvd-switch-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-switch-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
@@ -11412,6 +11493,10 @@
             {
               "name": "--vvd-switch-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
+            },
+            {
+              "name": "--vvd-switch-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "members": [
@@ -11453,7 +11538,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationElement",
+            "name": "FoundationSwitch",
             "package": "@microsoft/fast-foundation"
           }
         }
@@ -12098,7 +12183,7 @@
               "default": "var(--vvd-color-cta-700)"
             },
             {
-              "name": "--vvd-tag-cta-firm",
+              "name": "--vvd-tag-cta-firm-all",
               "default": "var(--vvd-color-cta-600)"
             },
             {
@@ -12126,8 +12211,8 @@
               "default": "var(--vvd-color-neutral-700)"
             },
             {
-              "name": "--vvd-tag-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
+              "name": "--vvd-tag-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
             },
             {
               "name": "--vvd-tag-accent-faint",
@@ -12787,70 +12872,6 @@
           "description": "Base class for text-field",
           "name": "TextField",
           "cssProperties": [
-            {
-              "name": "--vvd-text-field-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-text-field-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-text-field-success-primary-increment",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-text-field-success-intermediate",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-text-field-success-firm",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-text-field-success-faint",
-              "default": "var(--vvd-color-success-50)"
-            },
-            {
-              "name": "--vvd-text-field-success-soft",
-              "default": "var(--vvd-color-success-100)"
-            },
-            {
-              "name": "--vvd-text-field-success-fierce",
-              "default": "var(--vvd-color-success-700)"
-            },
-            {
-              "name": "--vvd-text-field-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-text-field-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-text-field-alert-primary-increment",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-text-field-alert-intermediate",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-text-field-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-text-field-alert-faint",
-              "default": "var(--vvd-color-alert-50)"
-            },
-            {
-              "name": "--vvd-text-field-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
-            },
-            {
-              "name": "--vvd-text-field-alert-fierce",
-              "default": "var(--vvd-color-alert-700)"
-            },
             {
               "name": "--vvd-text-field-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -12871,6 +12892,10 @@
               "name": "--vvd-text-field-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-text-field-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
             {
               "name": "--vvd-text-field-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -12878,10 +12903,6 @@
             {
               "name": "--vvd-text-field-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
-            },
-            {
-              "name": "--vvd-text-field-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "slots": [
@@ -13382,6 +13403,10 @@
               "description": "The content to display in the toggletip.",
               "name": ""
             },
+            {
+              "description": "Used to set the anchor element for the toggletip.",
+              "name": "anchor"
+            },
             {
               "description": "The content to display in the toggletip action items.",
               "name": "action-items"
@@ -13614,6 +13639,12 @@
           "kind": "class",
           "description": "Base class for tooltip",
           "name": "Tooltip",
+          "slots": [
+            {
+              "description": "Used to set the anchor element for the tooltip.",
+              "name": "anchor"
+            }
+          ],
           "members": [
             {
               "kind": "field",