@vonage/vivid 3.31.0 → 3.34.0

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);
@@ -26,10 +26,13 @@
   -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 p, .vvd-root .font-base {
   font: var(--vvd-typography-base);
   margin-block: 16px;
 }
+.vvd-root p.tight, .vvd-root .font-base.tight {
+  margin-block: 0;
+}
 .vvd-root b, .vvd-root strong {
   font: var(--vvd-typography-base-bold);
 }
@@ -40,26 +43,44 @@
   font: var(--vvd-typography-headline);
   margin-block: 40px;
 }
+.vvd-root .headline.tight {
+  margin-block: 0;
+}
 .vvd-root .subtitle {
   font: var(--vvd-typography-subtitle);
   margin-block: 40px;
 }
+.vvd-root .subtitle.tight {
+  margin-block: 0;
+}
 .vvd-root h1, .vvd-root .heading1 {
   font: var(--vvd-typography-heading-1);
   margin-block: 32px;
 }
+.vvd-root h1.tight, .vvd-root .heading1.tight {
+  margin-block: 0;
+}
 .vvd-root h2, .vvd-root .heading2 {
   font: var(--vvd-typography-heading-2);
   margin-block: 32px;
 }
+.vvd-root h2.tight, .vvd-root .heading2.tight {
+  margin-block: 0;
+}
 .vvd-root h3, .vvd-root .heading3 {
   font: var(--vvd-typography-heading-3);
   margin-block: 24px;
 }
+.vvd-root h3.tight, .vvd-root .heading3.tight {
+  margin-block: 0;
+}
 .vvd-root h4, .vvd-root .heading4 {
   font: var(--vvd-typography-heading-4);
   margin-block: 24px;
 }
+.vvd-root h4.tight, .vvd-root .heading4.tight {
+  margin-block: 0;
+}
 .vvd-root small, .vvd-root figcaption {
   font: var(--vvd-typography-base-condensed);
 }
@@ -68,7 +89,8 @@
 }
 .vvd-root sub,
 .vvd-root sup {
-  font: 75%;
+  font: var(--vvd-typography-base-condensed);
+  font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;

package/styles/core/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;
@@ -20,10 +20,13 @@
   -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 p, .vvd-root .font-base {
   font: var(--vvd-typography-base);
   margin-block: 16px;
 }
+.vvd-root p.tight, .vvd-root .font-base.tight {
+  margin-block: 0;
+}
 .vvd-root b, .vvd-root strong {
   font: var(--vvd-typography-base-bold);
 }
@@ -34,26 +37,44 @@
   font: var(--vvd-typography-headline);
   margin-block: 40px;
 }
+.vvd-root .headline.tight {
+  margin-block: 0;
+}
 .vvd-root .subtitle {
   font: var(--vvd-typography-subtitle);
   margin-block: 40px;
 }
+.vvd-root .subtitle.tight {
+  margin-block: 0;
+}
 .vvd-root h1, .vvd-root .heading1 {
   font: var(--vvd-typography-heading-1);
   margin-block: 32px;
 }
+.vvd-root h1.tight, .vvd-root .heading1.tight {
+  margin-block: 0;
+}
 .vvd-root h2, .vvd-root .heading2 {
   font: var(--vvd-typography-heading-2);
   margin-block: 32px;
 }
+.vvd-root h2.tight, .vvd-root .heading2.tight {
+  margin-block: 0;
+}
 .vvd-root h3, .vvd-root .heading3 {
   font: var(--vvd-typography-heading-3);
   margin-block: 24px;
 }
+.vvd-root h3.tight, .vvd-root .heading3.tight {
+  margin-block: 0;
+}
 .vvd-root h4, .vvd-root .heading4 {
   font: var(--vvd-typography-heading-4);
   margin-block: 24px;
 }
+.vvd-root h4.tight, .vvd-root .heading4.tight {
+  margin-block: 0;
+}
 .vvd-root small, .vvd-root figcaption {
   font: var(--vvd-typography-base-condensed);
 }
