@vonage/vivid-react 3.5.2 → 4.0.0

package/v3/VwcSplitButton/index.js

@@ -40,6 +40,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-cta-faint",
    "default": "var(--vvd-color-cta-50)"
   },
+  {
+   "name": "--vvd-split-button-cta-fierce-primary",
+   "default": "var(--vvd-color-cta-700)"
+  },
   {
    "name": "--vvd-split-button-success-primary",
    "default": "var(--vvd-color-success-500)"
@@ -72,6 +76,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-success-faint",
    "default": "var(--vvd-color-success-50)"
   },
+  {
+   "name": "--vvd-split-button-success-fierce-primary",
+   "default": "var(--vvd-color-success-700)"
+  },
   {
    "name": "--vvd-split-button-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -104,6 +112,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-alert-faint",
    "default": "var(--vvd-color-alert-50)"
   },
+  {
+   "name": "--vvd-split-button-alert-fierce-primary",
+   "default": "var(--vvd-color-alert-700)"
+  },
   {
    "name": "--vvd-split-button-announcement-primary",
    "default": "var(--vvd-color-announcement-500)"
@@ -136,6 +148,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-announcement-faint",
    "default": "var(--vvd-color-announcement-50)"
   },
+  {
+   "name": "--vvd-split-button-announcement-fierce-primary",
+   "default": "var(--vvd-color-announcement-700)"
+  },
   {
    "name": "--vvd-split-button-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -167,6 +183,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-split-button-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-split-button-accent-fierce-primary",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "slots": [
@@ -289,6 +309,32 @@ Code in this file were generated using following JSON:
    "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "handleActionClick",
+   "parameters": [
+    {
+     "name": "event",
+     "type": {
+      "text": "Event"
+     }
+    }
+   ],
+   "description": "Handles action click events.\nPrevents interaction when disabled or pending."
+  },
+  {
+   "kind": "method",
+   "name": "handleIndicatorClick",
+   "parameters": [
+    {
+     "name": "event",
+     "type": {
+      "text": "Event"
+     }
+    }
+   ],
+   "description": "Handles indicator click events.\nPrevents interaction when disabled or pending."
+  },
   {
    "kind": "field",
    "name": "icon",
@@ -460,6 +506,49 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "split-button"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "clickAction",
+    "args": [
+     "click",
+     "#actionButton"
+    ]
+   },
+   {
+    "name": "clickIndicator",
+    "args": [
+     "click",
+     "#indicatorButton"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "actionButton",
+    "args": [
+     "shadow",
+     "button.control"
+    ]
+   },
+   {
+    "name": "indicatorButton",
+    "args": [
+     "shadow",
+     "button.indicator"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcSplitButton/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-split-button",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcSwitch/index.js

@@ -552,6 +552,57 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.checked"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "check",
+    "args": [
+     "click",
+     "#switch"
+    ]
+   },
+   {
+    "name": "uncheck",
+    "args": [
+     "click",
+     "#switch"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "checked",
+    "args": [
+     "checked",
+     "true"
+    ]
+   },
+   {
+    "name": "unchecked",
+    "args": [
+     "checked",
+     "false"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "switch",
+    "args": [
+     "shadow",
+     ".switch"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcSwitch/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-switch",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTab/index.js

@@ -306,6 +306,50 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "tab"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "select",
+    "args": [
+     "click",
+     "#base"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "active",
+    "args": [
+     "active",
+     "true"
+    ]
+   },
+   {
+    "name": "inactive",
+    "args": [
+     "active",
+     "false"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "base",
+    "args": [
+     "shadow",
+     ".base"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcTab/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tab",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTabPanel/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tab-panel",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTabs/index.js

@@ -33,6 +33,10 @@ Code in this file were generated using following JSON:
    "description": "The orientation",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "#areSlotsSynced"
+  },
   {
    "kind": "field",
    "name": "_pairedTabs",

package/v3/VwcTabs/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tabs",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTag/index.js

@@ -9,13 +9,21 @@ Code in this file were generated using following JSON:
  "name": "Tag",
  "cssProperties": [
   {
-   "name": "--vvd-tag-cta-contrast",
-   "default": "var(--vvd-color-cta-800)"
+   "name": "--vvd-tag-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-tag-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
   },
   {
    "name": "--vvd-tag-cta-soft",
    "default": "var(--vvd-color-cta-100)"
   },
+  {
+   "name": "--vvd-tag-cta-contrast",
+   "default": "var(--vvd-color-cta-800)"
+  },
   {
    "name": "--vvd-tag-cta-pale",
    "default": "var(--vvd-color-cta-300)"
@@ -24,6 +32,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-tag-cta-fierce",
    "default": "var(--vvd-color-cta-700)"
   },
+  {
+   "name": "--vvd-tag-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-tag-cta-firm-all",
    "default": "var(--vvd-color-cta-600)"
@@ -37,13 +49,21 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-cta-200)"
   },
   {
-   "name": "--vvd-tag-accent-contrast",
-   "default": "var(--vvd-color-neutral-800)"
+   "name": "--vvd-tag-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-tag-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
   },
   {
    "name": "--vvd-tag-accent-soft",
    "default": "var(--vvd-color-neutral-100)"
   },
+  {
+   "name": "--vvd-tag-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
   {
    "name": "--vvd-tag-accent-pale",
    "default": "var(--vvd-color-neutral-300)"
@@ -52,6 +72,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-tag-accent-fierce",
    "default": "var(--vvd-color-neutral-700)"
   },
+  {
+   "name": "--vvd-tag-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
   {
    "name": "--vvd-tag-accent-firm-all",
    "default": "var(--vvd-color-neutral-600)"
@@ -355,6 +379,92 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "tag"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "click",
+    "args": [
+     "click",
+     "#base"
+    ]
+   },
+   {
+    "name": "remove",
+    "args": [
+     "click",
+     "#dismissButton"
+    ]
+   },
+   {
+    "name": "select",
+    "args": [
+     "toggleTag",
+     "true"
+    ]
+   },
+   {
+    "name": "unselect",
+    "args": [
+     "toggleTag",
+     "false"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "selected",
+    "args": [
+     "selected",
+     "true"
+    ]
+   },
+   {
+    "name": "unselected",
+    "args": [
+     "selected",
+     "false"
+    ]
+   },
+   {
+    "name": "disabled",
+    "args": [
+     "disabled",
+     "true"
+    ]
+   },
+   {
+    "name": "!disabled",
+    "args": [
+     "disabled",
+     "false"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "base",
+    "args": [
+     "shadow",
+     ".base"
+    ]
+   },
+   {
+    "name": "dismissButton",
+    "args": [
+     "shadow",
+     ".dismiss-button"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcTag/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tag",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTagGroup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tag-group",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTextArea/index.js

@@ -811,6 +811,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "WithContextualHelp",
+   "module": "/src/shared/patterns"
+  },
   {
    "name": "WithFeedback",
    "module": "/src/shared/feedback/mixins"
@@ -857,6 +861,35 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.value"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "fill",
+    "args": [
+     "fill",
+     "#control"
+    ]
+   },
+   {
+    "name": "clear",
+    "args": [
+     "clear",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "shadow",
+     ".control"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcTextArea/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-text-area",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTextField/index.js

@@ -823,6 +823,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "WithContextualHelp",
+   "module": "/src/shared/patterns"
+  },
   {
    "name": "WithLightDOMFeedback",
    "module": "/src/shared/feedback/mixins"
@@ -873,6 +877,42 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.value"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "fill",
+    "args": [
+     "fill",
+     "#control"
+    ]
+   },
+   {
+    "name": "clear",
+    "args": [
+     "clear",
+     "#control"
+    ]
+   },
+   {
+    "name": "blur",
+    "args": [
+     "blur",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "light",
+     "input[slot=\"_control\"]"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcTextField/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-text-field",
-  "version": "4.29.0",
+  "version": "5.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.5.0"
   }
 }

package/v3/VwcTimePicker/index.js

@@ -109,7 +109,7 @@ Code in this file were generated using following JSON:
    "name": "#clockChangeObserver",
    "privacy": "private",
    "type": {
-    "text": "BindingObserver"
+    "text": "ExpressionNotifier"
    },
    "inheritedFrom": {
     "name": "TimeSelectionPicker",
@@ -182,7 +182,7 @@ Code in this file were generated using following JSON:
    "name": "#localeChangeObserver",
    "privacy": "private",
    "type": {
-    "text": "BindingObserver"
+    "text": "ExpressionNotifier"
    },
    "inheritedFrom": {
     "name": "PickerField",
@@ -730,6 +730,19 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.value"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "selectTime",
+    "args": [
+     "selectTime"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": []
  }
 }
 */