@vonage/vivid 3.29.0 → 3.31.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 (87) hide show
  1. package/custom-elements.json +424 -2
  2. package/index.js +13 -12
  3. package/lib/components.d.ts +1 -0
  4. package/lib/icon/icon.d.ts +1 -1
  5. package/lib/nav-disclosure/nav-disclosure.d.ts +1 -0
  6. package/lib/pagination/definition.d.ts +1 -0
  7. package/lib/pagination/pagination.d.ts +3 -1
  8. package/lib/split-button/definition.d.ts +2 -0
  9. package/lib/split-button/index.d.ts +1 -0
  10. package/lib/split-button/split-button.d.ts +25 -0
  11. package/lib/split-button/split-button.template.d.ts +4 -0
  12. package/listbox/index.js +1 -1
  13. package/package.json +1 -1
  14. package/shared/definition.js +1 -1
  15. package/shared/definition10.js +1 -1
  16. package/shared/definition11.js +1 -1
  17. package/shared/definition12.js +1 -1
  18. package/shared/definition14.js +1 -1
  19. package/shared/definition15.js +1 -1
  20. package/shared/definition16.js +1 -1
  21. package/shared/definition17.js +1 -1
  22. package/shared/definition18.js +1 -1
  23. package/shared/definition19.js +1 -1
  24. package/shared/definition2.js +1 -1
  25. package/shared/definition21.js +1 -1
  26. package/shared/definition22.js +2 -2
  27. package/shared/definition23.js +1 -1
  28. package/shared/definition24.js +1 -1
  29. package/shared/definition25.js +1 -1
  30. package/shared/definition26.js +1 -1
  31. package/shared/definition27.js +1 -1
  32. package/shared/definition28.js +1 -1
  33. package/shared/definition30.js +1 -1
  34. package/shared/definition31.js +1 -1
  35. package/shared/definition33.js +9 -2
  36. package/shared/definition34.js +1 -1
  37. package/shared/definition35.js +1 -1
  38. package/shared/definition36.js +1 -1
  39. package/shared/definition37.js +16 -3
  40. package/shared/definition38.js +1 -1
  41. package/shared/definition39.js +1 -1
  42. package/shared/definition4.js +1 -1
  43. package/shared/definition40.js +1 -1
  44. package/shared/definition41.js +1 -1
  45. package/shared/definition42.js +1 -1
  46. package/shared/definition43.js +1 -1
  47. package/shared/definition44.js +91 -126
  48. package/shared/definition45.js +123 -49
  49. package/shared/definition46.js +56 -16
  50. package/shared/definition47.js +16 -483
  51. package/shared/definition48.js +476 -96
  52. package/shared/definition49.js +108 -16
  53. package/shared/definition5.js +1 -1
  54. package/shared/definition50.js +15 -270
  55. package/shared/definition51.js +245 -89
  56. package/shared/definition52.js +113 -120
  57. package/shared/definition53.js +91 -82
  58. package/shared/definition54.js +111 -65
  59. package/shared/definition55.js +64 -291
  60. package/shared/definition56.js +303 -0
  61. package/shared/definition6.js +1 -1
  62. package/shared/definition7.js +1 -1
  63. package/shared/definition9.js +1 -1
  64. package/shared/form-elements.js +1 -1
  65. package/shared/icon.js +1 -1
  66. package/shared/patterns/form-elements/form-elements.d.ts +4 -4
  67. package/shared/text-field.js +1 -1
  68. package/split-button/index.js +15 -0
  69. package/styles/core/all.css +1 -1
  70. package/styles/core/theme.css +1 -1
  71. package/styles/core/typography.css +1 -1
  72. package/styles/tokens/theme-dark.css +4 -4
  73. package/styles/tokens/theme-light.css +4 -4
  74. package/styles/tokens/vivid-2-compat.css +14 -0
  75. package/switch/index.js +1 -1
  76. package/tab/index.js +1 -1
  77. package/tab-panel/index.js +1 -1
  78. package/tabs/index.js +3 -3
  79. package/tag/index.js +1 -1
  80. package/tag-group/index.js +1 -1
  81. package/text-area/index.js +1 -1
  82. package/text-field/index.js +1 -1
  83. package/toggletip/index.js +1 -1
  84. package/tooltip/index.js +1 -1
  85. package/tree-item/index.js +1 -1
  86. package/tree-view/index.js +1 -1
  87. package/vivid.api.json +412 -0
