@vonage/vivid 3.43.0 → 3.45.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 (90) hide show
  1. package/README.md +399 -165
  2. package/appearance-ui/index.js +94 -0
  3. package/custom-elements.json +793 -352
  4. package/index.js +3 -2
  5. package/lib/alert/alert.d.ts +2 -0
  6. package/lib/appearance-ui/appearance-ui.d.ts +12 -0
  7. package/lib/appearance-ui/appearance-ui.template.d.ts +4 -0
  8. package/lib/appearance-ui/definition.d.ts +3 -0
  9. package/lib/data-grid/data-grid-cell.d.ts +1 -0
  10. package/lib/data-grid/data-grid.d.ts +2 -0
  11. package/lib/dialog/dialog.d.ts +1 -4
  12. package/lib/enums.d.ts +3 -0
  13. package/lib/menu/menu.d.ts +6 -5
  14. package/lib/menu-item/definition.d.ts +1 -0
  15. package/lib/popup/popup.d.ts +2 -2
  16. package/lib/select/select.d.ts +0 -3
  17. package/lib/tabs/tabs.d.ts +3 -1
  18. package/lib/toggletip/toggletip.d.ts +4 -4
  19. package/lib/tooltip/tooltip.d.ts +4 -5
  20. package/listbox/index.js +1 -1
  21. package/menu/index.js +1 -0
  22. package/menu-item/index.js +1 -0
  23. package/package.json +1 -1
  24. package/shared/anchored.js +76 -0
  25. package/shared/definition.js +1 -1
  26. package/shared/definition11.js +1 -1
  27. package/shared/definition12.js +1 -1
  28. package/shared/definition13.js +1 -1
  29. package/shared/definition14.js +1 -1
  30. package/shared/definition15.js +1 -1
  31. package/shared/definition16.js +1 -1
  32. package/shared/definition17.js +96 -44
  33. package/shared/definition2.js +1 -1
  34. package/shared/definition20.js +16 -2
  35. package/shared/definition21.js +1 -1
  36. package/shared/definition22.js +1 -1
  37. package/shared/definition23.js +1 -1
  38. package/shared/definition24.js +1 -1
  39. package/shared/definition25.js +1 -1
  40. package/shared/definition28.js +42 -47
  41. package/shared/definition29.js +12 -4
  42. package/shared/definition3.js +1 -1
  43. package/shared/definition30.js +1 -1
  44. package/shared/definition31.js +1 -1
  45. package/shared/definition33.js +1 -1
  46. package/shared/definition34.js +3 -3
  47. package/shared/definition35.js +1 -1
  48. package/shared/definition36.js +1 -1
  49. package/shared/definition37.js +1 -1
  50. package/shared/definition38.js +1 -1
  51. package/shared/definition39.js +1 -1
  52. package/shared/definition4.js +10 -6
  53. package/shared/definition40.js +1 -1
  54. package/shared/definition41.js +6 -4
  55. package/shared/definition42.js +1 -1
  56. package/shared/definition43.js +1 -1
  57. package/shared/definition44.js +1 -1
  58. package/shared/definition45.js +10 -6
  59. package/shared/definition46.js +1 -1
  60. package/shared/definition48.js +1 -1
  61. package/shared/definition49.js +8 -3
  62. package/shared/definition5.js +1 -1
  63. package/shared/definition51.js +1 -1
  64. package/shared/definition52.js +3 -3
  65. package/shared/definition53.js +2 -2
  66. package/shared/definition54.js +37 -45
  67. package/shared/definition55.js +42 -58
  68. package/shared/definition56.js +1 -1
  69. package/shared/definition58.js +1 -1
  70. package/shared/definition6.js +1 -1
  71. package/shared/definition60.js +108 -12
  72. package/shared/definition7.js +1 -1
  73. package/shared/definition8.js +2 -3
  74. package/shared/definition9.js +1 -1
  75. package/shared/enums.js +5 -1
  76. package/shared/form-associated.js +1 -0
  77. package/shared/index2.js +1 -1
  78. package/shared/patterns/anchored.d.ts +22 -0
  79. package/shared/presentationDate.js +2 -2
  80. package/shared/text-field.js +1 -1
  81. package/style.css +835 -144
  82. package/styles/core/all.css +1 -1
  83. package/styles/core/theme.css +1 -1
  84. package/styles/core/typography.css +1 -1
  85. package/styles/tokens/theme-dark.css +4 -4
  86. package/styles/tokens/theme-light.css +4 -4
  87. package/styles/tokens/vivid-2-compat.css +1 -1
  88. package/toggletip/index.js +1 -0
  89. package/tooltip/index.js +1 -0
  90. package/vivid.api.json +61 -0
