@vonage/vivid 3.30.0 → 3.32.0

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 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 Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 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 Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 13:17:40 GMT
+ * Generated on Tue, 22 Aug 2023 13:37:39 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

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

@@ -0,0 +1,14 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 22 Aug 2023 13:37:39 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:not(.vvd-theme-alternate) {
+  --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);
+}
+
+/*# sourceMappingURL=vivid-2-compat.css.map */

package/switch/index.js

@@ -1,4 +1,4 @@
-import { r as registerSwitch } from '../shared/definition45.js';
+import { r as registerSwitch } from '../shared/definition47.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -11,6 +11,7 @@ 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,4 +1,4 @@
-import { r as registerTab } from '../shared/definition46.js';
+import { r as registerTab } from '../shared/definition48.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/tab-panel/index.js

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

package/tabs/index.js

@@ -1,6 +1,6 @@
-import { r as registerTabs } from '../shared/definition48.js';
+import { r as registerTabs } from '../shared/definition50.js';
 import '../shared/index.js';
-import '../shared/definition46.js';
+import '../shared/definition48.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
@@ -11,7 +11,7 @@ import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
-import '../shared/definition47.js';
+import '../shared/definition49.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/key-codes.js';

package/tag/index.js

@@ -1,4 +1,4 @@
-import { r as registerTag } from '../shared/definition49.js';
+import { r as registerTag } from '../shared/definition51.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/tag-group/index.js

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

package/text-area/index.js

@@ -1,4 +1,4 @@
-import { r as registerTextArea } from '../shared/definition51.js';
+import { r as registerTextArea } from '../shared/definition53.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -8,7 +8,8 @@ import '../shared/when.js';
 import '../shared/definition4.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,4 +1,4 @@
-import { r as registerTextField } from '../shared/definition52.js';
+import { r as registerTextField } from '../shared/definition24.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
@@ -8,7 +8,8 @@ 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,4 +1,4 @@
-import { r as registerToggletip } from '../shared/definition53.js';
+import { r as registerToggletip } from '../shared/definition54.js';
 import '../shared/index.js';
 import '../shared/definition20.js';
 import '../shared/definition7.js';

package/tooltip/index.js

@@ -1,4 +1,4 @@
-import { r as registerTooltip } from '../shared/definition54.js';
+import { r as registerTooltip } from '../shared/definition55.js';
 import '../shared/index.js';
 import '../shared/definition20.js';
 import '../shared/definition7.js';

package/tree-item/index.js

@@ -1,4 +1,4 @@
-import { r as registerTreeItem } from '../shared/definition55.js';
+import { r as registerTreeItem } from '../shared/definition56.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/tree-view/index.js

@@ -1,4 +1,4 @@
-import { r as registerTreeView } from '../shared/definition56.js';
+import { r as registerTreeView } from '../shared/definition57.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",
@@ -4123,6 +4200,131 @@
             "endIndex": 14
           }
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@vonage/vivid!PaginationShape:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type PaginationShape = "
+            },
+            {
+              "kind": "Reference",
+              "text": "Extract",
+              "canonicalReference": "!Extract:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "Shape",
+              "canonicalReference": "@vonage/vivid!Shape:enum"
+            },
+            {
+              "kind": "Content",
+              "text": ", "
+            },
+            {
+              "kind": "Reference",
+              "text": "Shape.Rounded",
+              "canonicalReference": "@vonage/vivid!Shape.Rounded:member"
+            },
+            {
+              "kind": "Content",
+              "text": " | "
+            },
+            {
+              "kind": "Reference",
+              "text": "Shape.Pill",
+              "canonicalReference": "@vonage/vivid!Shape.Pill:member"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "../../dist/libs/components/lib/pagination/pagination.d.ts",
+          "releaseTag": "Public",
+          "name": "PaginationShape",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 9
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@vonage/vivid!PaginationSize:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type PaginationSize = "
+            },
+            {
+              "kind": "Reference",
+              "text": "Extract",
+              "canonicalReference": "!Extract:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "Size",
+              "canonicalReference": "@vonage/vivid!Size:enum"
+            },
+            {
+              "kind": "Content",
+              "text": ", "
+            },
+            {
+              "kind": "Reference",
+              "text": "Size.SuperCondensed",
+              "canonicalReference": "@vonage/vivid!Size.SuperCondensed:member"
+            },
+            {
+              "kind": "Content",
+              "text": " | "
+            },
+            {
+              "kind": "Reference",
+              "text": "Size.Condensed",
+              "canonicalReference": "@vonage/vivid!Size.Condensed:member"
+            },
+            {
+              "kind": "Content",
+              "text": " | "
+            },
+            {
+              "kind": "Reference",
+              "text": "Size.Normal",
+              "canonicalReference": "@vonage/vivid!Size.Normal:member"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "../../dist/libs/components/lib/pagination/pagination.d.ts",
+          "releaseTag": "Public",
+          "name": "PaginationSize",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 11
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@vonage/vivid!PopupPlacement:type",
@@ -5171,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",
@@ -6554,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",