@vonage/vivid 3.32.0 → 3.35.0

package/accordion/index.js

@@ -1,17 +1,17 @@
-import { r as registerAccordion } from '../shared/definition.js';
+import { r as registerAccordion } from '../shared/definition2.js';
 import '../shared/index.js';
-import '../shared/definition2.js';
-import '../shared/definition3.js';
+import '../shared/definition.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/apply-mixins.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
-import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 import '../shared/key-codes.js';
 import '../shared/numbers.js';

package/accordion-item/index.js

@@ -1,16 +1,16 @@
-import { r as registerAccordionItem } from '../shared/definition2.js';
+import { r as registerAccordionItem } from '../shared/definition.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/apply-mixins.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
-import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 
 registerAccordionItem();

package/action-group/index.js

@@ -1,4 +1,4 @@
-import { r as registerActionGroup } from '../shared/definition5.js';
+import { r as registerActionGroup } from '../shared/definition3.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/alert/index.js

@@ -1,14 +1,14 @@
-import { r as registerAlert } from '../shared/definition6.js';
+import { r as registerAlert } from '../shared/definition4.js';
 import '../shared/index.js';
-import '../shared/definition7.js';
-import '../shared/definition3.js';
+import '../shared/definition10.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition9.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -19,7 +19,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition8.js';
+import '../shared/definition56.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 

package/avatar/index.js

@@ -1,6 +1,6 @@
-import { r as registerAvatar } from '../shared/definition10.js';
+import { r as registerAvatar } from '../shared/definition5.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';

package/badge/index.js

@@ -1,6 +1,6 @@
-import { r as registerBadge } from '../shared/definition11.js';
+import { r as registerBadge } from '../shared/definition6.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';

package/banner/index.js

@@ -1,14 +1,14 @@
-import { r as registerBanner } from '../shared/definition12.js';
+import { r as registerBanner } from '../shared/definition7.js';
 import '../shared/index.js';
-import '../shared/definition7.js';
-import '../shared/definition3.js';
+import '../shared/definition10.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition9.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';

package/breadcrumb/index.js

@@ -1,4 +1,4 @@
-import { r as registerBreadcrumb } from '../shared/definition13.js';
+import { r as registerBreadcrumb } from '../shared/definition9.js';
 import '../shared/index.js';
 import '../shared/node-observation.js';
 import '../shared/slotted.js';

package/breadcrumb-item/index.js

@@ -1,11 +1,11 @@
-import { r as registerBreadcrumbItem } from '../shared/definition14.js';
+import { r as registerBreadcrumbItem } from '../shared/definition8.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/breadcrumb-item.js';
 import '../shared/anchor.js';

package/button/index.js

@@ -1,13 +1,13 @@
-import { r as registerButton } from '../shared/definition7.js';
+import { r as registerButton } from '../shared/definition10.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition9.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';

package/calendar/index.js

@@ -1,4 +1,4 @@
-import { r as registerCalendar } from '../shared/definition15.js';
+import { r as registerCalendar } from '../shared/definition12.js';
 import '../shared/index.js';
 import '../shared/calendar-event.js';
 import '../shared/_has.js';

package/calendar-event/index.js

@@ -1,4 +1,4 @@
-import { r as registerCalendarEvent } from '../shared/definition16.js';
+import { r as registerCalendarEvent } from '../shared/definition11.js';
 import '../shared/index.js';
 import '../shared/calendar-event.js';
 import '../shared/when.js';

package/card/index.js

@@ -1,11 +1,11 @@
-import { r as registerCard } from '../shared/definition17.js';
+import { r as registerCard } from '../shared/definition13.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition8.js';
+import '../shared/definition56.js';
 import '../shared/slotted.js';
 import '../shared/node-observation.js';
 

package/checkbox/index.js

@@ -1,11 +1,11 @@
-import { r as registerCheckbox } from '../shared/definition18.js';
+import { r as registerCheckbox } from '../shared/definition14.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/index2.js';
@@ -14,5 +14,7 @@ import '../shared/form-associated.js';
 import '../shared/key-codes.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
+import '../shared/slotted.js';
+import '../shared/node-observation.js';
 
 registerCheckbox();

package/combobox/index.js

@@ -1,15 +1,15 @@
-import { r as registerCombobox } from '../shared/definition19.js';
+import { r as registerCombobox } from '../shared/definition15.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition20.js';
-import '../shared/definition7.js';
-import '../shared/definition4.js';
+import '../shared/definition57.js';
+import '../shared/definition10.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition9.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -20,8 +20,8 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition8.js';
-import '../shared/definition21.js';
+import '../shared/definition56.js';
+import '../shared/definition33.js';
 import '../shared/dom.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';

package/custom-elements.json

@@ -752,6 +752,10 @@
               "name": "--vvd-avatar-cta-pale",
               "default": "var(--vvd-color-cta-300)"
             },
