@vonage/vivid 3.8.0 → 3.10.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 (124) hide show
  1. package/alert/index.js +28 -0
  2. package/avatar/index.js +1 -1
  3. package/badge/index.js +1 -1
  4. package/banner/index.js +3 -3
  5. package/breadcrumb/index.js +1 -1
  6. package/breadcrumb-item/index.js +1 -1
  7. package/button/index.js +2 -2
  8. package/calendar/index.js +1 -1
  9. package/calendar-event/index.js +1 -1
  10. package/card/index.js +2 -2
  11. package/checkbox/index.js +1 -1
  12. package/combobox/index.js +6 -6
  13. package/custom-elements.json +269 -27
  14. package/data-grid/index.js +1 -1
  15. package/dialog/index.js +4 -4
  16. package/divider/index.js +1 -1
  17. package/elevation/index.js +1 -1
  18. package/fab/index.js +1 -1
  19. package/header/index.js +2 -2
  20. package/index.js +51 -50
  21. package/layout/index.js +1 -1
  22. package/lib/alert/alert.d.ts +24 -0
  23. package/lib/alert/alert.template.d.ts +4 -0
  24. package/lib/alert/definition.d.ts +2 -0
  25. package/lib/alert/index.d.ts +1 -0
  26. package/lib/components.d.ts +1 -0
  27. package/lib/text-area/text-area.d.ts +2 -1
  28. package/lib/text-field/text-field.d.ts +2 -1
  29. package/lib/tooltip/tooltip.d.ts +1 -0
  30. package/listbox/index.js +2 -2
  31. package/menu/index.js +6 -6
  32. package/menu-item/index.js +1 -1
  33. package/nav/index.js +1 -1
  34. package/nav-disclosure/index.js +1 -1
  35. package/nav-item/index.js +1 -1
  36. package/note/index.js +1 -1
  37. package/number-field/index.js +4 -4
  38. package/option/index.js +1 -1
  39. package/package.json +1 -1
  40. package/popup/index.js +4 -4
  41. package/progress/index.js +1 -1
  42. package/progress-ring/index.js +1 -1
  43. package/radio/index.js +1 -1
  44. package/radio-group/index.js +1 -1
  45. package/select/index.js +6 -6
  46. package/shared/definition.js +1 -1
  47. package/shared/definition10.js +46 -63
  48. package/shared/definition11.js +38 -92
  49. package/shared/definition12.js +96 -31
  50. package/shared/definition13.js +84 -757
  51. package/shared/definition14.js +32 -95
  52. package/shared/definition15.js +758 -100
  53. package/shared/definition16.js +103 -24
  54. package/shared/definition17.js +96 -154
  55. package/shared/definition18.js +108 -663
  56. package/shared/definition19.js +667 -1532
  57. package/shared/definition2.js +1 -1
  58. package/shared/definition20.js +1544 -223
  59. package/shared/definition21.js +183 -964
  60. package/shared/definition22.js +1037 -222
  61. package/shared/definition23.js +226 -67
  62. package/shared/definition24.js +68 -77
  63. package/shared/definition25.js +76 -47
  64. package/shared/definition26.js +46 -32
  65. package/shared/definition27.js +35 -49
  66. package/shared/definition28.js +48 -344
  67. package/shared/definition29.js +273 -282
  68. package/shared/definition30.js +356 -14
  69. package/shared/definition31.js +13 -67
  70. package/shared/definition32.js +65 -21
  71. package/shared/definition33.js +21 -39
  72. package/shared/definition34.js +31 -432
  73. package/shared/definition35.js +432 -76
  74. package/shared/definition36.js +82 -33
  75. package/shared/definition37.js +31 -422
  76. package/shared/definition38.js +357 -568
  77. package/shared/definition39.js +628 -75
  78. package/shared/definition4.js +1 -1
  79. package/shared/definition40.js +70 -573
  80. package/shared/definition41.js +538 -81
  81. package/shared/definition42.js +127 -47
  82. package/shared/definition43.js +51 -16
  83. package/shared/definition44.js +17 -425
  84. package/shared/definition45.js +421 -103
  85. package/shared/definition46.js +114 -19
  86. package/shared/definition47.js +19 -269
  87. package/shared/definition48.js +245 -87
  88. package/shared/definition49.js +110 -68
  89. package/shared/definition5.js +1 -1
  90. package/shared/definition50.js +80 -67
  91. package/shared/definition51.js +69 -295
  92. package/shared/definition52.js +305 -0
  93. package/shared/definition6.js +142 -45
  94. package/shared/definition7.js +95 -23
  95. package/shared/definition8.js +22 -103
  96. package/shared/definition9.js +62 -102
  97. package/shared/es.object.assign.js +1 -1
  98. package/shared/form-associated.js +1 -1
  99. package/shared/form-elements.js +46 -7
  100. package/shared/index.js +1 -1
  101. package/shared/listbox.js +2 -2
  102. package/shared/patterns/form-elements/form-elements.d.ts +16 -2
  103. package/shared/repeat.js +1 -1
  104. package/shared/text-field.js +1 -1
  105. package/shared/text-field2.js +1 -1
  106. package/side-drawer/index.js +1 -1
  107. package/slider/index.js +1 -1
  108. package/styles/core/all.css +1 -1
  109. package/styles/core/theme.css +1 -1
  110. package/styles/core/typography.css +1 -1
  111. package/styles/tokens/theme-dark.css +4 -4
  112. package/styles/tokens/theme-light.css +4 -4
  113. package/switch/index.js +1 -1
  114. package/tab/index.js +1 -1
  115. package/tab-panel/index.js +1 -1
  116. package/tabs/index.js +3 -3
  117. package/tag/index.js +1 -1
  118. package/tag-group/index.js +1 -1
  119. package/text-area/index.js +1 -1
  120. package/text-field/index.js +1 -1
  121. package/tooltip/index.js +5 -5
  122. package/tree-item/index.js +1 -1
  123. package/tree-view/index.js +1 -1
  124. package/vivid.api.json +91 -0
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 Tue, 18 Apr 2023 16:20:35 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 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.heading-button.size-condensed {\n font: var(--vvd-typography-base-bold);\n gap: 12px;\n}\n.heading-button:not(.size-condensed) {\n font: var(--vvd-typography-heading-4);\n gap: 16px;\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 text-align: end;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.heading-button:not(.size-condensed) .meta {\n font: var(--vvd-typography-base-bold);\n}\n.heading-button.size-condensed .meta {\n font: var(--vvd-typography-base-condensed-bold);\n}\n\n.region {\n display: none;\n padding: 8px 32px 24px 16px;\n}\n:host([expanded]) .region {\n display: block;\n}\n.region:not(.size-condensed).padded {\n padding-inline-start: 52px;\n}\n.region.size-condensed.padded {\n padding-inline-start: 44px;\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.heading-button:not(.size-condensed) .icon {\n font: inherit;\n}\n.heading-button.size-condensed .icon {\n font: var(--vvd-typography-base-extended);\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, 27 Apr 2023 09:20:45 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 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.heading-button.size-condensed {\n font: var(--vvd-typography-base-bold);\n gap: 12px;\n}\n.heading-button:not(.size-condensed) {\n font: var(--vvd-typography-heading-4);\n gap: 16px;\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 text-align: end;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.heading-button:not(.size-condensed) .meta {\n font: var(--vvd-typography-base-bold);\n}\n.heading-button.size-condensed .meta {\n font: var(--vvd-typography-base-condensed-bold);\n}\n\n.region {\n display: none;\n padding: 8px 32px 24px 16px;\n}\n:host([expanded]) .region {\n display: block;\n}\n.region:not(.size-condensed).padded {\n padding-inline-start: 52px;\n}\n.region.size-condensed.padded {\n padding-inline-start: 44px;\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.heading-button:not(.size-condensed) .icon {\n font: inherit;\n}\n.heading-button.size-condensed .icon {\n font: var(--vvd-typography-base-extended);\n}\n\nbutton:not(:focus-visible) > .focus-indicator {\n display: none;\n}";
80
80
 
81
81
  class AccordionItem extends AccordionItem$1 {
82
82
  constructor() {