@vonage/vivid-vue 5.29.0 → 5.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/generated/components/VRadioGroup.vue3.d.ts +1 -0
  2. package/dist/index.cjs +37 -29
  3. package/dist/index.js +37 -29
  4. package/package.json +5 -5
  5. package/web-types.json +31 -27
package/dist/generated/components/VRadioGroup.vue3.d.ts CHANGED
@@ -155,6 +155,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
155
155
  modelModifiers: Record<string, boolean>;
156
156
  orientation: "horizontal" | "vertical";
157
157
  }, SlotsType<{
158
+ "contextual-help": Record<string, never>;
158
159
  default: Record<string, never>;
159
160
  "helper-text": Record<string, never>;
160
161
  }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/dist/index.cjs CHANGED
@@ -207,7 +207,7 @@ var VAccordionItem_default = (0, vue.defineComponent)({
207
207
  /**
208
208
  * A decorative icon the custom element should have. See the [Vivid Icon
209
209
  * Gallery](/icons/icons-gallery/) for available icons and their names.
210
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
210
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
211
211
  */
212
212
  icon: {
213
213
  type: String,
@@ -493,7 +493,7 @@ var VAlert_default = (0, vue.defineComponent)({
493
493
  /**
494
494
  * A decorative icon the custom element should have. See the [Vivid Icon
495
495
  * Gallery](/icons/icons-gallery/) for available icons and their names.
496
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
496
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
497
497
  */
498
498
  icon: {
499
499
  type: String,
@@ -911,7 +911,7 @@ var VAvatar_default = (0, vue.defineComponent)({
911
911
  },
912
912
  /**
913
913
  * Sets the element's icon
914
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
914
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
915
915
  */
916
916
  icon: {
917
917
  type: String,
@@ -1106,7 +1106,7 @@ var VBadge_default = (0, vue.defineComponent)({
1106
1106
  /**
1107
1107
  * A decorative icon the custom element should have. See the [Vivid Icon
1108
1108
  * Gallery](/icons/icons-gallery/) for available icons and their names.
1109
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
1109
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
1110
1110
  */
1111
1111
  icon: {
1112
1112
  type: String,
@@ -1250,7 +1250,7 @@ var VBanner_default = (0, vue.defineComponent)({
1250
1250
  /**
1251
1251
  * A decorative icon the custom element should have. See the [Vivid Icon
1252
1252
  * Gallery](/icons/icons-gallery/) for available icons and their names.
1253
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
1253
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
1254
1254
  */
1255
1255
  icon: {
1256
1256
  type: String,
@@ -1682,7 +1682,7 @@ var VButton_default = (0, vue.defineComponent)({
1682
1682
  /**
1683
1683
  * A decorative icon the custom element should have. See the [Vivid Icon
1684
1684
  * Gallery](/icons/icons-gallery/) for available icons and their names.
1685
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
1685
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
1686
1686
  */
1687
1687
  icon: {
1688
1688
  type: String,
@@ -2287,7 +2287,7 @@ var VCard_default = (0, vue.defineComponent)({
2287
2287
  },
2288
2288
  /**
2289
2289
  * Sets the element's icon.
2290
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
2290
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
2291
2291
  */
2292
2292
  icon: {
2293
2293
  type: String,
@@ -3018,7 +3018,7 @@ var VCombobox_default = (0, vue.defineComponent)({
3018
3018
  /**
3019
3019
  * A decorative icon the custom element should have. See the [Vivid Icon
3020
3020
  * Gallery](/icons/icons-gallery/) for available icons and their names.
3021
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
3021
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
3022
3022
  */
3023
3023
  icon: {
3024
3024
  type: String,
@@ -5191,7 +5191,7 @@ var VDialog_default = (0, vue.defineComponent)({
5191
5191
  /**
5192
5192
  * A decorative icon the Dialog should have. See the [Vivid Icon
5193
5193
  * Gallery](/icons/icons-gallery/) for available icons.
5194
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
5194
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
5195
5195
  */
5196
5196
  icon: {
5197
5197
  type: String,
@@ -5535,7 +5535,7 @@ var VEmptyState_default = (0, vue.defineComponent)({
5535
5535
  /**
5536
5536
  * A decorative icon the Empty State should have. See the [Vivid Icon
5537
5537
  * Gallery](/icons/icons-gallery/) for available icons and `icon-name`s.
5538
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
5538
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
5539
5539
  */
5540
5540
  icon: {
5541
5541
  type: String,
@@ -5710,7 +5710,7 @@ var VFab_default = (0, vue.defineComponent)({
5710
5710
  /**
5711
5711
  * A decorative icon the custom element should have. See the [Vivid Icon
5712
5712
  * Gallery](/icons/icons-gallery/) for available icons and their names.
5713
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
5713
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
5714
5714
  */
5715
5715
  icon: {
5716
5716
  type: String,
@@ -6451,7 +6451,7 @@ var VIcon_default = (0, vue.defineComponent)({
6451
6451
  },
6452
6452
  /**
6453
6453
  * Indicates which icon to resolve. See the [Vivid Icon Gallery](/icons/icons-gallery/) for available icons.
6454
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
6454
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
6455
6455
  */
6456
6456
  name: {
6457
6457
  type: String,
@@ -7271,7 +7271,7 @@ var VMenuItem_default = (0, vue.defineComponent)({
7271
7271
  /**
7272
7272
  * A decorative icon the custom element should have. See the [Vivid Icon
7273
7273
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7274
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7274
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7275
7275
  */
7276
7276
  icon: {
7277
7277
  type: String,
@@ -7509,7 +7509,7 @@ var VNavDisclosure_default = (0, vue.defineComponent)({
7509
7509
  /**
7510
7510
  * A decorative icon the custom element should have. See the [Vivid Icon
7511
7511
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7512
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7512
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7513
7513
  */
7514
7514
  icon: {
7515
7515
  type: String,
@@ -7675,7 +7675,7 @@ var VNavItem_default = (0, vue.defineComponent)({
7675
7675
  /**
7676
7676
  * A decorative icon the custom element should have. See the [Vivid Icon
7677
7677
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7678
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7678
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7679
7679
  */
7680
7680
  icon: {
7681
7681
  type: String,
@@ -7845,7 +7845,7 @@ var VNote_default = (0, vue.defineComponent)({
7845
7845
  /**
7846
7846
  * A decorative icon the custom element should have. See the [Vivid Icon
7847
7847
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7848
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7848
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7849
7849
  */
7850
7850
  icon: {
7851
7851
  type: String,
@@ -7985,7 +7985,7 @@ var VNumberField_default = (0, vue.defineComponent)({
7985
7985
  /**
7986
7986
  * A decorative icon the custom element should have. See the [Vivid Icon
7987
7987
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7988
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7988
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7989
7989
  */
7990
7990
  icon: {
7991
7991
  type: String,
@@ -8448,7 +8448,7 @@ var VOption_default = (0, vue.defineComponent)({
8448
8448
  /**
8449
8449
  * A decorative icon the custom element should have. See the [Vivid Icon
8450
8450
  * Gallery](/icons/icons-gallery/) for available icons and their names.
8451
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
8451
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
8452
8452
  */
8453
8453
  icon: {
8454
8454
  type: String,
@@ -9631,7 +9631,11 @@ var VRadioGroup_default = (0, vue.defineComponent)({
9631
9631
  this.$emit("keyup", event);
9632
9632
  }
9633
9633
  }
9634
- }, [this.$slots.default, handleNamedSlotV2("helper-text", this.$slots["helper-text"])]);
9634
+ }, [
9635
+ this.$slots.default,
9636
+ handleNamedSlotV2("contextual-help", this.$slots["contextual-help"]),
9637
+ handleNamedSlotV2("helper-text", this.$slots["helper-text"])
9638
+ ]);
9635
9639
  return (0, vue.h)(this.componentName, {
9636
9640
  ref: "element",
9637
9641
  class: "vvd-component",
@@ -9668,7 +9672,11 @@ var VRadioGroup_default = (0, vue.defineComponent)({
9668
9672
  "onKeyup": (event) => {
9669
9673
  this.$emit("keyup", event);
9670
9674
  }
9671
- }, [this.$slots.default?.(), handleNamedSlotV3("helper-text", this.$slots["helper-text"]?.())]);
9675
+ }, [
9676
+ this.$slots.default?.(),
9677
+ handleNamedSlotV3("contextual-help", this.$slots["contextual-help"]?.()),
9678
+ handleNamedSlotV3("helper-text", this.$slots["helper-text"]?.())
9679
+ ]);
9672
9680
  }
9673
9681
  });
9674
9682
  //#endregion
@@ -10327,7 +10335,7 @@ var VSearchableSelect_default = (0, vue.defineComponent)({
10327
10335
  /**
10328
10336
  * A decorative icon the custom element should have. See the [Vivid Icon
10329
10337
  * Gallery](/icons/icons-gallery/) for available icons and their names.
10330
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
10338
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
10331
10339
  */
10332
10340
  icon: {
10333
10341
  type: String,
@@ -10725,7 +10733,7 @@ var VSelect_default = (0, vue.defineComponent)({
10725
10733
  /**
10726
10734
  * A decorative icon the custom element should have. See the [Vivid Icon
10727
10735
  * Gallery](/icons/icons-gallery/) for available icons and their names.
10728
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
10736
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
10729
10737
  */
10730
10738
  icon: {
10731
10739
  type: String,
@@ -11798,7 +11806,7 @@ var VSplitButton_default = (0, vue.defineComponent)({
11798
11806
  /**
11799
11807
  * A decorative icon the custom element should have. See the [Vivid Icon
11800
11808
  * Gallery](/icons/icons-gallery/) for available icons and their names.
11801
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
11809
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
11802
11810
  */
11803
11811
  icon: {
11804
11812
  type: String,
@@ -11952,7 +11960,7 @@ var VStatus_default = (0, vue.defineComponent)({
11952
11960
  /**
11953
11961
  * A decorative icon the custom element should have. See the [Vivid Icon
11954
11962
  * Gallery](/icons/icons-gallery/) for available icons and their names.
11955
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
11963
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
11956
11964
  */
11957
11965
  icon: {
11958
11966
  type: String,
@@ -12261,7 +12269,7 @@ var VTab_default = (0, vue.defineComponent)({
12261
12269
  /**
12262
12270
  * A decorative icon the custom element should have. See the [Vivid Icon
12263
12271
  * Gallery](/icons/icons-gallery/) for available icons and their names.
12264
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
12272
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
12265
12273
  */
12266
12274
  icon: {
12267
12275
  type: String,
@@ -13159,7 +13167,7 @@ var VTag_default = (0, vue.defineComponent)({
13159
13167
  /**
13160
13168
  * A decorative icon the custom element should have. See the [Vivid Icon
13161
13169
  * Gallery](/icons/icons-gallery/) for available icons and their names.
13162
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
13170
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
13163
13171
  */
13164
13172
  icon: {
13165
13173
  type: String,
@@ -13772,7 +13780,7 @@ var VTextField_default = (0, vue.defineComponent)({
13772
13780
  /**
13773
13781
  * A decorative icon the custom element should have. See the [Vivid Icon
13774
13782
  * Gallery](/icons/icons-gallery/) for available icons and their names.
13775
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
13783
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
13776
13784
  */
13777
13785
  icon: {
13778
13786
  type: String,
@@ -14638,7 +14646,7 @@ var VTreeItem_default = (0, vue.defineComponent)({
14638
14646
  /**
14639
14647
  * A decorative icon the custom element should have. See the [Vivid Icon
14640
14648
  * Gallery](/icons/icons-gallery/) for available icons and their names.
14641
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
14649
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
14642
14650
  */
14643
14651
  icon: {
14644
14652
  type: String,
@@ -16320,7 +16328,7 @@ var theme_light_default = "/**\n * Do not edit directly, this file was auto-gene
16320
16328
  var theme_dark_default = "/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.25)/1.4 Montserrat;\n --vvd-typography-heading-5: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.125)/1.4 Montserrat;\n --vvd-typography-heading-6: 500 calc(var(--vvd-size-font-scale-base, 16) * 1)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n}\n";
16321
16329
  //#endregion
16322
16330
  //#region ../styles/dist/fonts/spezia-variable.css?raw
16323
- var spezia_variable_default = "@font-face {\n font-display: block;\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-display: block;\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n speziacompletevariableupright;\n --vvd-typography-subtitle: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n speziacompletevariableupright;\n --vvd-typography-heading-1: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3\n speziacompletevariableupright;\n --vvd-typography-heading-2: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375\n speziacompletevariableupright;\n --vvd-typography-heading-3: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n speziacompletevariableupright;\n --vvd-typography-heading-4: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4\n speziacompletevariableupright;\n --vvd-typography-heading-5: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.125) / 1.4\n speziacompletevariableupright;\n --vvd-typography-heading-6: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1) / 1.4\n speziacompletevariableupright;\n --vvd-typography-base: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziacompletevariableupright;\n --vvd-typography-base-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziacompletevariableupright;\n --vvd-typography-base-code: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziamonocompletevariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n speziacompletevariableupright;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n speziacompletevariableupright;\n --vvd-typography-base-extended: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n speziacompletevariableupright;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n speziacompletevariableupright;\n}\n";
16331
+ var spezia_variable_default = "@charset \"UTF-8\";\n@font-face {\n font-display: block;\n font-family: Spezia;\n font-stretch: 50% 200%;\n font-style: normal;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-display: block;\n font-family: Spezia;\n font-stretch: 50% 200%;\n font-style: italic;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableItalicWeb.woff2\") format(\"woff2\");\n}\n/* @deprecated — use \"Spezia\" instead. Will be removed in a future major release. */\n@font-face {\n font-display: block;\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-style: normal;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-display: block;\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n spezia;\n --vvd-typography-subtitle: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n spezia;\n --vvd-typography-heading-1: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3 spezia;\n --vvd-typography-heading-2: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375 spezia;\n --vvd-typography-heading-3: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n spezia;\n --vvd-typography-heading-4: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4 spezia;\n --vvd-typography-heading-5: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.125) / 1.4 spezia;\n --vvd-typography-heading-6: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1) / 1.4 spezia;\n --vvd-typography-base: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n spezia;\n --vvd-typography-base-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n spezia;\n --vvd-typography-base-code: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziamonocompletevariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n spezia;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n spezia;\n --vvd-typography-base-extended: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5 spezia;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5 spezia;\n}\n";
16324
16332
  var optionalStyles = {
16325
16333
  theme: {
16326
16334
  name: "core/theme",
package/dist/index.js CHANGED
@@ -206,7 +206,7 @@ var VAccordionItem_default = defineComponent({
206
206
  /**
207
207
  * A decorative icon the custom element should have. See the [Vivid Icon
208
208
  * Gallery](/icons/icons-gallery/) for available icons and their names.
209
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
209
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
210
210
  */
211
211
  icon: {
212
212
  type: String,
@@ -492,7 +492,7 @@ var VAlert_default = defineComponent({
492
492
  /**
493
493
  * A decorative icon the custom element should have. See the [Vivid Icon
494
494
  * Gallery](/icons/icons-gallery/) for available icons and their names.
495
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
495
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
496
496
  */
497
497
  icon: {
498
498
  type: String,
@@ -910,7 +910,7 @@ var VAvatar_default = defineComponent({
910
910
  },
911
911
  /**
912
912
  * Sets the element's icon
913
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
913
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
914
914
  */
915
915
  icon: {
916
916
  type: String,
@@ -1105,7 +1105,7 @@ var VBadge_default = defineComponent({
1105
1105
  /**
1106
1106
  * A decorative icon the custom element should have. See the [Vivid Icon
1107
1107
  * Gallery](/icons/icons-gallery/) for available icons and their names.
1108
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
1108
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
1109
1109
  */
1110
1110
  icon: {
1111
1111
  type: String,
@@ -1249,7 +1249,7 @@ var VBanner_default = defineComponent({
1249
1249
  /**
1250
1250
  * A decorative icon the custom element should have. See the [Vivid Icon
1251
1251
  * Gallery](/icons/icons-gallery/) for available icons and their names.
1252
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
1252
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
1253
1253
  */
1254
1254
  icon: {
1255
1255
  type: String,
@@ -1681,7 +1681,7 @@ var VButton_default = defineComponent({
1681
1681
  /**
1682
1682
  * A decorative icon the custom element should have. See the [Vivid Icon
1683
1683
  * Gallery](/icons/icons-gallery/) for available icons and their names.
1684
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
1684
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
1685
1685
  */
1686
1686
  icon: {
1687
1687
  type: String,
@@ -2286,7 +2286,7 @@ var VCard_default = defineComponent({
2286
2286
  },
2287
2287
  /**
2288
2288
  * Sets the element's icon.
2289
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
2289
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
2290
2290
  */
2291
2291
  icon: {
2292
2292
  type: String,
@@ -3017,7 +3017,7 @@ var VCombobox_default = defineComponent({
3017
3017
  /**
3018
3018
  * A decorative icon the custom element should have. See the [Vivid Icon
3019
3019
  * Gallery](/icons/icons-gallery/) for available icons and their names.
3020
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
3020
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
3021
3021
  */
3022
3022
  icon: {
3023
3023
  type: String,
@@ -5190,7 +5190,7 @@ var VDialog_default = defineComponent({
5190
5190
  /**
5191
5191
  * A decorative icon the Dialog should have. See the [Vivid Icon
5192
5192
  * Gallery](/icons/icons-gallery/) for available icons.
5193
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
5193
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
5194
5194
  */
5195
5195
  icon: {
5196
5196
  type: String,
@@ -5534,7 +5534,7 @@ var VEmptyState_default = defineComponent({
5534
5534
  /**
5535
5535
  * A decorative icon the Empty State should have. See the [Vivid Icon
5536
5536
  * Gallery](/icons/icons-gallery/) for available icons and `icon-name`s.
5537
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
5537
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
5538
5538
  */
5539
5539
  icon: {
5540
5540
  type: String,
@@ -5709,7 +5709,7 @@ var VFab_default = defineComponent({
5709
5709
  /**
5710
5710
  * A decorative icon the custom element should have. See the [Vivid Icon
5711
5711
  * Gallery](/icons/icons-gallery/) for available icons and their names.
5712
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
5712
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
5713
5713
  */
5714
5714
  icon: {
5715
5715
  type: String,
@@ -6450,7 +6450,7 @@ var VIcon_default = defineComponent({
6450
6450
  },
6451
6451
  /**
6452
6452
  * Indicates which icon to resolve. See the [Vivid Icon Gallery](/icons/icons-gallery/) for available icons.
6453
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
6453
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
6454
6454
  */
6455
6455
  name: {
6456
6456
  type: String,
@@ -7270,7 +7270,7 @@ var VMenuItem_default = defineComponent({
7270
7270
  /**
7271
7271
  * A decorative icon the custom element should have. See the [Vivid Icon
7272
7272
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7273
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7273
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7274
7274
  */
7275
7275
  icon: {
7276
7276
  type: String,
@@ -7508,7 +7508,7 @@ var VNavDisclosure_default = defineComponent({
7508
7508
  /**
7509
7509
  * A decorative icon the custom element should have. See the [Vivid Icon
7510
7510
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7511
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7511
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7512
7512
  */
7513
7513
  icon: {
7514
7514
  type: String,
@@ -7674,7 +7674,7 @@ var VNavItem_default = defineComponent({
7674
7674
  /**
7675
7675
  * A decorative icon the custom element should have. See the [Vivid Icon
7676
7676
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7677
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7677
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7678
7678
  */
7679
7679
  icon: {
7680
7680
  type: String,
@@ -7844,7 +7844,7 @@ var VNote_default = defineComponent({
7844
7844
  /**
7845
7845
  * A decorative icon the custom element should have. See the [Vivid Icon
7846
7846
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7847
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7847
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7848
7848
  */
7849
7849
  icon: {
7850
7850
  type: String,
@@ -7984,7 +7984,7 @@ var VNumberField_default = defineComponent({
7984
7984
  /**
7985
7985
  * A decorative icon the custom element should have. See the [Vivid Icon
7986
7986
  * Gallery](/icons/icons-gallery/) for available icons and their names.
7987
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7987
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
7988
7988
  */
7989
7989
  icon: {
7990
7990
  type: String,
@@ -8447,7 +8447,7 @@ var VOption_default = defineComponent({
8447
8447
  /**
8448
8448
  * A decorative icon the custom element should have. See the [Vivid Icon
8449
8449
  * Gallery](/icons/icons-gallery/) for available icons and their names.
8450
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
8450
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
8451
8451
  */
8452
8452
  icon: {
8453
8453
  type: String,
@@ -9630,7 +9630,11 @@ var VRadioGroup_default = defineComponent({
9630
9630
  this.$emit("keyup", event);
9631
9631
  }
9632
9632
  }
9633
- }, [this.$slots.default, handleNamedSlotV2("helper-text", this.$slots["helper-text"])]);
9633
+ }, [
9634
+ this.$slots.default,
9635
+ handleNamedSlotV2("contextual-help", this.$slots["contextual-help"]),
9636
+ handleNamedSlotV2("helper-text", this.$slots["helper-text"])
9637
+ ]);
9634
9638
  return h(this.componentName, {
9635
9639
  ref: "element",
9636
9640
  class: "vvd-component",
@@ -9667,7 +9671,11 @@ var VRadioGroup_default = defineComponent({
9667
9671
  "onKeyup": (event) => {
9668
9672
  this.$emit("keyup", event);
9669
9673
  }
9670
- }, [this.$slots.default?.(), handleNamedSlotV3("helper-text", this.$slots["helper-text"]?.())]);
9674
+ }, [
9675
+ this.$slots.default?.(),
9676
+ handleNamedSlotV3("contextual-help", this.$slots["contextual-help"]?.()),
9677
+ handleNamedSlotV3("helper-text", this.$slots["helper-text"]?.())
9678
+ ]);
9671
9679
  }
9672
9680
  });
9673
9681
  //#endregion
@@ -10326,7 +10334,7 @@ var VSearchableSelect_default = defineComponent({
10326
10334
  /**
10327
10335
  * A decorative icon the custom element should have. See the [Vivid Icon
10328
10336
  * Gallery](/icons/icons-gallery/) for available icons and their names.
10329
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
10337
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
10330
10338
  */
10331
10339
  icon: {
10332
10340
  type: String,
@@ -10724,7 +10732,7 @@ var VSelect_default = defineComponent({
10724
10732
  /**
10725
10733
  * A decorative icon the custom element should have. See the [Vivid Icon
10726
10734
  * Gallery](/icons/icons-gallery/) for available icons and their names.
10727
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
10735
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
10728
10736
  */
10729
10737
  icon: {
10730
10738
  type: String,
@@ -11797,7 +11805,7 @@ var VSplitButton_default = defineComponent({
11797
11805
  /**
11798
11806
  * A decorative icon the custom element should have. See the [Vivid Icon
11799
11807
  * Gallery](/icons/icons-gallery/) for available icons and their names.
11800
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
11808
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
11801
11809
  */
11802
11810
  icon: {
11803
11811
  type: String,
@@ -11951,7 +11959,7 @@ var VStatus_default = defineComponent({
11951
11959
  /**
11952
11960
  * A decorative icon the custom element should have. See the [Vivid Icon
11953
11961
  * Gallery](/icons/icons-gallery/) for available icons and their names.
11954
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
11962
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
11955
11963
  */
11956
11964
  icon: {
11957
11965
  type: String,
@@ -12260,7 +12268,7 @@ var VTab_default = defineComponent({
12260
12268
  /**
12261
12269
  * A decorative icon the custom element should have. See the [Vivid Icon
12262
12270
  * Gallery](/icons/icons-gallery/) for available icons and their names.
12263
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
12271
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
12264
12272
  */
12265
12273
  icon: {
12266
12274
  type: String,
@@ -13158,7 +13166,7 @@ var VTag_default = defineComponent({
13158
13166
  /**
13159
13167
  * A decorative icon the custom element should have. See the [Vivid Icon
13160
13168
  * Gallery](/icons/icons-gallery/) for available icons and their names.
13161
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
13169
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
13162
13170
  */
13163
13171
  icon: {
13164
13172
  type: String,
@@ -13771,7 +13779,7 @@ var VTextField_default = defineComponent({
13771
13779
  /**
13772
13780
  * A decorative icon the custom element should have. See the [Vivid Icon
13773
13781
  * Gallery](/icons/icons-gallery/) for available icons and their names.
13774
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
13782
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
13775
13783
  */
13776
13784
  icon: {
13777
13785
  type: String,
@@ -14637,7 +14645,7 @@ var VTreeItem_default = defineComponent({
14637
14645
  /**
14638
14646
  * A decorative icon the custom element should have. See the [Vivid Icon
14639
14647
  * Gallery](/icons/icons-gallery/) for available icons and their names.
14640
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
14648
+ * See the Vivid Icon Gallery for available icons: https://apps.vivid.vonage.com/icons/icons-gallery/
14641
14649
  */
14642
14650
  icon: {
14643
14651
  type: String,
@@ -16319,7 +16327,7 @@ var theme_light_default = "/**\n * Do not edit directly, this file was auto-gene
16319
16327
  var theme_dark_default = "/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.25)/1.4 Montserrat;\n --vvd-typography-heading-5: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.125)/1.4 Montserrat;\n --vvd-typography-heading-6: 500 calc(var(--vvd-size-font-scale-base, 16) * 1)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n}\n";
16320
16328
  //#endregion
16321
16329
  //#region ../styles/dist/fonts/spezia-variable.css?raw
16322
- var spezia_variable_default = "@font-face {\n font-display: block;\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-display: block;\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n speziacompletevariableupright;\n --vvd-typography-subtitle: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n speziacompletevariableupright;\n --vvd-typography-heading-1: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3\n speziacompletevariableupright;\n --vvd-typography-heading-2: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375\n speziacompletevariableupright;\n --vvd-typography-heading-3: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n speziacompletevariableupright;\n --vvd-typography-heading-4: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4\n speziacompletevariableupright;\n --vvd-typography-heading-5: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.125) / 1.4\n speziacompletevariableupright;\n --vvd-typography-heading-6: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1) / 1.4\n speziacompletevariableupright;\n --vvd-typography-base: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziacompletevariableupright;\n --vvd-typography-base-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziacompletevariableupright;\n --vvd-typography-base-code: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziamonocompletevariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n speziacompletevariableupright;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n speziacompletevariableupright;\n --vvd-typography-base-extended: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n speziacompletevariableupright;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n speziacompletevariableupright;\n}\n";
16330
+ var spezia_variable_default = "@charset \"UTF-8\";\n@font-face {\n font-display: block;\n font-family: Spezia;\n font-stretch: 50% 200%;\n font-style: normal;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-display: block;\n font-family: Spezia;\n font-stretch: 50% 200%;\n font-style: italic;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableItalicWeb.woff2\") format(\"woff2\");\n}\n/* @deprecated — use \"Spezia\" instead. Will be removed in a future major release. */\n@font-face {\n font-display: block;\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-style: normal;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-display: block;\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n spezia;\n --vvd-typography-subtitle: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n spezia;\n --vvd-typography-heading-1: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3 spezia;\n --vvd-typography-heading-2: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375 spezia;\n --vvd-typography-heading-3: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n spezia;\n --vvd-typography-heading-4: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4 spezia;\n --vvd-typography-heading-5: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1.125) / 1.4 spezia;\n --vvd-typography-heading-6: 500 condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 1) / 1.4 spezia;\n --vvd-typography-base: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n spezia;\n --vvd-typography-base-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n spezia;\n --vvd-typography-base-code: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n speziamonocompletevariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n spezia;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n spezia;\n --vvd-typography-base-extended: 400 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5 spezia;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n calc(var(--vvd-size-font-scale-base, 16px)) / 1.5 spezia;\n}\n";
16323
16331
  var optionalStyles = {
16324
16332
  theme: {
16325
16333
  name: "core/theme",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-vue",
3
- "version": "5.29.0",
3
+ "version": "5.30.0",
4
4
  "description": "A Vue wrapper library for Vivid components.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,15 +25,15 @@
25
25
  "web-types.json"
26
26
  ],
27
27
  "dependencies": {
28
- "@vonage/vivid": "^5.29.0"
28
+ "@vonage/vivid": "^5.30.0"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@types/node": "^20.19.43",
32
- "eslint": "^10.11.0",
32
+ "eslint": "^10.12.0",
33
33
  "glob": "^13.0.6",
34
- "tsx": "^4.23.13",
34
+ "tsx": "^4.23.15",
35
35
  "typescript": "5.9.3",
36
- "vite": "^8.3.0",
36
+ "vite": "^8.3.4",
37
37
  "vitest": "^4.1.11",
38
38
  "vue": "^2.7.16",
39
39
  "vue3": "npm:vue@^3.5.43",