@vonage/vivid-vue 5.28.0 → 5.29.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 (74) hide show
  1. package/dist/generated/components/VAccordionItem.vue2.d.ts +1 -1
  2. package/dist/generated/components/VAccordionItem.vue3.d.ts +1 -1
  3. package/dist/generated/components/VAlert.vue2.d.ts +1 -1
  4. package/dist/generated/components/VAlert.vue3.d.ts +1 -1
  5. package/dist/generated/components/VAvatar.vue2.d.ts +1 -1
  6. package/dist/generated/components/VAvatar.vue3.d.ts +1 -1
  7. package/dist/generated/components/VBadge.vue2.d.ts +1 -1
  8. package/dist/generated/components/VBadge.vue3.d.ts +1 -1
  9. package/dist/generated/components/VBanner.vue2.d.ts +1 -1
  10. package/dist/generated/components/VBanner.vue3.d.ts +1 -1
  11. package/dist/generated/components/VButton.vue2.d.ts +1 -1
  12. package/dist/generated/components/VButton.vue3.d.ts +1 -1
  13. package/dist/generated/components/VCard.vue2.d.ts +1 -1
  14. package/dist/generated/components/VCard.vue3.d.ts +1 -1
  15. package/dist/generated/components/VCombobox.vue2.d.ts +1 -1
  16. package/dist/generated/components/VCombobox.vue3.d.ts +1 -1
  17. package/dist/generated/components/VDatePicker.types.d.ts +1 -0
  18. package/dist/generated/components/VDatePicker.vue2.d.ts +9 -0
  19. package/dist/generated/components/VDatePicker.vue3.d.ts +9 -0
  20. package/dist/generated/components/VDateRangePicker.types.d.ts +1 -0
  21. package/dist/generated/components/VDateRangePicker.vue2.d.ts +9 -0
  22. package/dist/generated/components/VDateRangePicker.vue3.d.ts +9 -0
  23. package/dist/generated/components/VDateTimePicker.types.d.ts +1 -0
  24. package/dist/generated/components/VDateTimePicker.vue2.d.ts +9 -0
  25. package/dist/generated/components/VDateTimePicker.vue3.d.ts +9 -0
  26. package/dist/generated/components/VDialog.vue2.d.ts +1 -1
  27. package/dist/generated/components/VDialog.vue3.d.ts +1 -1
  28. package/dist/generated/components/VEmptyState.types.d.ts +1 -0
  29. package/dist/generated/components/VEmptyState.vue2.d.ts +10 -1
  30. package/dist/generated/components/VEmptyState.vue3.d.ts +10 -1
  31. package/dist/generated/components/VFab.vue2.d.ts +1 -1
  32. package/dist/generated/components/VFab.vue3.d.ts +1 -1
  33. package/dist/generated/components/VIcon.vue2.d.ts +1 -1
  34. package/dist/generated/components/VIcon.vue3.d.ts +1 -1
  35. package/dist/generated/components/VListbox.types.d.ts +1 -1
  36. package/dist/generated/components/VListbox.vue2.d.ts +3 -3
  37. package/dist/generated/components/VListbox.vue3.d.ts +3 -3
  38. package/dist/generated/components/VMenuItem.vue2.d.ts +1 -1
  39. package/dist/generated/components/VMenuItem.vue3.d.ts +1 -1
  40. package/dist/generated/components/VNavDisclosure.vue2.d.ts +1 -1
  41. package/dist/generated/components/VNavDisclosure.vue3.d.ts +1 -1
  42. package/dist/generated/components/VNavItem.vue2.d.ts +1 -1
  43. package/dist/generated/components/VNavItem.vue3.d.ts +1 -1
  44. package/dist/generated/components/VNote.vue2.d.ts +1 -1
  45. package/dist/generated/components/VNote.vue3.d.ts +1 -1
  46. package/dist/generated/components/VNumberField.types.d.ts +2 -1
  47. package/dist/generated/components/VNumberField.vue2.d.ts +13 -4
  48. package/dist/generated/components/VNumberField.vue3.d.ts +13 -4
  49. package/dist/generated/components/VOption.vue2.d.ts +1 -1
  50. package/dist/generated/components/VOption.vue3.d.ts +1 -1
  51. package/dist/generated/components/VSearchableSelect.vue2.d.ts +1 -1
  52. package/dist/generated/components/VSearchableSelect.vue3.d.ts +1 -1
  53. package/dist/generated/components/VSelect.vue2.d.ts +1 -1
  54. package/dist/generated/components/VSelect.vue3.d.ts +1 -1
  55. package/dist/generated/components/VSplitButton.vue2.d.ts +1 -1
  56. package/dist/generated/components/VSplitButton.vue3.d.ts +1 -1
  57. package/dist/generated/components/VStatus.vue2.d.ts +1 -1
  58. package/dist/generated/components/VStatus.vue3.d.ts +1 -1
  59. package/dist/generated/components/VTab.vue2.d.ts +1 -1
  60. package/dist/generated/components/VTab.vue3.d.ts +1 -1
  61. package/dist/generated/components/VTag.vue2.d.ts +1 -1
  62. package/dist/generated/components/VTag.vue3.d.ts +1 -1
  63. package/dist/generated/components/VTextField.vue2.d.ts +1 -1
  64. package/dist/generated/components/VTextField.vue3.d.ts +1 -1
  65. package/dist/generated/components/VTimePicker.types.d.ts +1 -0
  66. package/dist/generated/components/VTimePicker.vue2.d.ts +9 -0
  67. package/dist/generated/components/VTimePicker.vue3.d.ts +9 -0
  68. package/dist/generated/components/VTreeItem.vue2.d.ts +1 -1
  69. package/dist/generated/components/VTreeItem.vue3.d.ts +1 -1
  70. package/dist/generated/icons.d.ts +14 -0
  71. package/dist/index.cjs +73 -4
  72. package/dist/index.js +73 -4
  73. package/package.json +6 -6
  74. package/web-types.json +79 -31
