@vonage/vivid 3.55.0 → 3.57.0

package/custom-elements.json

@@ -94,137 +94,149 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
+      "path": "libs/components/src/lib/action-group/action-group.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AccordionItem",
+          "name": "ActionGroup",
           "cssProperties": [
             {
-              "name": "--vvd-accordion-item-accent-primary",
+              "name": "--vvd-action-group-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-accordion-item-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
+              "name": "--vvd-action-group-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
             },
             {
-              "name": "--vvd-accordion-item-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
+              "name": "--vvd-action-group-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
             }
           ],
           "slots": [
             {
               "description": "Default slot.",
               "name": ""
-            },
-            {
-              "description": "Add an icon to the component.",
-              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "heading",
+              "name": "shape",
               "type": {
-                "text": "string | undefined"
+                "text": "ActionGroupShape | undefined"
               },
-              "privacy": "public",
-              "description": ""
+              "description": "The shape the ActionGroup should have.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "noIndicator",
+              "name": "appearance",
+              "type": {
+                "text": "ActionGroupAppearance | undefined"
+              },
+              "description": "The appearance the ActionGroup should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tight",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the accordion-item has indicator",
+              "description": "Indicates whether action group should have padding.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "meta",
+              "name": "role",
               "type": {
-                "text": "string | undefined"
+                "text": "string | null"
               },
-              "privacy": "public",
-              "description": ""
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "ariaLabel",
               "type": {
-                "text": "AccordionItemSize | undefined"
+                "text": "string | null"
               },
-              "description": "The size the accordion-item should have.",
-              "privacy": "public"
+              "default": "null"
             }
           ],
           "attributes": [
             {
-              "name": "heading",
+              "name": "shape",
               "type": {
-                "text": "string | undefined"
+                "text": "ActionGroupShape | undefined"
               },
-              "fieldName": "heading"
+              "description": "The shape the ActionGroup should have.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "ActionGroupAppearance | undefined"
+              },
+              "description": "The appearance the ActionGroup should have.",
+              "fieldName": "appearance"
             },
             {
-              "name": "no-indicator",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the accordion-item has indicator",
-              "fieldName": "noIndicator"
+              "description": "Indicates whether action group should have padding.",
+              "fieldName": "tight"
             },
             {
-              "name": "meta",
+              "name": "role",
               "type": {
-                "text": "string | undefined"
+                "text": "string | null"
               },
-              "fieldName": "meta"
+              "default": "null",
+              "fieldName": "role"
             },
             {
-              "name": "size",
+              "name": "aria-label",
               "type": {
-                "text": "AccordionItemSize | undefined"
+                "text": "string | null"
               },
-              "description": "The size the accordion-item should have.",
-              "fieldName": "size"
+              "default": "null",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
-            "name": "FASTAccordionItem",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
             "public": true,
-            "name": "accordion-item"
+            "name": "action-group"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AccordionItem",
+          "name": "ActionGroup",
           "declaration": {
-            "name": "AccordionItem",
-            "module": "libs/components/src/lib/accordion-item/accordion-item.ts"
+            "name": "ActionGroup",
+            "module": "libs/components/src/lib/action-group/action-group.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/accordion-item/definition.ts",
+      "path": "libs/components/src/lib/action-group/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerAccordionItem",
-          "description": "Registers the accordion item elements with the design system.",
+          "name": "registerActionGroup",
+          "description": "Registers the action-group elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -236,159 +248,163 @@
       "exports": [
         {
           "kind": "js",
-          "name": "registerAccordionItem",
+          "name": "ActionGroupShape",
           "declaration": {
-            "name": "registerAccordionItem",
-            "module": "libs/components/src/lib/accordion-item/definition.ts"
+            "name": "ActionGroupShape",
+            "module": "./action-group"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ActionGroupAppearance",
+          "declaration": {
+            "name": "ActionGroupAppearance",
+            "module": "./action-group"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerActionGroup",
+          "declaration": {
+            "name": "registerActionGroup",
+            "module": "libs/components/src/lib/action-group/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/action-group/action-group.ts",
+      "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ActionGroup",
+          "name": "AccordionItem",
           "cssProperties": [
             {
-              "name": "--vvd-action-group-accent-primary",
+              "name": "--vvd-accordion-item-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-action-group-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
+              "name": "--vvd-accordion-item-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
             },
             {
-              "name": "--vvd-action-group-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
+              "name": "--vvd-accordion-item-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             }
           ],
           "slots": [
             {
               "description": "Default slot.",
               "name": ""
+            },
+            {
+              "description": "Add an icon to the component.",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "ActionGroupShape | undefined"
-              },
-              "description": "The shape the ActionGroup should have.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
+              "name": "heading",
               "type": {
-                "text": "ActionGroupAppearance | undefined"
+                "text": "string | undefined"
               },
-              "description": "The appearance the ActionGroup should have.",
-              "privacy": "public"
+              "privacy": "public",
+              "description": ""
             },
             {
               "kind": "field",
-              "name": "tight",
+              "name": "noIndicator",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether action group should have padding.",
+              "description": "Indicates whether the accordion-item has indicator",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "meta",
               "type": {
-                "text": "string | null"
+                "text": "string | undefined"
               },
-              "default": "null"
+              "privacy": "public",
+              "description": ""
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "size",
               "type": {
-                "text": "string | null"
+                "text": "AccordionItemSize | undefined"
               },
-              "default": "null"
+              "description": "The size the accordion-item should have.",
+              "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "name": "shape",
-              "type": {
-                "text": "ActionGroupShape | undefined"
-              },
-              "description": "The shape the ActionGroup should have.",
-              "fieldName": "shape"
-            },
-            {
-              "name": "appearance",
+              "name": "heading",
               "type": {
-                "text": "ActionGroupAppearance | undefined"
+                "text": "string | undefined"
               },
-              "description": "The appearance the ActionGroup should have.",
-              "fieldName": "appearance"
+              "fieldName": "heading"
             },
             {
+              "name": "no-indicator",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether action group should have padding.",
-              "fieldName": "tight"
+              "description": "Indicates whether the accordion-item has indicator",
+              "fieldName": "noIndicator"
             },
             {
-              "name": "role",
+              "name": "meta",
               "type": {
-                "text": "string | null"
+                "text": "string | undefined"
               },
-              "default": "null",
-              "fieldName": "role"
+              "fieldName": "meta"
             },
             {
-              "name": "aria-label",
+              "name": "size",
               "type": {
-                "text": "string | null"
+                "text": "AccordionItemSize | undefined"
               },
-              "default": "null",
-              "fieldName": "ariaLabel"
+              "description": "The size the accordion-item should have.",
+              "fieldName": "size"
             }
           ],
           "superclass": {
-            "name": "FoundationElement",
+            "name": "FASTAccordionItem",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
             "public": true,
-            "name": "action-group"
+            "name": "accordion-item"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ActionGroup",
+          "name": "AccordionItem",
           "declaration": {
-            "name": "ActionGroup",
-            "module": "libs/components/src/lib/action-group/action-group.ts"
+            "name": "AccordionItem",
+            "module": "libs/components/src/lib/accordion-item/accordion-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/action-group/definition.ts",
+      "path": "libs/components/src/lib/accordion-item/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerActionGroup",
-          "description": "Registers the action-group elements with the design system.",
+          "name": "registerAccordionItem",
+          "description": "Registers the accordion item elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -400,26 +416,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ActionGroupShape",
-          "declaration": {
-            "name": "ActionGroupShape",
-            "module": "./action-group"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ActionGroupAppearance",
-          "declaration": {
-            "name": "ActionGroupAppearance",
-            "module": "./action-group"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerActionGroup",
+          "name": "registerAccordionItem",
           "declaration": {
-            "name": "registerActionGroup",
-            "module": "libs/components/src/lib/action-group/definition.ts"
+            "name": "registerAccordionItem",
+            "module": "libs/components/src/lib/accordion-item/definition.ts"
           }
         }
       ]
@@ -2708,6 +2708,10 @@
               "name": "--vvd-button-cta-faint",
               "default": "var(--vvd-color-cta-50)"
             },
+            {
+              "name": "--vvd-button-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
             {
               "name": "--vvd-button-success-primary",
               "default": "var(--vvd-color-success-500)"
@@ -2740,6 +2744,10 @@
               "name": "--vvd-button-success-faint",
               "default": "var(--vvd-color-success-50)"
             },
+            {
+              "name": "--vvd-button-success-fierce-primary",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-button-alert-primary",
               "default": "var(--vvd-color-alert-500)"
@@ -2772,6 +2780,10 @@
               "name": "--vvd-button-alert-faint",
               "default": "var(--vvd-color-alert-50)"
             },
+            {
+              "name": "--vvd-button-alert-fierce-primary",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-button-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -2803,6 +2815,10 @@
             {
               "name": "--vvd-button-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-button-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
             }
           ],
           "slots": [
@@ -6891,6 +6907,30 @@
             {
               "name": "--vvd-fab-cta-firm",
               "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-fab-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-fab-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-fab-announcement-primary-increment",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-fab-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-fab-announcement-fierce",
+              "default": "var(--vvd-color-announcement-700)"
+            },
+            {
+              "name": "--vvd-fab-announcement-firm",
+              "default": "var(--vvd-color-announcement-600)"
             }
           ],
           "slots": [
@@ -7278,6 +7318,18 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "#formatNumbersInMessage",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "autoDiscover",
@@ -12106,6 +12158,15 @@
               },
               "description": "slider connotation",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "valueTextFormatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
+              "privacy": "public"
             }
           ],
           "attributes": [

package/lib/button/button.d.ts

@@ -2,7 +2,7 @@ import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 export type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
-export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
+export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost | Appearance.GhostLight>;
 export type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type ButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
 export declare class Button extends FoundationButton {

package/lib/fab/fab.d.ts

@@ -1,7 +1,7 @@
 import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Connotation, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
-export type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
+export type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent | Connotation.Announcement>;
 export type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
 export declare class Fab extends FoundationButton {
     connotation?: FabConnotation;

package/lib/slider/slider.d.ts

@@ -1,9 +1,13 @@
 import { Slider as FastSlider } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
+import { Localized } from '../../shared/patterns';
 export type SliderConnotation = Connotation.Accent | Connotation.CTA;
 export declare class Slider extends FastSlider {
     ariaLabel: string | null;
     ariaValuetext: string | null;
     markers: boolean;
     connotation?: SliderConnotation;
+    valueTextFormatter: (value: string) => string;
+}
+export interface Slider extends Localized {
 }