@vonage/vivid 3.38.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",
@@ -3640,12 +3662,287 @@
                 "text": "string"
               },
               "default": "'date'"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "The latest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "initialValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the date-picker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "currentValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the date-picker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the date-picker is readonly.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFocusableEls",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "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",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#isMonthBeforeValidRange",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusIn",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusOut",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getCustomValidationError",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#dismissOnClickOutside",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#isClosingPopup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#openPopupIfPossible",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getSelectedDates",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "DateStr[]"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
             }
           ],
           "superclass": {
             "name": "DatePickerBase",
             "module": "/libs/components/src/shared/date-picker/date-picker-base"
-          }
+          },
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted date of the date-picker.",
+              "default": "''",
+              "fieldName": "min",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the date-picker.",
+              "fieldName": "initialValue",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "name": "current-value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the date-picker.",
+              "fieldName": "currentValue",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the date-picker is readonly.",
+              "fieldName": "readOnly",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -3801,9 +4098,239 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "The latest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "initialValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the date-picker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "currentValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the date-picker.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the date-picker is readonly.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getFocusableEls",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "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",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#isMonthBeforeValidRange",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusIn",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusOut",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getCustomValidationError",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#dismissOnClickOutside",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#isClosingPopup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "method",
-              "name": "formResetCallback"
+              "name": "#openPopupIfPossible",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_getSelectedDates",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "DateStr[]"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Event emitted when the start value changes",
+              "name": "input:start"
+            },
+            {
+              "description": "Event emitted when the end value changes",
+              "name": "input:end"
             }
           ],
           "attributes": [
@@ -3840,6 +4367,55 @@
               },
               "description": "The current end value of the element. This property serves as a mechanism\nto set the `end` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
               "fieldName": "currentEnd"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted date of the date-picker.",
+              "default": "''",
+              "fieldName": "min",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the date-picker.",
+              "fieldName": "initialValue",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "name": "current-value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the date-picker.",
+              "fieldName": "currentValue",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the date-picker is readonly.",
+              "fieldName": "readOnly",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
             }
           ],
           "superclass": {
@@ -4038,6 +4614,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "dismissButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "#modal",
@@ -4214,6 +4798,14 @@
               },
               "default": "null",
               "fieldName": "ariaDescribedBy"
+            },
+            {
+              "name": "dismiss-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "dismissButtonAriaLabel"
             }
           ],
           "superclass": {
@@ -4241,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",
@@ -6088,6 +6686,10 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
+            },
+            {
+              "kind": "field",
+              "name": "handleFocusOut"
             }
           ],
           "events": [
@@ -6267,6 +6869,25 @@
               "description": "Indicates the menu item's secondary text.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "checkTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls the placement of the menu item's checkmark or radio icon.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "checkedAppearance",
+              "type": {
+                "text": "CheckAppearance | undefined"
+              },
+              "description": "Controls the appearance of the check indicator.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "#submenuArray",
@@ -6309,6 +6930,23 @@
               },
               "description": "Indicates the menu item's secondary text.",
               "fieldName": "textSecondary"
+            },
+            {
+              "name": "check-trailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls the placement of the menu item's checkmark or radio icon.",
+              "fieldName": "checkTrailing"
+            },
+            {
+              "name": "check-appearance",
+              "type": {
+                "text": "CheckAppearance | undefined"
+              },
+              "description": "Controls the appearance of the check indicator.",
+              "fieldName": "checkedAppearance"
             }
           ],
           "superclass": {
@@ -6950,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",
@@ -7027,12 +7671,28 @@
               "name": "--vvd-text-field-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
             },
-            {
-              "name": "--vvd-text-field-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            }
-          ],
-          "members": [
+            {
+              "name": "--vvd-text-field-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            }
+          ],
+          "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",
@@ -7087,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": {
@@ -7952,6 +8628,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "shape",
@@ -7982,6 +8666,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "shape",
               "type": {
@@ -8099,6 +8791,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -8115,6 +8815,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "connotation",
               "type": {
@@ -8246,6 +8954,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -8266,6 +8982,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "label",
               "type": {
@@ -8642,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",
@@ -8843,6 +9799,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SliderConnotation",
+          "declaration": {
+            "name": "SliderConnotation",
+            "module": "./slider"
+          }
+        },
         {
           "kind": "js",
           "name": "sliderDefinition",
@@ -8869,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",
@@ -8879,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"
@@ -8889,6 +9904,14 @@
               "default": "false",
               "description": "Display markers on/off",
               "fieldName": "markers"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "SliderConnotation | undefined"
+              },
+              "description": "slider connotation",
+              "fieldName": "connotation"
             }
           ],
           "superclass": {
@@ -10627,6 +11650,14 @@
               },
               "description": "The wrap attribute",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#reflectToTextArea",
+              "privacy": "private",
+              "type": {
+                "text": "Reflector<this, HTMLTextAreaElement> | undefined"
+              }
             }
           ],
           "attributes": [
@@ -10832,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": [
@@ -11567,6 +12622,250 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/date-picker/date-picker-base.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for date-picker",
+          "name": "DatePickerBase",
+          "cssProperties": [
+            {
+              "name": "--vvd-date-picker-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-date-picker-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-date-picker-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-date-picker-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            },
+            {
+              "name": "--vvd-date-picker-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "The latest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "initialValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the date-picker.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "currentValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the date-picker.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the date-picker is readonly.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "#getFocusableEls"
+            },
+            {
+              "kind": "method",
+              "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "DateStr"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#isMonthAfterValidRange",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#isMonthBeforeValidRange",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusIn",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusOut",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getCustomValidationError",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#dismissOnClickOutside",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#isClosingPopup",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "#openPopupIfPossible"
+            },
+            {
+              "kind": "method",
+              "name": "_getSelectedDates",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "DateStr[]"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted date of the date-picker.",
+              "default": "''",
+              "fieldName": "min"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The latest accepted date of the date-picker.",
+              "default": "''",
+              "fieldName": "max"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the date-picker.",
+              "fieldName": "initialValue"
+            },
+            {
+              "name": "current-value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the date-picker.",
+              "fieldName": "currentValue"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the date-picker is readonly.",
+              "fieldName": "readOnly"
+            }
+          ],
+          "superclass": {
+            "name": "FormAssociatedDatePickerBase",
+            "module": "/libs/components/src/shared/date-picker/date-picker-base.form-associated"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DatePickerBase",
+          "declaration": {
+            "name": "DatePickerBase",
+            "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+          }
+        }
+      ]
     }
   ]
 }