package/vivid.api.json CHANGED
@@ -4123,6 +4123,131 @@
4123
4123
  "endIndex": 14
4124
4124
  }
4125
4125
  },
4126
+ {
4127
+ "kind": "TypeAlias",
4128
+ "canonicalReference": "@vonage/vivid!PaginationShape:type",
4129
+ "docComment": "",
4130
+ "excerptTokens": [
4131
+ {
4132
+ "kind": "Content",
4133
+ "text": "export type PaginationShape = "
4134
+ },
4135
+ {
4136
+ "kind": "Reference",
4137
+ "text": "Extract",
4138
+ "canonicalReference": "!Extract:type"
4139
+ },
4140
+ {
4141
+ "kind": "Content",
4142
+ "text": "<"
4143
+ },
4144
+ {
4145
+ "kind": "Reference",
4146
+ "text": "Shape",
4147
+ "canonicalReference": "@vonage/vivid!Shape:enum"
4148
+ },
4149
+ {
4150
+ "kind": "Content",
4151
+ "text": ", "
4152
+ },
4153
+ {
4154
+ "kind": "Reference",
4155
+ "text": "Shape.Rounded",
4156
+ "canonicalReference": "@vonage/vivid!Shape.Rounded:member"
4157
+ },
4158
+ {
4159
+ "kind": "Content",
4160
+ "text": " | "
4161
+ },
4162
+ {
4163
+ "kind": "Reference",
4164
+ "text": "Shape.Pill",
4165
+ "canonicalReference": "@vonage/vivid!Shape.Pill:member"
4166
+ },
4167
+ {
4168
+ "kind": "Content",
4169
+ "text": ">"
4170
+ },
4171
+ {
4172
+ "kind": "Content",
4173
+ "text": ";"
4174
+ }
4175
+ ],
4176
+ "fileUrlPath": "../../dist/libs/components/lib/pagination/pagination.d.ts",
4177
+ "releaseTag": "Public",
4178
+ "name": "PaginationShape",
4179
+ "typeTokenRange": {
4180
+ "startIndex": 1,
4181
+ "endIndex": 9
4182
+ }
4183
+ },
4184
+ {
4185
+ "kind": "TypeAlias",
4186
+ "canonicalReference": "@vonage/vivid!PaginationSize:type",
4187
+ "docComment": "",
4188
+ "excerptTokens": [
4189
+ {
4190
+ "kind": "Content",
4191
+ "text": "export type PaginationSize = "
4192
+ },
4193
+ {
4194
+ "kind": "Reference",
4195
+ "text": "Extract",
4196
+ "canonicalReference": "!Extract:type"
4197
+ },
4198
+ {
4199
+ "kind": "Content",
4200
+ "text": "<"
4201
+ },
4202
+ {
4203
+ "kind": "Reference",
4204
+ "text": "Size",
4205
+ "canonicalReference": "@vonage/vivid!Size:enum"
4206
+ },
4207
+ {
4208
+ "kind": "Content",
4209
+ "text": ", "
4210
+ },
4211
+ {
4212
+ "kind": "Reference",
4213
+ "text": "Size.SuperCondensed",
4214
+ "canonicalReference": "@vonage/vivid!Size.SuperCondensed:member"
4215
+ },
4216
+ {
4217
+ "kind": "Content",
4218
+ "text": " | "
4219
+ },
4220
+ {
4221
+ "kind": "Reference",
4222
+ "text": "Size.Condensed",
4223
+ "canonicalReference": "@vonage/vivid!Size.Condensed:member"
4224
+ },
4225
+ {
4226
+ "kind": "Content",
4227
+ "text": " | "
4228
+ },
4229
+ {
4230
+ "kind": "Reference",
4231
+ "text": "Size.Normal",
4232
+ "canonicalReference": "@vonage/vivid!Size.Normal:member"
4233
+ },
4234
+ {
4235
+ "kind": "Content",
4236
+ "text": ">"
4237
+ },
4238
+ {
4239
+ "kind": "Content",
4240
+ "text": ";"
4241
+ }
4242
+ ],
4243
+ "fileUrlPath": "../../dist/libs/components/lib/pagination/pagination.d.ts",
4244
+ "releaseTag": "Public",
4245
+ "name": "PaginationSize",
4246
+ "typeTokenRange": {
4247
+ "startIndex": 1,
4248
+ "endIndex": 11
4249
+ }
4250
+ },
4126
4251
  {
4127
4252
  "kind": "TypeAlias",
4128
4253
  "canonicalReference": "@vonage/vivid!PopupPlacement:type",
@@ -5871,6 +5996,34 @@
5871
5996
  "endIndex": 3
5872
5997
  }