package/styles/core/all.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
3
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
package/styles/core/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
3
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
4
4
  */
5
5
  .vvd-root {
6
6
  color-scheme: var(--vvd-color-scheme);
package/styles/core/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
3
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;
package/styles/tokens/theme-dark.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
3
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
7
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
11
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
15
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
package/styles/tokens/theme-light.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
3
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
4
4
  */
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
7
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
8
8
  */
9
9
  /**
10
10
  * Do not edit directly
11
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
11
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
12
12
  */
13
13
  /**
14
14
  * Do not edit directly
15
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
15
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
16
16
  */
17
17
  @property --vvd-size-density {
18
18
  syntax: "<integer>";
package/styles/tokens/vivid-2-compat.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Dec 2023 11:36:24 GMT
3
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
4
4
  */
5
5
  .vvd-root, ::part(vvd-root),
6
6
  .vvd-theme-alternate, ::part(vvd-theme-alternate) {
package/toggletip/index.js CHANGED
@@ -23,5 +23,6 @@ import '../shared/ref.js';
23
23
  import '../shared/focus2.js';
24
24
  import '../shared/enums.js';
25
25
  import '../shared/definition59.js';
26
+ import '../shared/anchored.js';
26
27
 
27
28
  registerToggletip();
package/tooltip/index.js CHANGED
@@ -23,5 +23,6 @@ import '../shared/ref.js';
23
23
  import '../shared/focus2.js';
24
24
  import '../shared/enums.js';
25
25
  import '../shared/definition59.js';
26
+ import '../shared/anchored.js';
26
27
 
27
28
  registerTooltip();
package/vivid.api.json CHANGED
@@ -3809,6 +3809,29 @@
3809
3809
  "endIndex": 14
3810
3810
  }
3811
3811
  },
3812
+ {
3813
+ "kind": "Variable",
3814
+ "canonicalReference": "@vonage/vivid!MenuItemRole:var",
3815
+ "docComment": "",
3816
+ "excerptTokens": [
3817
+ {
3818
+ "kind": "Content",
3819
+ "text": "MenuItemRole: "
3820
+ },
3821
+ {
3822
+ "kind": "Content",
3823
+ "text": "{\n readonly presentation: \"presentation\";\n readonly menuitem: \"menuitem\";\n readonly menuitemcheckbox: \"menuitemcheckbox\";\n readonly menuitemradio: \"menuitemradio\";\n}"
3824
+ }
3825
+ ],
3826
+ "fileUrlPath": "../../dist/libs/components/lib/menu-item/menu-item.d.ts",
3827
+ "isReadonly": true,
3828
+ "releaseTag": "Public",
3829
+ "name": "MenuItemRole",
3830
+ "variableTypeTokenRange": {
3831
+ "startIndex": 1,
3832
+ "endIndex": 2
3833
+ }
3834
+ },
3812
3835
  {
3813
3836
  "kind": "Variable",
3814
3837
  "canonicalReference": "@vonage/vivid!navDefinition:var",
@@ -8580,6 +8603,44 @@
8580
8603
  "endIndex": 9
8581
8604
  }
8582
8605
  },
8606
+ {
8607
+ "kind": "Enum",
8608
+ "canonicalReference": "@vonage/vivid!TabsSize:enum",
8609
+ "docComment": "",
8610
+ "excerptTokens": [
8611
+ {
8612
+ "kind": "Content",
8613
+ "text": "export declare enum TabsSize "
8614
+ }
8615
+ ],
8616
+ "fileUrlPath": "../../dist/libs/components/lib/enums.d.ts",
8617
+ "releaseTag": "Public",
8618
+ "name": "TabsSize",
8619
+ "preserveMemberOrder": false,
8620
+ "members": [
8621
+ {
8622
+ "kind": "EnumMember",
8623
+ "canonicalReference": "@vonage/vivid!TabsSize.Small:member",
8624
+ "docComment": "",
8625
+ "excerptTokens": [
8626
+ {
8627
+ "kind": "Content",
8628
+ "text": "Small = "
8629
+ },
8630
+ {
8631
+ "kind": "Content",
8632
+ "text": "\"small\""
8633
+ }
8634
+ ],
8635
+ "initializerTokenRange": {
8636
+ "startIndex": 1,
8637
+ "endIndex": 2
8638
+ },
8639
+ "releaseTag": "Public",
8640
+ "name": "Small"
8641
+ }
8642
+ ]
8643
+ },
8583
8644
  {
8584
8645
  "kind": "TypeAlias",
8585
8646
  "canonicalReference": "@vonage/vivid!TagAppearance:type",