package/dist/index.cjs CHANGED
@@ -4073,6 +4073,13 @@ var VDatePicker_default = (0, vue.defineComponent)({
4073
4073
  event: "update:modelValue"
4074
4074
  } : void 0,
4075
4075
  props: {
4076
+ appearance: {
4077
+ type: String,
4078
+ default: void 0
4079
+ },
4080
+ /**
4081
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
4082
+ */
4076
4083
  disabled: {
4077
4084
  type: Boolean,
4078
4085
  default: void 0
@@ -4203,6 +4210,7 @@ var VDatePicker_default = (0, vue.defineComponent)({
4203
4210
  if (isVue2) return (0, vue.h)(this.componentName, {
4204
4211
  ref: "element",
4205
4212
  attrs: {
4213
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
4206
4214
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
4207
4215
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
4208
4216
  ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
@@ -4251,6 +4259,7 @@ var VDatePicker_default = (0, vue.defineComponent)({
4251
4259
  ref: "element",
4252
4260
  class: "vvd-component",
4253
4261
  ...handleVue3Props({
4262
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
4254
4263
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
4255
4264
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
4256
4265
  ...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
@@ -4299,6 +4308,13 @@ var VDatePicker_default = (0, vue.defineComponent)({
4299
4308
  var VDateRangePicker_default = (0, vue.defineComponent)({
4300
4309
  name: "VDateRangePicker",
4301
4310
  props: {
4311
+ appearance: {
4312
+ type: String,
4313
+ default: void 0
4314
+ },
4315
+ /**
4316
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
4317
+ */
4302
4318
  disabled: {
4303
4319
  type: Boolean,
4304
4320
  default: void 0
@@ -4467,6 +4483,7 @@ var VDateRangePicker_default = (0, vue.defineComponent)({
4467
4483
  if (isVue2) return (0, vue.h)(this.componentName, {
4468
4484
  ref: "element",
4469
4485
  attrs: {
4486
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
4470
4487
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
4471
4488
  ...this.end !== void 0 ? { "current-end": this.end } : {},
4472
4489
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
@@ -4525,6 +4542,7 @@ var VDateRangePicker_default = (0, vue.defineComponent)({
4525
4542
  ref: "element",
4526
4543
  class: "vvd-component",
4527
4544
  ...handleVue3Props({
4545
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
4528
4546
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
4529
4547
  ...this.end !== void 0 ? { "^current-end": this.end } : {},
4530
4548
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
@@ -4590,6 +4608,13 @@ var VDateTimePicker_default = (0, vue.defineComponent)({
4590
4608
  event: "update:modelValue"
4591
4609
  } : void 0,
4592
4610
  props: {
4611
+ appearance: {
4612
+ type: String,
4613
+ default: void 0
4614
+ },
4615
+ /**
4616
+ * Forces a 12h or 24h clock to be used.
4617
+ */
4593
4618
  clock: {
4594
4619
  type: String,
4595
4620
  default: void 0
@@ -4769,6 +4794,7 @@ var VDateTimePicker_default = (0, vue.defineComponent)({
4769
4794
  if (isVue2) return (0, vue.h)(this.componentName, {
4770
4795
  ref: "element",
4771
4796
  attrs: {
4797
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
4772
4798
  ...this.clock !== void 0 ? { "clock": this.clock } : {},
4773
4799
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
4774
4800
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
@@ -4824,6 +4850,7 @@ var VDateTimePicker_default = (0, vue.defineComponent)({
4824
4850
  ref: "element",
4825
4851
  class: "vvd-component",
4826
4852
  ...handleVue3Props({
4853
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
4827
4854
  ...this.clock !== void 0 ? { "^clock": this.clock } : {},
4828
4855
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
4829
4856
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
@@ -5520,6 +5547,13 @@ var VEmptyState_default = (0, vue.defineComponent)({
5520
5547
  iconDecoration: {
5521
5548
  type: String,
5522
5549
  default: void 0
5550
+ },
5551
+ /**
5552
+ * Sets the element's size
5553
+ */
5554
+ size: {
5555
+ type: String,
5556
+ default: void 0
5523
5557
  }
5524
5558
  },
5525
5559
  emits: [
@@ -5544,7 +5578,8 @@ var VEmptyState_default = (0, vue.defineComponent)({
5544
5578
  ...this.connotation !== void 0 ? { "connotation": this.connotation } : {},
5545
5579
  ...this.headline !== void 0 ? { "headline": this.headline } : {},
5546
5580
  ...this.icon !== void 0 ? { "icon": this.icon } : {},
5547
- ...this.iconDecoration !== void 0 ? { "icon-decoration": this.iconDecoration } : {}
5581
+ ...this.iconDecoration !== void 0 ? { "icon-decoration": this.iconDecoration } : {},
5582
+ ...this.size !== void 0 ? { "size": this.size } : {}
5548
5583
  },
5549
5584
  class: "vvd-component",
5550
5585
  on: {
@@ -5579,7 +5614,8 @@ var VEmptyState_default = (0, vue.defineComponent)({
5579
5614
  ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
5580
5615
  ...this.headline !== void 0 ? { "^headline": this.headline } : {},
5581
5616
  ...this.icon !== void 0 ? { "^icon": this.icon } : {},
5582
- ...this.iconDecoration !== void 0 ? { "^icon-decoration": this.iconDecoration } : {}
5617
+ ...this.iconDecoration !== void 0 ? { "^icon-decoration": this.iconDecoration } : {},
5618
+ ...this.size !== void 0 ? { "^size": this.size } : {}
5583
5619
  }),
5584
5620
  "onBlur": (event) => {
5585
5621
  this.$emit("blur", event);
@@ -8022,6 +8058,13 @@ var VNumberField_default = (0, vue.defineComponent)({
8022
8058
  default: void 0
8023
8059
  },
8024
8060
  /**
8061
+ * Always hides the stepper buttons, regardless of the configured `step`.
8062
+ */
8063
+ noSteppers: {
8064
+ type: Boolean,
8065
+ default: void 0
8066
+ },
8067
+ /**
8025
8068
  * Sets the placeholder value of the element, generally used to provide a hint to the user.
8026
8069
  * Using this attribute is not a valid substitute for a labeling element.
8027
8070
  */
@@ -8065,10 +8108,11 @@ var VNumberField_default = (0, vue.defineComponent)({
8065
8108
  default: void 0
8066
8109
  },
8067
8110
  /**
8068
- * Amount to increment or decrement the value by
8111
+ * Amount to increment or decrement the value by.
8112
+ * Set to `"any"` to allow any decimal value and hide the stepper buttons.
8069
8113
  */
8070
8114
  step: {
8071
- type: Number,
8115
+ type: [Number, String],
8072
8116
  default: void 0
8073
8117
  },
8074
8118
  /**
@@ -8185,6 +8229,7 @@ var VNumberField_default = (0, vue.defineComponent)({
8185
8229
  ...this.min !== void 0 ? { "min": this.min } : {},
8186
8230
  ...this.minlength !== void 0 ? { "minlength": this.minlength } : {},
8187
8231
  ...this.name !== void 0 ? { "name": this.name } : {},
8232
+ ...this.noSteppers !== void 0 ? { "no-steppers": this.noSteppers } : {},
8188
8233
  ...this.placeholder !== void 0 ? { "placeholder": this.placeholder } : {},
8189
8234
  ...this.readonly !== void 0 ? { "readonly": this.readonly } : {},
8190
8235
  ...this.required !== void 0 ? { "required": this.required } : {},
@@ -8250,6 +8295,7 @@ var VNumberField_default = (0, vue.defineComponent)({
8250
8295
  ...this.min !== void 0 ? { "^min": this.min } : {},
8251
8296
  ...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
8252
8297
  ...this.name !== void 0 ? { "^name": this.name } : {},
8298
+ ...this.noSteppers !== void 0 && this.noSteppers !== false ? { "^no-steppers": this.noSteppers } : {},
8253
8299
  ...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
8254
8300
  ...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
8255
8301
  ...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
@@ -14059,6 +14105,13 @@ var VTimePicker_default = (0, vue.defineComponent)({
14059
14105
  event: "update:modelValue"
14060
14106
  } : void 0,
14061
14107
  props: {
14108
+ appearance: {
14109
+ type: String,
14110
+ default: void 0
14111
+ },
14112
+ /**
14113
+ * Forces a 12h or 24h clock to be used.
14114
+ */
14062
14115
  clock: {
14063
14116
  type: String,
14064
14117
  default: void 0
@@ -14210,6 +14263,7 @@ var VTimePicker_default = (0, vue.defineComponent)({
14210
14263
  if (isVue2) return (0, vue.h)(this.componentName, {
14211
14264
  ref: "element",
14212
14265
  attrs: {
14266
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
14213
14267
  ...this.clock !== void 0 ? { "clock": this.clock } : {},
14214
14268
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
14215
14269
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
@@ -14261,6 +14315,7 @@ var VTimePicker_default = (0, vue.defineComponent)({
14261
14315
  ref: "element",
14262
14316
  class: "vvd-component",
14263
14317
  ...handleVue3Props({
14318
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
14264
14319
  ...this.clock !== void 0 ? { "^clock": this.clock } : {},
14265
14320
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
14266
14321
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
@@ -15275,6 +15330,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15275
15330
  Icon["densityMediumSolid"] = "density-medium-solid";
15276
15331
  Icon["designToolsLine"] = "design-tools-line";
15277
15332
  Icon["designToolsSolid"] = "design-tools-solid";
15333
+ Icon["deviceSwitchingLine"] = "device-switching-line";
15334
+ Icon["deviceSwitchingSolid"] = "device-switching-solid";
15278
15335
  Icon["devicesLine"] = "devices-line";
15279
15336
  Icon["devicesSolid"] = "devices-solid";
15280
15337
  Icon["disableCallLine"] = "disable-call-line";
@@ -15419,6 +15476,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15419
15476
  Icon["filesSolid"] = "files-solid";
15420
15477
  Icon["filterLine"] = "filter-line";
15421
15478
  Icon["filterSolid"] = "filter-solid";
15479
+ Icon["finishFlagLine"] = "finish-flag-line";
15480
+ Icon["finishFlagSolid"] = "finish-flag-solid";
15422
15481
  Icon["fiveLine"] = "five-line";
15423
15482
  Icon["fiveSolid"] = "five-solid";
15424
15483
  Icon["flagAfghanistan"] = "flag-afghanistan";
@@ -15628,6 +15687,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15628
15687
  Icon["heartSolid"] = "heart-solid";
15629
15688
  Icon["helpLine"] = "help-line";
15630
15689
  Icon["helpSolid"] = "help-solid";
15690
+ Icon["highlightColorLine"] = "highlight-color-line";
15691
+ Icon["highlightColorSolid"] = "highlight-color-solid";
15631
15692
  Icon["highlightLine"] = "highlight-line";
15632
15693
  Icon["highlightSolid"] = "highlight-solid";
15633
15694
  Icon["historyLine"] = "history-line";
@@ -15752,6 +15813,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15752
15813
  Icon["messageSolid"] = "message-solid";
15753
15814
  Icon["messageTemplateLine"] = "message-template-line";
15754
15815
  Icon["messageTemplateSolid"] = "message-template-solid";
15816
+ Icon["metaStyleColor"] = "meta-style-color";
15817
+ Icon["metaStyleMono"] = "meta-style-mono";
15755
15818
  Icon["micMuteLine"] = "mic-mute-line";
15756
15819
  Icon["micMuteSolid"] = "mic-mute-solid";
15757
15820
  Icon["microphone2Line"] = "microphone-2-line";
@@ -15950,6 +16013,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15950
16013
  Icon["removeUserSolid"] = "remove-user-solid";
15951
16014
  Icon["reorderHorizontalLine"] = "reorder-horizontal-line";
15952
16015
  Icon["reorderHorizontalSolid"] = "reorder-horizontal-solid";
16016
+ Icon["reorderLine"] = "reorder-line";
16017
+ Icon["reorderSolid"] = "reorder-solid";
15953
16018
  Icon["reorderVerticalLine"] = "reorder-vertical-line";
15954
16019
  Icon["reorderVerticalSolid"] = "reorder-vertical-solid";
15955
16020
  Icon["replyAllLine"] = "reply-all-line";
@@ -16050,10 +16115,14 @@ var Icon = /* @__PURE__ */ function(Icon) {
16050
16115
  Icon["strikethroughSolid"] = "strikethrough-solid";
16051
16116
  Icon["subAccountLine"] = "sub-account-line";
16052
16117
  Icon["subAccountSolid"] = "sub-account-solid";
16118
+ Icon["subscriptLine"] = "subscript-line";
16119
+ Icon["subscriptSolid"] = "subscript-solid";
16053
16120
  Icon["subtitlesLine"] = "subtitles-line";
16054
16121
  Icon["subtitlesSolid"] = "subtitles-solid";
16055
16122
  Icon["sugarcrmColor"] = "sugarcrm-color";
16056
16123
  Icon["sugarcrmMono"] = "sugarcrm-mono";
16124
+ Icon["superscriptLine"] = "superscript-line";
16125
+ Icon["superscriptSolid"] = "superscript-solid";
16057
16126
  Icon["surprisedLine"] = "surprised-line";
16058
16127
  Icon["surprisedSolid"] = "surprised-solid";
16059
16128
  Icon["swiftColor"] = "swift-color";
package/dist/index.js CHANGED
@@ -4072,6 +4072,13 @@ var VDatePicker_default = defineComponent({
4072
4072
  event: "update:modelValue"
4073
4073
  } : void 0,
4074
4074
  props: {
4075
+ appearance: {
4076
+ type: String,
4077
+ default: void 0
4078
+ },
4079
+ /**
4080
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
4081
+ */
4075
4082
  disabled: {
4076
4083
  type: Boolean,
4077
4084
  default: void 0
@@ -4202,6 +4209,7 @@ var VDatePicker_default = defineComponent({
4202
4209
  if (isVue2) return h(this.componentName, {
4203
4210
  ref: "element",
4204
4211
  attrs: {
4212
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
4205
4213
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
4206
4214
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
4207
4215
  ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
@@ -4250,6 +4258,7 @@ var VDatePicker_default = defineComponent({
4250
4258
  ref: "element",
4251
4259
  class: "vvd-component",
4252
4260
  ...handleVue3Props({
4261
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
4253
4262
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
4254
4263
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
4255
4264
  ...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
@@ -4298,6 +4307,13 @@ var VDatePicker_default = defineComponent({
4298
4307
  var VDateRangePicker_default = defineComponent({
4299
4308
  name: "VDateRangePicker",
4300
4309
  props: {
4310
+ appearance: {
4311
+ type: String,
4312
+ default: void 0
4313
+ },
4314
+ /**
4315
+ * Sets the element's disabled state. A disabled element will not be included during form submission.
4316
+ */
4301
4317
  disabled: {
4302
4318
  type: Boolean,
4303
4319
  default: void 0
@@ -4466,6 +4482,7 @@ var VDateRangePicker_default = defineComponent({
4466
4482
  if (isVue2) return h(this.componentName, {
4467
4483
  ref: "element",
4468
4484
  attrs: {
4485
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
4469
4486
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
4470
4487
  ...this.end !== void 0 ? { "current-end": this.end } : {},
4471
4488
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
@@ -4524,6 +4541,7 @@ var VDateRangePicker_default = defineComponent({
4524
4541
  ref: "element",
4525
4542
  class: "vvd-component",
4526
4543
  ...handleVue3Props({
4544
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
4527
4545
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
4528
4546
  ...this.end !== void 0 ? { "^current-end": this.end } : {},
4529
4547
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
@@ -4589,6 +4607,13 @@ var VDateTimePicker_default = defineComponent({
4589
4607
  event: "update:modelValue"
4590
4608
  } : void 0,
4591
4609
  props: {
4610
+ appearance: {
4611
+ type: String,
4612
+ default: void 0
4613
+ },
4614
+ /**
4615
+ * Forces a 12h or 24h clock to be used.
4616
+ */
4592
4617
  clock: {
4593
4618
  type: String,
4594
4619
  default: void 0
@@ -4768,6 +4793,7 @@ var VDateTimePicker_default = defineComponent({
4768
4793
  if (isVue2) return h(this.componentName, {
4769
4794
  ref: "element",
4770
4795
  attrs: {
4796
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
4771
4797
  ...this.clock !== void 0 ? { "clock": this.clock } : {},
4772
4798
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
4773
4799
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
@@ -4823,6 +4849,7 @@ var VDateTimePicker_default = defineComponent({
4823
4849
  ref: "element",
4824
4850
  class: "vvd-component",
4825
4851
  ...handleVue3Props({
4852
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
4826
4853
  ...this.clock !== void 0 ? { "^clock": this.clock } : {},
4827
4854
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
4828
4855
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
@@ -5519,6 +5546,13 @@ var VEmptyState_default = defineComponent({
5519
5546
  iconDecoration: {
5520
5547
  type: String,
5521
5548
  default: void 0
5549
+ },
5550
+ /**
5551
+ * Sets the element's size
5552
+ */
5553
+ size: {
5554
+ type: String,
5555
+ default: void 0
5522
5556
  }
5523
5557
  },
5524
5558
  emits: [
@@ -5543,7 +5577,8 @@ var VEmptyState_default = defineComponent({
5543
5577
  ...this.connotation !== void 0 ? { "connotation": this.connotation } : {},
5544
5578
  ...this.headline !== void 0 ? { "headline": this.headline } : {},
5545
5579
  ...this.icon !== void 0 ? { "icon": this.icon } : {},
5546
- ...this.iconDecoration !== void 0 ? { "icon-decoration": this.iconDecoration } : {}
5580
+ ...this.iconDecoration !== void 0 ? { "icon-decoration": this.iconDecoration } : {},
5581
+ ...this.size !== void 0 ? { "size": this.size } : {}
5547
5582
  },
5548
5583
  class: "vvd-component",
5549
5584
  on: {
@@ -5578,7 +5613,8 @@ var VEmptyState_default = defineComponent({
5578
5613
  ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
5579
5614
  ...this.headline !== void 0 ? { "^headline": this.headline } : {},
5580
5615
  ...this.icon !== void 0 ? { "^icon": this.icon } : {},
5581
- ...this.iconDecoration !== void 0 ? { "^icon-decoration": this.iconDecoration } : {}
5616
+ ...this.iconDecoration !== void 0 ? { "^icon-decoration": this.iconDecoration } : {},
5617
+ ...this.size !== void 0 ? { "^size": this.size } : {}
5582
5618
  }),
5583
5619
  "onBlur": (event) => {
5584
5620
  this.$emit("blur", event);
@@ -8021,6 +8057,13 @@ var VNumberField_default = defineComponent({
8021
8057
  default: void 0
8022
8058
  },
8023
8059
  /**
8060
+ * Always hides the stepper buttons, regardless of the configured `step`.
8061
+ */
8062
+ noSteppers: {
8063
+ type: Boolean,
8064
+ default: void 0
8065
+ },
8066
+ /**
8024
8067
  * Sets the placeholder value of the element, generally used to provide a hint to the user.
8025
8068
  * Using this attribute is not a valid substitute for a labeling element.
8026
8069
  */
@@ -8064,10 +8107,11 @@ var VNumberField_default = defineComponent({
8064
8107
  default: void 0
8065
8108
  },
8066
8109
  /**
8067
- * Amount to increment or decrement the value by
8110
+ * Amount to increment or decrement the value by.
8111
+ * Set to `"any"` to allow any decimal value and hide the stepper buttons.
8068
8112
  */
8069
8113
  step: {
8070
- type: Number,
8114
+ type: [Number, String],
8071
8115
  default: void 0
8072
8116
  },
8073
8117
  /**
@@ -8184,6 +8228,7 @@ var VNumberField_default = defineComponent({
8184
8228
  ...this.min !== void 0 ? { "min": this.min } : {},
8185
8229
  ...this.minlength !== void 0 ? { "minlength": this.minlength } : {},
8186
8230
  ...this.name !== void 0 ? { "name": this.name } : {},
8231
+ ...this.noSteppers !== void 0 ? { "no-steppers": this.noSteppers } : {},
8187
8232
  ...this.placeholder !== void 0 ? { "placeholder": this.placeholder } : {},
8188
8233
  ...this.readonly !== void 0 ? { "readonly": this.readonly } : {},
8189
8234
  ...this.required !== void 0 ? { "required": this.required } : {},
@@ -8249,6 +8294,7 @@ var VNumberField_default = defineComponent({
8249
8294
  ...this.min !== void 0 ? { "^min": this.min } : {},
8250
8295
  ...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
8251
8296
  ...this.name !== void 0 ? { "^name": this.name } : {},
8297
+ ...this.noSteppers !== void 0 && this.noSteppers !== false ? { "^no-steppers": this.noSteppers } : {},
8252
8298
  ...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
8253
8299
  ...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
8254
8300
  ...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
@@ -14058,6 +14104,13 @@ var VTimePicker_default = defineComponent({
14058
14104
  event: "update:modelValue"
14059
14105
  } : void 0,
14060
14106
  props: {
14107
+ appearance: {
14108
+ type: String,
14109
+ default: void 0
14110
+ },
14111
+ /**
14112
+ * Forces a 12h or 24h clock to be used.
14113
+ */
14061
14114
  clock: {
14062
14115
  type: String,
14063
14116
  default: void 0
@@ -14209,6 +14262,7 @@ var VTimePicker_default = defineComponent({
14209
14262
  if (isVue2) return h(this.componentName, {
14210
14263
  ref: "element",
14211
14264
  attrs: {
14265
+ ...this.appearance !== void 0 ? { "appearance": this.appearance } : {},
14212
14266
  ...this.clock !== void 0 ? { "clock": this.clock } : {},
14213
14267
  ...this.disabled !== void 0 ? { "disabled": this.disabled } : {},
14214
14268
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
@@ -14260,6 +14314,7 @@ var VTimePicker_default = defineComponent({
14260
14314
  ref: "element",
14261
14315
  class: "vvd-component",
14262
14316
  ...handleVue3Props({
14317
+ ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
14263
14318
  ...this.clock !== void 0 ? { "^clock": this.clock } : {},
14264
14319
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
14265
14320
  ...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
@@ -15274,6 +15329,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15274
15329
  Icon["densityMediumSolid"] = "density-medium-solid";
15275
15330
  Icon["designToolsLine"] = "design-tools-line";
15276
15331
  Icon["designToolsSolid"] = "design-tools-solid";
15332
+ Icon["deviceSwitchingLine"] = "device-switching-line";
15333
+ Icon["deviceSwitchingSolid"] = "device-switching-solid";
15277
15334
  Icon["devicesLine"] = "devices-line";
15278
15335
  Icon["devicesSolid"] = "devices-solid";
15279
15336
  Icon["disableCallLine"] = "disable-call-line";
@@ -15418,6 +15475,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15418
15475
  Icon["filesSolid"] = "files-solid";
15419
15476
  Icon["filterLine"] = "filter-line";
15420
15477
  Icon["filterSolid"] = "filter-solid";
15478
+ Icon["finishFlagLine"] = "finish-flag-line";
15479
+ Icon["finishFlagSolid"] = "finish-flag-solid";
15421
15480
  Icon["fiveLine"] = "five-line";
15422
15481
  Icon["fiveSolid"] = "five-solid";
15423
15482
  Icon["flagAfghanistan"] = "flag-afghanistan";
@@ -15627,6 +15686,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15627
15686
  Icon["heartSolid"] = "heart-solid";
15628
15687
  Icon["helpLine"] = "help-line";
15629
15688
  Icon["helpSolid"] = "help-solid";
15689
+ Icon["highlightColorLine"] = "highlight-color-line";
15690
+ Icon["highlightColorSolid"] = "highlight-color-solid";
15630
15691
  Icon["highlightLine"] = "highlight-line";
15631
15692
  Icon["highlightSolid"] = "highlight-solid";
15632
15693
  Icon["historyLine"] = "history-line";
@@ -15751,6 +15812,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15751
15812
  Icon["messageSolid"] = "message-solid";
15752
15813
  Icon["messageTemplateLine"] = "message-template-line";
15753
15814
  Icon["messageTemplateSolid"] = "message-template-solid";
15815
+ Icon["metaStyleColor"] = "meta-style-color";
15816
+ Icon["metaStyleMono"] = "meta-style-mono";
15754
15817
  Icon["micMuteLine"] = "mic-mute-line";
15755
15818
  Icon["micMuteSolid"] = "mic-mute-solid";
15756
15819
  Icon["microphone2Line"] = "microphone-2-line";
@@ -15949,6 +16012,8 @@ var Icon = /* @__PURE__ */ function(Icon) {
15949
16012
  Icon["removeUserSolid"] = "remove-user-solid";
15950
16013
  Icon["reorderHorizontalLine"] = "reorder-horizontal-line";
15951
16014
  Icon["reorderHorizontalSolid"] = "reorder-horizontal-solid";
16015
+ Icon["reorderLine"] = "reorder-line";
16016
+ Icon["reorderSolid"] = "reorder-solid";
15952
16017
  Icon["reorderVerticalLine"] = "reorder-vertical-line";
15953
16018
  Icon["reorderVerticalSolid"] = "reorder-vertical-solid";
15954
16019
  Icon["replyAllLine"] = "reply-all-line";
@@ -16049,10 +16114,14 @@ var Icon = /* @__PURE__ */ function(Icon) {
16049
16114
  Icon["strikethroughSolid"] = "strikethrough-solid";
16050
16115
  Icon["subAccountLine"] = "sub-account-line";
16051
16116
  Icon["subAccountSolid"] = "sub-account-solid";
16117
+ Icon["subscriptLine"] = "subscript-line";
16118
+ Icon["subscriptSolid"] = "subscript-solid";
16052
16119
  Icon["subtitlesLine"] = "subtitles-line";
16053
16120
  Icon["subtitlesSolid"] = "subtitles-solid";
16054
16121
  Icon["sugarcrmColor"] = "sugarcrm-color";
16055
16122
  Icon["sugarcrmMono"] = "sugarcrm-mono";
16123
+ Icon["superscriptLine"] = "superscript-line";
16124
+ Icon["superscriptSolid"] = "superscript-solid";
16056
16125
  Icon["surprisedLine"] = "surprised-line";
16057
16126
  Icon["surprisedSolid"] = "surprised-solid";
16058
16127
  Icon["swiftColor"] = "swift-color";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-vue",
3
- "version": "5.28.0",
3
+ "version": "5.29.0",
4
4
  "description": "A Vue wrapper library for Vivid components.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,18 +25,18 @@
25
25
  "web-types.json"
26
26
  ],
27
27
  "dependencies": {
28
- "@vonage/vivid": "^5.28.0"
28
+ "@vonage/vivid": "^5.29.0"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@types/node": "^20.19.43",
32
- "eslint": "^10.8.1",
32
+ "eslint": "^10.11.0",
33
33
  "glob": "^13.0.6",
34
34
  "tsx": "^4.23.13",
35
35
  "typescript": "5.9.3",
36
- "vite": "^8.2.2",
37
- "vitest": "^4.1.10",
36
+ "vite": "^8.3.0",
37
+ "vitest": "^4.1.11",
38
38
  "vue": "^2.7.16",
39
- "vue3": "npm:vue@^3.5.41",
39
+ "vue3": "npm:vue@^3.5.43",
40
40
  "@repo/eslint-config": "1.0.0",
41
41
  "@repo/styles": "1.0.0",
42
42
  "@repo/tools": "1.0.0",