5873
5998
  },
5999
+ {
6000
+ "kind": "Variable",
6001
+ "canonicalReference": "@vonage/vivid!registerSplitButton:var",
6002
+ "docComment": "",
6003
+ "excerptTokens": [
6004
+ {
6005
+ "kind": "Content",
6006
+ "text": "registerSplitButton: "
6007
+ },
6008
+ {
6009
+ "kind": "Content",
6010
+ "text": "(prefix?: string) => import(\"@microsoft/fast-foundation\")."
6011
+ },
6012
+ {
6013
+ "kind": "Reference",
6014
+ "text": "DesignSystem",
6015
+ "canonicalReference": "@microsoft/fast-foundation!DesignSystem:interface"
6016
+ }
6017
+ ],
6018
+ "fileUrlPath": "../../dist/libs/components/lib/split-button/definition.d.ts",
6019
+ "isReadonly": true,
6020
+ "releaseTag": "Public",
6021
+ "name": "registerSplitButton",
6022
+ "variableTypeTokenRange": {
6023
+ "startIndex": 1,
6024
+ "endIndex": 3
6025
+ }
6026
+ },
5874
6027
  {
5875
6028
  "kind": "Variable",
5876
6029
  "canonicalReference": "@vonage/vivid!registerSwitch:var",
@@ -7029,6 +7182,265 @@
7029
7182
  "endIndex": 14
7030
7183
  }
7031
7184
  },