+            {
+              "name": "--vvd-avatar-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-avatar-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -771,6 +775,10 @@
             {
               "name": "--vvd-avatar-accent-pale",
               "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-avatar-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             }
           ],
           "slots": [
@@ -3650,6 +3658,26 @@
               "description": "The error-text text of the date-picker.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "DateStr | null"
+              },
+              "default": "null",
+              "description": "The earliest accepted date of the date-picker.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "DateStr | null"
+              },
+              "default": "null",
+              "description": "The latest accepted date of the date-picker.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "value",
@@ -3692,6 +3720,34 @@
               "description": "Whether the date-picker is readonly.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "#getFocusableEls"
+            },
+            {
+              "kind": "method",
+              "name": "#isMonthAfterValidRange",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#isMonthBeforeValidRange",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "Month"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "#dismissOnClickOutside",
@@ -3746,6 +3802,22 @@
               "description": "The error-text text of the date-picker.",
               "fieldName": "errorText"
             },
+            {
+              "type": {
+                "text": "DateStr | null"
+              },
+              "default": "null",
+              "description": "The earliest accepted date of the date-picker.",
+              "fieldName": "min"
+            },
+            {
+              "type": {
+                "text": "DateStr | null"
+              },
+              "default": "null",
+              "description": "The latest accepted date of the date-picker.",
+              "fieldName": "max"
+            },
             {
               "type": {
                 "text": "DateStr | null"
@@ -5177,14 +5249,6 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/icon/icon.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "ICON_SET_VERSION",
-          "type": {
-            "text": "string"
-          },
-          "default": "'4.2.3'"
-        },
         {
           "kind": "class",
           "description": "",
@@ -5298,14 +5362,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "ICON_SET_VERSION",
-          "declaration": {
-            "name": "ICON_SET_VERSION",
-            "module": "libs/components/src/lib/icon/icon.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "Icon",
@@ -5605,6 +5661,60 @@
               },
               "description": "The appearance the listbox should have.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              },
+              "description": "The direction the listbox options should flow.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "orientationChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "ListboxShape | undefined"
+              },
+              "description": "The shape the listbox should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "slottedOptionsChanged",
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "Element[] | undefined"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "Element[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#disableSlottedChildren",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             }
           ],
           "attributes": [
@@ -5615,6 +5725,22 @@
               },
               "description": "The appearance the listbox should have.",
               "fieldName": "appearance"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              },
+              "description": "The direction the listbox options should flow.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "ListboxShape | undefined"
+              },
+              "description": "The shape the listbox should have.",
+              "fieldName": "shape"
             }
           ],
           "superclass": {
@@ -7829,7 +7955,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
               }
             }
           ],
@@ -7844,7 +7970,7 @@
             {
               "name": "size",
               "type": {
-                "text": "-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
               },
               "fieldName": "size"
             }
@@ -10471,6 +10597,16 @@
               "default": "var(--vvd-color-neutral-100)"
             }
           ],
+          "slots": [
+            {
+              "description": "Used to add action items to the start of the text-field.",
+              "name": "leading-action-items"
+            },
+            {
+              "description": "Used to add action items to the end of the text-field.",
+              "name": "action-items"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -10492,6 +10628,13 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "kind": "field",
+              "name": "leadingActionItemsSlottedContent",
+              "type": {
+                "text": "HTMLElement[] | undefined"
+              }
             }
           ],
           "attributes": [
@@ -11343,6 +11486,29 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "compareDateStr",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "a",
+              "type": {
+                "text": "DateStr"
+              }
+            },
+            {
+              "name": "b",
+              "type": {
+                "text": "DateStr"
+              }
+            }
+          ]
+        },
         {
           "kind": "function",
           "name": "isValidDateStr",
@@ -11394,6 +11560,14 @@
             "module": "libs/components/src/lib/date-picker/calendar/dateStr.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "compareDateStr",
+          "declaration": {
+            "name": "compareDateStr",
+            "module": "libs/components/src/lib/date-picker/calendar/dateStr.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "isValidDateStr",
@@ -11463,6 +11637,29 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "compareMonths",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "a",
+              "type": {
+                "text": "Month"
+              }
+            },
+            {
+              "name": "b",
+              "type": {
+                "text": "Month"
+              }
+            }
+          ]
+        },
         {
           "kind": "function",
           "name": "areMonthsEqual",
@@ -11529,6 +11726,14 @@
             "module": "libs/components/src/lib/date-picker/calendar/month.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "compareMonths",
+          "declaration": {
+            "name": "compareMonths",
+            "module": "libs/components/src/lib/date-picker/calendar/month.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "areMonthsEqual",
@@ -11672,6 +11877,39 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/date-picker/calendar/year.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "yearOfDate",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "dateStr",
+              "type": {
+                "text": "DateStr"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "yearOfDate",
+          "declaration": {
+            "name": "yearOfDate",
+            "module": "libs/components/src/lib/date-picker/calendar/year.ts"
+          }
+        }
+      ]
     }
   ]
 }

package/data-grid/index.js

@@ -1,5 +1,5 @@
-import { r as registerDataGrid } from '../shared/definition22.js';
-import '../shared/definition3.js';
+import { r as registerDataGrid } from '../shared/definition16.js';
+import '../shared/definition24.js';
 import '../shared/index.js';
 import '../shared/icon.js';
 import '../shared/_has.js';