@vonage/vivid 3.36.0 → 3.38.0

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);
@@ -26,13 +26,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);
 }
@@ -53,38 +73,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/core/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

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 Fri, 13 Oct 2023 14:45:50 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 Fri, 13 Oct 2023 14:45:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 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 Fri, 13 Oct 2023 14:45:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 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 Fri, 13 Oct 2023 14:45:50 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {

package/switch/index.js

@@ -1,15 +1,16 @@
-import { r as registerSwitch } from '../shared/definition43.js';
+import { r as registerSwitch } from '../shared/definition44.js';
 import '../shared/index.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.js';
 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

@@ -1,13 +1,14 @@
-import { r as registerTab } from '../shared/definition45.js';
+import { r as registerTab } from '../shared/definition46.js';
 import '../shared/index.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 

package/tab-panel/index.js

@@ -1,4 +1,4 @@
-import { r as registerTabPanel } from '../shared/definition44.js';
+import { r as registerTabPanel } from '../shared/definition45.js';
 import '../shared/index.js';
 
 registerTabPanel();

package/tabs/index.js

@@ -1,23 +1,22 @@
-import { r as registerTabs } from '../shared/definition46.js';
+import { r as registerTabs } from '../shared/definition47.js';
 import '../shared/index.js';
-import '../shared/definition45.js';
-import '../shared/definition24.js';
+import '../shared/definition46.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.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';
+import '../shared/definition45.js';
 import '../shared/start-end.js';
 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

@@ -1,13 +1,14 @@
-import { r as registerTag } from '../shared/definition48.js';
+import { r as registerTag } from '../shared/definition49.js';
 import '../shared/index.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 

package/tag-group/index.js

@@ -1,4 +1,4 @@
-import { r as registerTagGroup } from '../shared/definition47.js';
+import { r as registerTagGroup } from '../shared/definition48.js';
 import '../shared/index.js';
 import '../shared/class-names.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

@@ -1,13 +1,14 @@
-import { r as registerTextArea } from '../shared/definition49.js';
+import { r as registerTextArea } from '../shared/definition50.js';
 import '../shared/index.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.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

@@ -1,13 +1,14 @@
-import { r as registerTextField } from '../shared/definition50.js';
+import { r as registerTextField } from '../shared/definition51.js';
 import '../shared/index.js';
-import '../shared/definition55.js';
+import '../shared/definition56.js';
 import '../shared/focus.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 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

@@ -1,17 +1,18 @@
-import { r as registerToggletip } from '../shared/definition51.js';
+import { r as registerToggletip } from '../shared/definition52.js';
 import '../shared/index.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/definition10.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.js';
 import '../shared/focus.js';
-import '../shared/definition35.js';
+import '../shared/definition36.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';
@@ -20,6 +21,6 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 
 registerToggletip();

package/tooltip/index.js

@@ -1,17 +1,18 @@
-import { r as registerTooltip } from '../shared/definition52.js';
+import { r as registerTooltip } from '../shared/definition53.js';
 import '../shared/index.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/definition10.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.js';
 import '../shared/focus.js';
-import '../shared/definition35.js';
+import '../shared/definition36.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';
@@ -20,6 +21,6 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 
 registerTooltip();

package/tree-item/index.js

@@ -1,21 +1,20 @@
-import { r as registerTreeItem } from '../shared/definition53.js';
+import { r as registerTreeItem } from '../shared/definition54.js';
 import '../shared/index.js';
-import '../shared/definition24.js';
+import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition55.js';
+import '../shared/definition56.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

@@ -1,4 +1,4 @@
-import { r as registerTreeView } from '../shared/definition54.js';
+import { r as registerTreeView } from '../shared/definition55.js';
 import '../shared/index.js';
 import '../shared/tree-item.js';
 import '../shared/start-end.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/vivid.api.json

@@ -2418,6 +2418,83 @@
             "endIndex": 14
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@vonage/vivid!dateRangePickerDefinition:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "dateRangePickerDefinition: "
+            },
+            {
+              "kind": "Content",
+              "text": "(overrideDefinition?: import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "OverrideFoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "> | undefined) => import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementRegistry",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "Constructable",
+              "canonicalReference": "@microsoft/fast-element!Constructable:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElement",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">>"
+            }
+          ],
+          "fileUrlPath": "../../dist/libs/components/lib/date-range-picker/definition.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "dateRangePickerDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 14
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!designSystem:var",
@@ -5410,6 +5487,34 @@
             "endIndex": 3
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@vonage/vivid!registerDateRangePicker:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "registerDateRangePicker: "
+            },
+            {
+              "kind": "Content",
+              "text": "(prefix?: string) => import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "DesignSystem",
+              "canonicalReference": "@microsoft/fast-foundation!DesignSystem:interface"
+            }
+          ],
+          "fileUrlPath": "../../dist/libs/components/lib/date-range-picker/definition.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "registerDateRangePicker",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!registerDialog:var",

package/lib/date-picker/date-picker.template.d.ts

@@ -1,4 +0,0 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-import type { DatePicker } from './date-picker';
-export declare const DatePickerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<DatePicker>;