7185
+ {
7186
+ "kind": "TypeAlias",
7187
+ "canonicalReference": "@vonage/vivid!SplitButtonAppearance:type",
7188
+ "docComment": "",
7189
+ "excerptTokens": [
7190
+ {
7191
+ "kind": "Content",
7192
+ "text": "export type SplitButtonAppearance = "
7193
+ },
7194
+ {
7195
+ "kind": "Reference",
7196
+ "text": "Extract",
7197
+ "canonicalReference": "!Extract:type"
7198
+ },
7199
+ {
7200
+ "kind": "Content",
7201
+ "text": "<"
7202
+ },
7203
+ {
7204
+ "kind": "Reference",
7205
+ "text": "Appearance",
7206
+ "canonicalReference": "@vonage/vivid!Appearance:enum"
7207
+ },
7208
+ {
7209
+ "kind": "Content",
7210
+ "text": ", "
7211
+ },
7212
+ {
7213
+ "kind": "Reference",
7214
+ "text": "Appearance.Filled",
7215
+ "canonicalReference": "@vonage/vivid!Appearance.Filled:member"
7216
+ },
7217
+ {
7218
+ "kind": "Content",
7219
+ "text": " | "
7220
+ },
7221
+ {
7222
+ "kind": "Reference",
7223
+ "text": "Appearance.Outlined",
7224
+ "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
7225
+ },
7226
+ {
7227
+ "kind": "Content",
7228
+ "text": " | "
7229
+ },
7230
+ {
7231
+ "kind": "Reference",
7232
+ "text": "Appearance.Ghost",
7233
+ "canonicalReference": "@vonage/vivid!Appearance.Ghost:member"
7234
+ },
7235
+ {
7236
+ "kind": "Content",
7237
+ "text": ">"
7238
+ },
7239
+ {
7240
+ "kind": "Content",
7241
+ "text": ";"
7242
+ }
7243
+ ],
7244
+ "fileUrlPath": "../../dist/libs/components/lib/split-button/split-button.d.ts",
7245
+ "releaseTag": "Public",
7246
+ "name": "SplitButtonAppearance",
7247
+ "typeTokenRange": {
7248
+ "startIndex": 1,
7249
+ "endIndex": 11
7250
+ }
7251
+ },
7252
+ {
7253
+ "kind": "TypeAlias",
7254
+ "canonicalReference": "@vonage/vivid!SplitButtonConnotation:type",
7255
+ "docComment": "",
7256
+ "excerptTokens": [
7257
+ {
7258
+ "kind": "Content",
7259
+ "text": "export type SplitButtonConnotation = "
7260
+ },
7261
+ {
7262
+ "kind": "Reference",
7263
+ "text": "Extract",
7264
+ "canonicalReference": "!Extract:type"
7265
+ },
7266
+ {
7267
+ "kind": "Content",
7268
+ "text": "<"
7269
+ },
7270
+ {
7271
+ "kind": "Reference",
7272
+ "text": "Connotation",
7273
+ "canonicalReference": "@vonage/vivid!Connotation:enum"
7274
+ },
7275
+ {
7276
+ "kind": "Content",
7277
+ "text": ", "
7278
+ },
7279
+ {
7280
+ "kind": "Reference",
7281
+ "text": "Connotation.Accent",
7282
+ "canonicalReference": "@vonage/vivid!Connotation.Accent:member"
7283
+ },
7284
+ {
7285
+ "kind": "Content",
7286
+ "text": " | "
7287
+ },
7288
+ {
7289
+ "kind": "Reference",
7290
+ "text": "Connotation.CTA",
7291
+ "canonicalReference": "@vonage/vivid!Connotation.CTA:member"
7292
+ },
7293
+ {
7294
+ "kind": "Content",
7295
+ "text": ">"
7296
+ },
7297
+ {
7298
+ "kind": "Content",
7299
+ "text": ";"
7300
+ }
7301
+ ],
7302
+ "fileUrlPath": "../../dist/libs/components/lib/split-button/split-button.d.ts",
7303
+ "releaseTag": "Public",
7304
+ "name": "SplitButtonConnotation",
7305
+ "typeTokenRange": {
7306
+ "startIndex": 1,
7307
+ "endIndex": 9
7308
+ }
7309
+ },
7310
+ {
7311
+ "kind": "TypeAlias",
7312
+ "canonicalReference": "@vonage/vivid!SplitButtonShape:type",
7313
+ "docComment": "",
7314
+ "excerptTokens": [
7315
+ {
7316
+ "kind": "Content",
7317
+ "text": "export type SplitButtonShape = "
7318
+ },
7319
+ {
7320
+ "kind": "Reference",
7321
+ "text": "Extract",
7322
+ "canonicalReference": "!Extract:type"
7323
+ },
7324
+ {
7325
+ "kind": "Content",
7326
+ "text": "<"
7327
+ },
7328
+ {
7329
+ "kind": "Reference",
7330
+ "text": "Shape",
7331
+ "canonicalReference": "@vonage/vivid!Shape:enum"
7332
+ },
7333
+ {
7334
+ "kind": "Content",
7335
+ "text": ", "
7336
+ },
7337
+ {
7338
+ "kind": "Reference",
7339
+ "text": "Shape.Rounded",
7340
+ "canonicalReference": "@vonage/vivid!Shape.Rounded:member"
7341
+ },
7342
+ {
7343
+ "kind": "Content",
7344
+ "text": " | "
7345
+ },
7346
+ {
7347
+ "kind": "Reference",
7348
+ "text": "Shape.Pill",
7349
+ "canonicalReference": "@vonage/vivid!Shape.Pill:member"
7350
+ },
7351
+ {
7352
+ "kind": "Content",
7353
+ "text": ">"
7354
+ },
7355
+ {
7356
+ "kind": "Content",
7357
+ "text": ";"
7358
+ }
7359
+ ],
7360
+ "fileUrlPath": "../../dist/libs/components/lib/split-button/split-button.d.ts",
7361
+ "releaseTag": "Public",
7362
+ "name": "SplitButtonShape",
7363
+ "typeTokenRange": {
7364
+ "startIndex": 1,
7365
+ "endIndex": 9
7366
+ }
7367
+ },
7368
+ {
7369
+ "kind": "TypeAlias",
7370
+ "canonicalReference": "@vonage/vivid!SplitButtonSize:type",
7371
+ "docComment": "",
7372
+ "excerptTokens": [
7373
+ {
7374
+ "kind": "Content",
7375
+ "text": "export type SplitButtonSize = "
7376
+ },
7377
+ {
7378
+ "kind": "Reference",
7379
+ "text": "Extract",
7380
+ "canonicalReference": "!Extract:type"
7381
+ },
7382
+ {
7383
+ "kind": "Content",
7384
+ "text": "<"
7385
+ },
7386
+ {
7387
+ "kind": "Reference",
7388
+ "text": "Size",
7389
+ "canonicalReference": "@vonage/vivid!Size:enum"
7390
+ },
7391
+ {
7392
+ "kind": "Content",
7393
+ "text": ", "
7394
+ },
7395
+ {
7396
+ "kind": "Reference",
7397
+ "text": "Size.SuperCondensed",
7398
+ "canonicalReference": "@vonage/vivid!Size.SuperCondensed:member"
7399
+ },
7400
+ {
7401
+ "kind": "Content",
7402
+ "text": " | "
7403
+ },
7404
+ {
7405
+ "kind": "Reference",
7406
+ "text": "Size.Condensed",
7407
+ "canonicalReference": "@vonage/vivid!Size.Condensed:member"
7408
+ },
7409
+ {
7410
+ "kind": "Content",
7411
+ "text": " | "
7412
+ },
7413
+ {
7414
+ "kind": "Reference",
7415
+ "text": "Size.Normal",
7416
+ "canonicalReference": "@vonage/vivid!Size.Normal:member"
7417
+ },
7418
+ {
7419
+ "kind": "Content",
7420
+ "text": " | "
7421
+ },
7422
+ {
7423
+ "kind": "Reference",
7424
+ "text": "Size.Expanded",
7425
+ "canonicalReference": "@vonage/vivid!Size.Expanded:member"
7426
+ },
7427
+ {
7428
+ "kind": "Content",
7429
+ "text": ">"
7430
+ },
7431
+ {
7432
+ "kind": "Content",
7433
+ "text": ";"
7434
+ }
7435
+ ],
7436
+ "fileUrlPath": "../../dist/libs/components/lib/split-button/split-button.d.ts",
7437
+ "releaseTag": "Public",
7438
+ "name": "SplitButtonSize",
7439
+ "typeTokenRange": {
7440
+ "startIndex": 1,
7441
+ "endIndex": 13
7442
+ }
7443
+ },
7032
7444
  {
7033
7445
  "kind": "TypeAlias",
7034
7446
  "canonicalReference": "@vonage/vivid!SwitchConnotation:type",