@vonage/vivid 3.36.0 → 3.37.0

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;
@@ -20,13 +20,33 @@
   -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
   -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
 }
-.vvd-root p, .vvd-root .font-base {
+.vvd-root p,
+.vvd-root .font-base {
   font: var(--vvd-typography-base);
   margin-block: 16px;
 }
-.vvd-root p.tight, .vvd-root .font-base.tight {
+.vvd-root p.tight,
+.vvd-root .font-base.tight {
   margin-block: 0;
 }
+.vvd-root .font-base-bold {
+  font: var(--vvd-typography-base-bold);
+}
+.vvd-root .font-base-condensed {
+  font: var(--vvd-typography-base-condensed);
+}
+.vvd-root .font-base-condensed-bold {
+  font: var(--vvd-typography-base-condensed-bold);
+}
+.vvd-root .font-base-extended {
+  font: var(--vvd-typography-base-extended);
+}
+.vvd-root .font-base-extended-bold {
+  font: var(--vvd-typography-base-extended-bold);
+}
+.vvd-root .font-base-code {
+  font: var(--vvd-typography-base-code);
+}
 .vvd-root b, .vvd-root strong {
   font: var(--vvd-typography-base-bold);
 }
@@ -47,38 +67,49 @@
 .vvd-root .subtitle.tight {
   margin-block: 0;
 }
-.vvd-root h1, .vvd-root .heading1 {
+.vvd-root h1,
+.vvd-root .heading1 {
   font: var(--vvd-typography-heading-1);
   margin-block: 32px;
 }
-.vvd-root h1.tight, .vvd-root .heading1.tight {
+.vvd-root h1.tight,
+.vvd-root .heading1.tight {
   margin-block: 0;
 }
-.vvd-root h2, .vvd-root .heading2 {
+.vvd-root h2,
+.vvd-root .heading2 {
   font: var(--vvd-typography-heading-2);
   margin-block: 32px;
 }
-.vvd-root h2.tight, .vvd-root .heading2.tight {
+.vvd-root h2.tight,
+.vvd-root .heading2.tight {
   margin-block: 0;
 }
-.vvd-root h3, .vvd-root .heading3 {
+.vvd-root h3,
+.vvd-root .heading3 {
   font: var(--vvd-typography-heading-3);
   margin-block: 24px;
 }
-.vvd-root h3.tight, .vvd-root .heading3.tight {
+.vvd-root h3.tight,
+.vvd-root .heading3.tight {
   margin-block: 0;
 }
-.vvd-root h4, .vvd-root .heading4 {
+.vvd-root h4,
+.vvd-root .heading4 {
   font: var(--vvd-typography-heading-4);
   margin-block: 24px;
 }
-.vvd-root h4.tight, .vvd-root .heading4.tight {
+.vvd-root h4.tight,
+.vvd-root .heading4.tight {
   margin-block: 0;
 }
-.vvd-root small, .vvd-root figcaption {
+.vvd-root small,
+.vvd-root figcaption {
   font: var(--vvd-typography-base-condensed);
 }
-.vvd-root small b, .vvd-root small strong, .vvd-root figcaption b, .vvd-root figcaption strong {
+.vvd-root small b, .vvd-root small strong,
+.vvd-root figcaption b,
+.vvd-root figcaption strong {
   font: var(--vvd-typography-base-condensed-bold);
 }
 .vvd-root sub,

package/styles/tokens/theme-dark.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/vivid-2-compat.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Tue, 26 Sep 2023 13:00:58 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {

package/switch/index.js

@@ -10,6 +10,7 @@ import '../shared/focus.js';
 import '../shared/form-associated.js';
 import '../shared/key-codes.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/focus2.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';

package/tab/index.js

@@ -8,6 +8,7 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 

package/tabs/index.js

@@ -9,6 +9,7 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 import '../shared/definition44.js';
@@ -17,7 +18,5 @@ import '../shared/ref.js';
 import '../shared/key-codes.js';
 import '../shared/strings.js';
 import '../shared/numbers.js';
-import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerTabs();

package/tag/index.js

@@ -8,6 +8,7 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 

package/text-anchor/index.js

@@ -4,6 +4,7 @@ import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
 import '../shared/affix.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
+import '../shared/slotted.js';
 import '../shared/anchor.js';
 import '../shared/apply-mixins.js';
 import '../shared/aria-global.js';

package/text-area/index.js

@@ -8,6 +8,7 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/text-field2.js';

package/text-field/index.js

@@ -8,6 +8,7 @@ import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/text-field2.js';
@@ -19,7 +20,5 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/text-field.js';
 import '../shared/focus2.js';
-import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerTextField();

package/toggletip/index.js

@@ -12,6 +12,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/tooltip/index.js

@@ -12,6 +12,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/tree-item/index.js

@@ -8,14 +8,13 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/tree-item.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/apply-mixins.js';
 import '../shared/dom.js';
 import '../shared/focus2.js';
-import '../shared/node-observation.js';
 import '../shared/children.js';
-import '../shared/slotted.js';
 
 registerTreeItem();

package/tree-view/index.js

@@ -7,7 +7,6 @@ import '../shared/apply-mixins.js';
 import '../shared/dom.js';
 import '../shared/key-codes.js';
 import '../shared/slotted.js';
-import '../shared/node-observation.js';
 import '../shared/class-names.js';
 
 registerTreeView();

package/shared/node-observation.js

@@ -1,74 +0,0 @@
-import { O as Observable, e as emptyArray } from './index.js';
-
-/**
- * Creates a function that can be used to filter a Node array, selecting only elements.
- * @param selector - An optional selector to restrict the filter to.
- * @public
- */
-function elements(selector) {
-    if (selector) {
-        return function (value, index, array) {
-            return value.nodeType === 1 && value.matches(selector);
-        };
-    }
-    return function (value, index, array) {
-        return value.nodeType === 1;
-    };
-}
-/**
- * A base class for node observation.
- * @internal
- */
-class NodeObservationBehavior {
-    /**
-     * Creates an instance of NodeObservationBehavior.
-     * @param target - The target to assign the nodes property on.
-     * @param options - The options to use in configuring node observation.
-     */
-    constructor(target, options) {
-        this.target = target;
-        this.options = options;
-        this.source = null;
-    }
-    /**
-     * Bind this behavior to the source.
-     * @param source - The source to bind to.
-     * @param context - The execution context that the binding is operating within.
-     */
-    bind(source) {
-        const name = this.options.property;
-        this.shouldUpdate = Observable.getAccessors(source).some((x) => x.name === name);
-        this.source = source;
-        this.updateTarget(this.computeNodes());
-        if (this.shouldUpdate) {
-            this.observe();
-        }
-    }
-    /**
-     * Unbinds this behavior from the source.
-     * @param source - The source to unbind from.
-     */
-    unbind() {
-        this.updateTarget(emptyArray);
-        this.source = null;
-        if (this.shouldUpdate) {
-            this.disconnect();
-        }
-    }
-    /** @internal */
-    handleEvent() {
-        this.updateTarget(this.computeNodes());
-    }
-    computeNodes() {
-        let nodes = this.getNodes();
-        if (this.options.filter !== void 0) {
-            nodes = nodes.filter(this.options.filter);
-        }
-        return nodes;
-    }
-    updateTarget(value) {
-        this.source[this.options.property] = value;
-    }
-}
-
-export { NodeObservationBehavior as N, elements as e };