@vonage/vivid 3.39.0 → 3.40.0

package/custom-elements.json

@@ -2804,6 +2804,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -2815,6 +2823,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "connotation",
               "type": {
@@ -3136,6 +3152,12 @@
               "name": "updateCellStyle"
             }
           ],
+          "events": [
+            {
+              "description": "Event that fires when a sortable column header is clicked",
+              "name": "sort"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-selected",
@@ -3728,6 +3750,23 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "DateStr"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#isMonthAfterValidRange",
@@ -4146,6 +4185,23 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "DateStr"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#isMonthAfterValidRange",
@@ -4558,6 +4614,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "dismissButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "#modal",
@@ -4734,6 +4798,14 @@
               },
               "default": "null",
               "fieldName": "ariaDescribedBy"
+            },
+            {
+              "name": "dismiss-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "dismissButtonAriaLabel"
             }
           ],
           "superclass": {
@@ -4761,6 +4833,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/dialog/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/divider/definition.ts",
@@ -6608,6 +6686,10 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
+            },
+            {
+              "kind": "field",
+              "name": "handleFocusOut"
             }
           ],
           "events": [
@@ -7506,6 +7588,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/number-field/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/number-field/number-field.ts",
@@ -7589,6 +7677,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "incrementButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "decrementButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "appearance",
@@ -7643,6 +7747,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "increment-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "incrementButtonAriaLabel"
+            },
+            {
+              "name": "decrement-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "decrementButtonAriaLabel"
+            },
             {
               "name": "appearance",
               "type": {
@@ -8508,6 +8628,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "shape",
@@ -8538,6 +8666,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "shape",
               "type": {
@@ -8655,6 +8791,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -8671,6 +8815,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "connotation",
               "type": {
@@ -8802,6 +8954,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -8822,6 +8982,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "label",
               "type": {
@@ -9198,6 +9366,238 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/selectable-box/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "selectableBoxDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerSelectableBox",
+          "description": "Registers the selectable-box element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "selectableBoxDefinition",
+          "declaration": {
+            "name": "selectableBoxDefinition",
+            "module": "libs/components/src/lib/selectable-box/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerSelectableBox",
+          "declaration": {
+            "name": "registerSelectableBox",
+            "module": "libs/components/src/lib/selectable-box/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/selectable-box/selectable-box.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for selectable-box",
+          "name": "SelectableBox",
+          "cssProperties": [
+            {
+              "name": "--vvd-selectable-box-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-selectable-box-cta-pale",
+              "default": "var(--vvd-color-cta-300)"
+            },
+            {
+              "name": "--vvd-selectable-box-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
+            {
+              "name": "--vvd-selectable-box-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-selectable-box-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-selectable-box-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Slot for box's content.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls the checked state of the box",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the whole selectable box clickable",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "SelectableBoxConnotation | undefined"
+              },
+              "description": "The connotation the selectable box should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "controlAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Adds an accessible label to selectable box",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "controlAriaLabelledby",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Links a piece of content as an accessible label",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "controlType",
+              "type": {
+                "text": "SelectableBoxControlType | undefined"
+              },
+              "description": "The type of control the box should have: checkbox or radio.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Removes the padding around the box's slot content",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the checked state changes",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls the checked state of the box",
+              "fieldName": "checked"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the whole selectable box clickable",
+              "fieldName": "clickable"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "SelectableBoxConnotation | undefined"
+              },
+              "description": "The connotation the selectable box should have.",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "control-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Adds an accessible label to selectable box",
+              "fieldName": "controlAriaLabel"
+            },
+            {
+              "name": "control-aria-labelledby",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Links a piece of content as an accessible label",
+              "fieldName": "controlAriaLabelledby"
+            },
+            {
+              "name": "control-type",
+              "type": {
+                "text": "SelectableBoxControlType | undefined"
+              },
+              "description": "The type of control the box should have: checkbox or radio.",
+              "fieldName": "controlType"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Removes the padding around the box's slot content",
+              "fieldName": "tight"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SelectableBox",
+          "declaration": {
+            "name": "SelectableBox",
+            "module": "libs/components/src/lib/selectable-box/selectable-box.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/side-drawer/definition.ts",
@@ -9399,6 +9799,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SliderConnotation",
+          "declaration": {
+            "name": "SliderConnotation",
+            "module": "./slider"
+          }
+        },
         {
           "kind": "js",
           "name": "sliderDefinition",
@@ -9425,7 +9833,33 @@
           "kind": "class",
           "description": "Base class for slider",
           "name": "Slider",
+          "cssProperties": [
+            {
+              "name": "--vvd-slider-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-slider-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "ariaValuetext",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "markers",
@@ -9435,9 +9869,34 @@
               "default": "false",
               "description": "Display markers on/off",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "SliderConnotation | undefined"
+              },
+              "description": "slider connotation",
+              "privacy": "public"
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "aria-valuetext",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaValuetext"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -9445,6 +9904,14 @@
               "default": "false",
               "description": "Display markers on/off",
               "fieldName": "markers"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "SliderConnotation | undefined"
+              },
+              "description": "slider connotation",
+              "fieldName": "connotation"
             }
           ],
           "superclass": {
@@ -11183,6 +11650,14 @@
               },
               "description": "The wrap attribute",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#reflectToTextArea",
+              "privacy": "private",
+              "type": {
+                "text": "Reflector<this, HTMLTextAreaElement> | undefined"
+              }
             }
           ],
           "attributes": [
@@ -11388,6 +11863,30 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
+            },
+            {
+              "kind": "method",
+              "name": "#handleLabelChange",
+              "parameters": [
+                {
+                  "name": "labelEl",
+                  "type": {
+                    "text": "HTMLLabelElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#reflectToInput",
+              "privacy": "private",
+              "type": {
+                "text": "Reflector<this, HTMLInputElement> | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus"
             }
           ],
           "attributes": [
@@ -12214,6 +12713,19 @@
               "kind": "method",
               "name": "#getFocusableEls"
             },
+            {
+              "kind": "method",
+              "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "DateStr"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#isMonthAfterValidRange",

package/data-grid/index.js

@@ -11,5 +11,6 @@ import '../shared/slotted.js';
 import '../shared/children.js';
 import '../shared/focus2.js';
 import '../shared/focus.js';
+import '../shared/key-codes2.js';
 
 registerDataGrid();