@vonage/vivid 3.4.0 → 3.6.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 (95) hide show
  1. package/README.md +22 -9
  2. package/banner/index.js +2 -0
  3. package/breadcrumb/index.js +1 -1
  4. package/breadcrumb-item/index.js +1 -1
  5. package/button/index.js +2 -0
  6. package/calendar/index.js +1 -1
  7. package/calendar-event/index.js +1 -1
  8. package/card/index.js +2 -2
  9. package/checkbox/index.js +1 -1
  10. package/combobox/index.js +6 -4
  11. package/custom-elements.json +124 -0
  12. package/data-grid/index.js +1 -1
  13. package/dialog/index.js +5 -2
  14. package/divider/index.js +1 -1
  15. package/elevation/index.js +1 -1
  16. package/fab/index.js +1 -1
  17. package/header/index.js +2 -2
  18. package/index.js +26 -26
  19. package/layout/index.js +1 -1
  20. package/lib/action-group/action-group.d.ts +2 -0
  21. package/lib/button/button.d.ts +1 -0
  22. package/lib/button/button.template.d.ts +1 -1
  23. package/lib/data-grid/data-grid.d.ts +8 -0
  24. package/lib/dialog/dialog.d.ts +2 -0
  25. package/lib/menu/menu.d.ts +1 -0
  26. package/lib/select/select.d.ts +2 -3
  27. package/listbox/index.js +2 -2
  28. package/menu/index.js +6 -4
  29. package/menu-item/index.js +1 -1
  30. package/nav/index.js +1 -1
  31. package/nav-disclosure/index.js +1 -1
  32. package/nav-item/index.js +1 -1
  33. package/note/index.js +1 -1
  34. package/number-field/index.js +4 -2
  35. package/option/index.js +1 -1
  36. package/package.json +1 -1
  37. package/popup/index.js +4 -2
  38. package/progress/index.js +1 -1
  39. package/progress-ring/index.js +1 -1
  40. package/select/index.js +5 -3
  41. package/shared/definition.js +1 -1
  42. package/shared/definition10.js +69 -91
  43. package/shared/definition11.js +91 -40
  44. package/shared/definition12.js +31 -755
  45. package/shared/definition13.js +754 -93
  46. package/shared/definition14.js +100 -103
  47. package/shared/definition15.js +106 -24
  48. package/shared/definition16.js +24 -164
  49. package/shared/definition17.js +108 -663
  50. package/shared/definition18.js +667 -1533
  51. package/shared/definition19.js +1545 -223
  52. package/shared/definition2.js +1 -1
  53. package/shared/definition20.js +183 -961
  54. package/shared/definition21.js +1038 -203
  55. package/shared/definition22.js +226 -67
  56. package/shared/definition23.js +68 -77
  57. package/shared/definition24.js +76 -47
  58. package/shared/definition25.js +46 -32
  59. package/shared/definition26.js +35 -49
  60. package/shared/definition27.js +48 -338
  61. package/shared/definition28.js +273 -282
  62. package/shared/definition29.js +356 -14
  63. package/shared/definition30.js +13 -67
  64. package/shared/definition31.js +65 -21
  65. package/shared/definition32.js +21 -39
  66. package/shared/definition33.js +31 -432
  67. package/shared/definition34.js +432 -76
  68. package/shared/definition35.js +76 -59
  69. package/shared/definition36.js +1 -1
  70. package/shared/definition37.js +1 -1
  71. package/shared/definition38.js +7 -6
  72. package/shared/definition39.js +1 -1
  73. package/shared/definition4.js +1 -1
  74. package/shared/definition41.js +1 -1
  75. package/shared/definition42.js +1 -1
  76. package/shared/definition44.js +1 -1
  77. package/shared/definition45.js +1 -1
  78. package/shared/definition47.js +2 -2
  79. package/shared/definition48.js +1 -1
  80. package/shared/definition5.js +10 -3
  81. package/shared/definition6.js +1 -1
  82. package/shared/definition7.js +1 -1
  83. package/shared/definition8.js +1 -1
  84. package/shared/definition9.js +14 -4
  85. package/shared/form-elements.js +1 -1
  86. package/shared/icon.js +1 -1
  87. package/shared/listbox.js +1 -1
  88. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  89. package/shared/text-field.js +1 -1
  90. package/styles/core/all.css +1 -1
  91. package/styles/core/theme.css +1 -1
  92. package/styles/core/typography.css +1 -1
  93. package/styles/tokens/theme-dark.css +4 -4
  94. package/styles/tokens/theme-light.css +4 -4
  95. package/tooltip/index.js +4 -2
