@vonage/vivid 3.6.0 → 3.8.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 (77) hide show
  1. package/README.md +9 -5
  2. package/custom-elements.json +585 -0
  3. package/index.js +7 -5
  4. package/lib/accordion-item/accordion-item.d.ts +3 -0
  5. package/lib/button/button.d.ts +1 -1
  6. package/lib/components.d.ts +2 -0
  7. package/lib/select/select.d.ts +2 -2
  8. package/lib/tag/definition.d.ts +4 -0
  9. package/lib/tag/index.d.ts +1 -0
  10. package/lib/tag/tag.d.ts +22 -0
  11. package/lib/tag/tag.template.d.ts +4 -0
  12. package/lib/tag-group/definition.d.ts +3 -0
  13. package/lib/tag-group/index.d.ts +1 -0
  14. package/lib/tag-group/tag-group.d.ts +3 -0
  15. package/lib/tag-group/tag-group.template.d.ts +4 -0
  16. package/package.json +1 -1
  17. package/shared/definition.js +1 -1
  18. package/shared/definition10.js +1 -1
  19. package/shared/definition12.js +1 -1
  20. package/shared/definition13.js +1 -1
  21. package/shared/definition14.js +1 -1
  22. package/shared/definition15.js +1 -1
  23. package/shared/definition17.js +3 -3
  24. package/shared/definition18.js +1 -1
  25. package/shared/definition19.js +1 -2
  26. package/shared/definition2.js +8 -7
  27. package/shared/definition20.js +1 -1
  28. package/shared/definition21.js +2 -2
  29. package/shared/definition22.js +1 -1
  30. package/shared/definition23.js +1 -1
  31. package/shared/definition24.js +1 -1
  32. package/shared/definition25.js +1 -1
  33. package/shared/definition27.js +1 -1
  34. package/shared/definition29.js +1 -1
  35. package/shared/definition31.js +1 -1
  36. package/shared/definition32.js +1 -1
  37. package/shared/definition33.js +1 -1
  38. package/shared/definition34.js +1 -1
  39. package/shared/definition35.js +1 -1
  40. package/shared/definition36.js +3 -3
  41. package/shared/definition37.js +1 -1
  42. package/shared/definition38.js +14 -8
  43. package/shared/definition39.js +1 -1
  44. package/shared/definition4.js +1 -1
  45. package/shared/definition41.js +1 -1
  46. package/shared/definition42.js +1 -1
  47. package/shared/definition44.js +1 -1
  48. package/shared/definition45.js +90 -250
  49. package/shared/definition46.js +20 -112
  50. package/shared/definition47.js +265 -65
  51. package/shared/definition48.js +98 -58
  52. package/shared/definition49.js +67 -295
  53. package/shared/definition5.js +1 -1
  54. package/shared/definition50.js +79 -0
  55. package/shared/definition51.js +305 -0
  56. package/shared/definition6.js +1 -1
  57. package/shared/definition7.js +1 -1
  58. package/shared/definition8.js +1 -1
  59. package/shared/definition9.js +1 -1
  60. package/shared/form-elements.js +1 -1
  61. package/shared/icon.js +1 -1
  62. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  63. package/shared/text-field.js +1 -1
  64. package/styles/core/all.css +1 -1
  65. package/styles/core/theme.css +1 -1
  66. package/styles/core/typography.css +1 -1
  67. package/styles/fonts/spezia-variable.css +31 -0
  68. package/styles/tokens/theme-dark.css +4 -4
  69. package/styles/tokens/theme-light.css +4 -4
  70. package/tag/index.js +16 -0
  71. package/tag-group/index.js +5 -0
  72. package/text-area/index.js +1 -2
  73. package/text-field/index.js +1 -1
  74. package/tooltip/index.js +1 -1
  75. package/tree-item/index.js +1 -1
  76. package/tree-view/index.js +1 -1
  77. package/vivid.api.json +394 -1
package/README.md CHANGED
@@ -35,15 +35,19 @@ For a full list of components and API, explore the [components docs](https://viv
35
35
 
36
36
  ### Tokens
37
37
 
38
- To **include the tokens**, its css files must be loaded into the project from the `node_modules/@vonage/vivid/styles/tokens` folder.
38
+ To **include the tokens**, you must load theme css:
39
39
 
40
- Tokens folder contains the following files:
40
+ <vwc-note connotation="warning" icon="warning-solid" headline="Only one theme is required to be loaded."></vwc-note>
41
41
 
42
- - `theme-light.css` - Light theme
42
+ ```js
43
+ 'node_modules/@vonage/vivid/styles/tokens/theme-light.css';
44
+ ```
43
45
 
44
- - `theme-dark.css` - Dark theme
46
+ **Or**
45
47
 
46
- Only one theme is required to be loaded.
48
+ ```js
49
+ 'node_modules/@vonage/vivid/styles/tokens/theme-dark.css';
50
+ ```
47
51
 
48
52
  #### About tokens
49
53