@@ -62,7 +83,8 @@
 }
 .vvd-root sub,
 .vvd-root sup {
-  font: 75%;
+  font: var(--vvd-typography-base-condensed);
+  font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;

package/styles/tokens/theme-dark.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

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

@@ -1,13 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Aug 2023 11:13:18 GMT
+ * Generated on Mon, 04 Sep 2023 12:44:18 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {
   --_vvd3--vvd-color-neutral-50: var(--vvd-color-neutral-50);
 }
 
-.vvd-component {
+.vvd-component:not(.vvd-theme-alternate) {
   --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);
 }
 

package/switch/index.js

@@ -1,16 +1,17 @@
-import { r as registerSwitch } from '../shared/definition45.js';
+import { r as registerSwitch } from '../shared/definition43.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/form-associated.js';
 import '../shared/key-codes.js';
 import '../shared/affix.js';
 import '../shared/focus2.js';
-import '../shared/form-elements.js';
+import '../shared/index2.js';
+import '../locales/en-US.js';
 
 registerSwitch();

package/tab/index.js

@@ -1,11 +1,11 @@
-import { r as registerTab } from '../shared/definition46.js';
+import { r as registerTab } from '../shared/definition45.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';

package/tab-panel/index.js

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

package/tabs/index.js

@@ -1,17 +1,17 @@
-import { r as registerTabs } from '../shared/definition48.js';
+import { r as registerTabs } from '../shared/definition46.js';
 import '../shared/index.js';
-import '../shared/definition46.js';
-import '../shared/definition3.js';
+import '../shared/definition45.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/focus2.js';
-import '../shared/definition47.js';
+import '../shared/definition44.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/key-codes.js';

package/tag/index.js

@@ -1,11 +1,11 @@
-import { r as registerTag } from '../shared/definition49.js';
+import { r as registerTag } from '../shared/definition48.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';

package/tag-group/index.js

@@ -1,4 +1,4 @@
-import { r as registerTagGroup } from '../shared/definition50.js';
+import { r as registerTagGroup } from '../shared/definition47.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/text-anchor/index.js

@@ -14,7 +14,7 @@ import '../shared/focus.js';
 import '../shared/class-names.js';
 
 const textAnchorDefinition = TextAnchor.compose({
-  baseName: 'text-anchor',
+  baseName: "text-anchor",
   template: textAnchorTemplate
 });
 const textAnchorRegistries = [textAnchorDefinition()];

package/text-area/index.js

@@ -1,14 +1,15 @@
-import { r as registerTextArea } from '../shared/definition51.js';
+import { r as registerTextArea } from '../shared/definition49.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/form-elements.js';
+import '../shared/index2.js';
+import '../locales/en-US.js';
 import '../shared/text-field2.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/text-field/index.js

@@ -1,14 +1,15 @@
-import { r as registerTextField } from '../shared/definition52.js';
+import { r as registerTextField } from '../shared/definition50.js';
 import '../shared/index.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.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/affix.js';
-import '../shared/form-elements.js';
+import '../shared/index2.js';
+import '../locales/en-US.js';
 import '../shared/text-field2.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/toggletip/index.js

@@ -1,15 +1,15 @@
-import { r as registerToggletip } from '../shared/definition53.js';
+import { r as registerToggletip } from '../shared/definition51.js';
 import '../shared/index.js';
-import '../shared/definition20.js';
-import '../shared/definition7.js';
-import '../shared/definition3.js';
+import '../shared/definition57.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';
@@ -20,6 +20,6 @@ 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';
 
 registerToggletip();

package/tooltip/index.js

@@ -1,15 +1,15 @@
-import { r as registerTooltip } from '../shared/definition54.js';
+import { r as registerTooltip } from '../shared/definition52.js';
 import '../shared/index.js';
-import '../shared/definition20.js';
-import '../shared/definition7.js';
-import '../shared/definition3.js';
+import '../shared/definition57.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';
@@ -20,6 +20,6 @@ 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';
 
 registerTooltip();

package/tree-item/index.js

@@ -1,11 +1,11 @@
-import { r as registerTreeItem } from '../shared/definition55.js';
+import { r as registerTreeItem } from '../shared/definition53.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/tree-item.js';

package/tree-view/index.js

@@ -1,4 +1,4 @@
-import { r as registerTreeView } from '../shared/definition56.js';
+import { r as registerTreeView } from '../shared/definition54.js';
 import '../shared/index.js';
 import '../shared/tree-item.js';
 import '../shared/start-end.js';

package/vivid.api.json

@@ -2332,6 +2332,83 @@
             "endIndex": 10
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@vonage/vivid!datePickerDefinition:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "datePickerDefinition: "
+            },
+            {
+              "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-picker/definition.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "datePickerDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 14
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!designSystem:var",
@@ -5296,6 +5373,34 @@
             "endIndex": 3
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@vonage/vivid!registerDatePicker:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "registerDatePicker: "
+            },
+            {
+              "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-picker/definition.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "registerDatePicker",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!registerDialog:var",
@@ -6679,6 +6784,38 @@
             "endIndex": 9
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@vonage/vivid!setLocale:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "setLocale: "
+            },
+            {
+              "kind": "Content",
+              "text": "(locale: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Locale",
+              "canonicalReference": "@vonage/vivid!~Locale:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ") => void"
+            }
+          ],
+          "fileUrlPath": "../../dist/libs/components/shared/localization/index.d.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "setLocale",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
         {
           "kind": "Enum",
           "canonicalReference": "@vonage/vivid!Shape:enum",

package/lib/accordion/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/accordion-item/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/action-group/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/alert/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/avatar/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/badge/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/banner/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/breadcrumb/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/breadcrumb-item/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/button/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/calendar/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/calendar-event/index.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/card/index.d.ts

@@ -1 +0,0 @@
-export {};