package/shared/definition2.js CHANGED
@@ -76,7 +76,7 @@ __decorate([
76
76
  ], AccordionItem$1.prototype, "id", void 0);
77
77
  applyMixins(AccordionItem$1, StartEnd);
78
78
 
79
- var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 16 Mar 2023 08:36:16 GMT\n */\n:host {\n display: flex;\n box-sizing: border-box;\n flex-direction: column;\n}\n\n.heading-container {\n margin: 0;\n}\n\n.heading-button {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n padding: 16px;\n border: none;\n background-color: var(--_appearance-color-fill);\n color: var(--_appearance-color-text);\n cursor: pointer;\n font: var(--vvd-typography-heading-4);\n gap: 16px;\n text-align: left;\n}\n.heading-button {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.heading-button:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-faint);\n --_appearance-color-outline: transparent;\n}\n.heading-button:where(:active, .active):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-soft);\n --_appearance-color-outline: transparent;\n}\n.heading-button {\n --_connotation-color-primary: var(--vvd-color-canvas-text);\n --_connotation-color-faint: var(--vvd-color-neutral-50);\n --_connotation-color-soft: var(--vvd-color-neutral-100);\n}\n@supports selector(:focus-visible) {\n .heading-button:focus {\n outline: none;\n }\n}\n\n.heading-content {\n flex: auto;\n}\n\n.meta {\n overflow: hidden;\n max-width: 20%;\n flex-shrink: 0;\n color: var(--vvd-color-neutral-600);\n font: var(--vvd-typography-base-bold);\n text-align: end;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.region {\n display: none;\n padding: 8px 32px 24px 16px;\n}\n:host([expanded]) .region {\n display: block;\n}\n.region.padded {\n padding-left: 52px;\n}\n\n.icon {\n color: var(--vvd-color-neutral-600);\n}\n:host(:not([icon-trailing])) .icon:last-of-type {\n color: var(--_appearance-color-text);\n}\n\nbutton:not(:focus-visible) > .focus-indicator {\n display: none;\n}";
79
+ var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 30 Mar 2023 16:21:30 GMT\n */\n:host {\n display: flex;\n box-sizing: border-box;\n flex-direction: column;\n}\n\n.heading-container {\n margin: 0;\n}\n\n.heading-button {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n padding: 16px;\n border: none;\n background-color: var(--_appearance-color-fill);\n color: var(--_appearance-color-text);\n cursor: pointer;\n font: var(--vvd-typography-heading-4);\n gap: 16px;\n text-align: left;\n}\n.heading-button {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.heading-button:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-faint);\n --_appearance-color-outline: transparent;\n}\n.heading-button:where(:active, .active):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-soft);\n --_appearance-color-outline: transparent;\n}\n.heading-button {\n --_connotation-color-primary: var(--vvd-color-canvas-text);\n --_connotation-color-faint: var(--vvd-color-neutral-50);\n --_connotation-color-soft: var(--vvd-color-neutral-100);\n}\n@supports selector(:focus-visible) {\n .heading-button:focus {\n outline: none;\n }\n}\n\n.heading-content {\n flex: auto;\n}\n\n.meta {\n overflow: hidden;\n max-width: 20%;\n flex-shrink: 0;\n color: var(--vvd-color-neutral-600);\n font: var(--vvd-typography-base-bold);\n text-align: end;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.region {\n display: none;\n padding: 8px 32px 24px 16px;\n}\n:host([expanded]) .region {\n display: block;\n}\n.region.padded {\n padding-left: 52px;\n}\n\n.icon {\n color: var(--vvd-color-neutral-600);\n}\n:host(:not([icon-trailing])) .icon:last-of-type {\n color: var(--_appearance-color-text);\n}\n\nbutton:not(:focus-visible) > .focus-indicator {\n display: none;\n}";
80
80
 
81
81
  class AccordionItem extends AccordionItem$1 {
82
82
  constructor() {