@vonage/vivid 3.0.0-next.10 → 3.0.0-next.100

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 (207) hide show
  1. package/README.md +141 -4
  2. package/accordion/index.js +3 -12
  3. package/accordion-item/index.js +31 -38
  4. package/action-group/index.js +41 -0
  5. package/avatar/index.js +61 -0
  6. package/badge/index.js +17 -30
  7. package/banner/index.js +26 -111
  8. package/breadcrumb/index.js +21 -18
  9. package/breadcrumb-item/index.js +24 -20
  10. package/button/index.js +20 -757
  11. package/calendar/index.js +72 -67
  12. package/calendar-event/index.js +112 -0
  13. package/card/index.js +114 -0
  14. package/checkbox/index.js +179 -0
  15. package/dialog/index.js +230 -0
  16. package/divider/index.js +4 -0
  17. package/elevation/index.js +3 -31
  18. package/fab/index.js +100 -0
  19. package/focus/index.js +18 -3
  20. package/header/index.js +61 -0
  21. package/icon/index.js +11 -9
  22. package/index.js +64 -20
  23. package/layout/index.js +5 -15
  24. package/lib/accordion-item/accordion-item.d.ts +2 -2
  25. package/lib/accordion-item/index.d.ts +2 -1
  26. package/lib/action-group/action-group.d.ts +10 -0
  27. package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
  28. package/lib/{sidenav-item → action-group}/index.d.ts +1 -2
  29. package/lib/avatar/avatar.d.ts +15 -0
  30. package/lib/avatar/avatar.template.d.ts +4 -0
  31. package/lib/avatar/index.d.ts +3 -0
  32. package/lib/badge/badge.d.ts +3 -5
  33. package/lib/badge/index.d.ts +1 -1
  34. package/lib/banner/banner.d.ts +1 -1
  35. package/lib/banner/banner.template.d.ts +0 -2
  36. package/lib/banner/index.d.ts +1 -0
  37. package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
  38. package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  39. package/lib/breadcrumb-item/index.d.ts +1 -0
  40. package/lib/button/button.d.ts +4 -3
  41. package/lib/button/index.d.ts +2 -19
  42. package/lib/calendar/calendar.d.ts +3 -1
  43. package/lib/calendar/index.d.ts +0 -1
  44. package/lib/calendar-event/calendar-event.d.ts +14 -0
  45. package/lib/calendar-event/calendar-event.template.d.ts +4 -0
  46. package/lib/calendar-event/index.d.ts +2 -0
  47. package/lib/card/card.d.ts +10 -0
  48. package/lib/{text/text.template.d.ts → card/card.template.d.ts} +2 -2
  49. package/lib/card/index.d.ts +4 -0
  50. package/lib/checkbox/checkbox.d.ts +5 -0
  51. package/lib/checkbox/checkbox.template.d.ts +4 -0
  52. package/lib/checkbox/index.d.ts +4 -0
  53. package/lib/components.d.ts +32 -10
  54. package/lib/dialog/dialog.d.ts +20 -0
  55. package/lib/dialog/dialog.template.d.ts +4 -0
  56. package/lib/dialog/index.d.ts +5 -0
  57. package/lib/divider/divider.d.ts +3 -0
  58. package/lib/divider/divider.template.d.ts +4 -0
  59. package/lib/divider/index.d.ts +2 -0
  60. package/lib/elevation/elevation.d.ts +1 -0
  61. package/lib/elevation/index.d.ts +1 -1
  62. package/lib/enums.d.ts +19 -6
  63. package/lib/fab/fab.d.ts +13 -0
  64. package/lib/fab/fab.template.d.ts +4 -0
  65. package/lib/fab/index.d.ts +4 -0
  66. package/lib/focus/index.d.ts +1 -1
  67. package/lib/header/header.d.ts +5 -0
  68. package/lib/header/header.template.d.ts +4 -0
  69. package/lib/header/index.d.ts +3 -0
  70. package/lib/icon/icon.d.ts +4 -3
  71. package/lib/layout/index.d.ts +1 -1
  72. package/lib/layout/layout.d.ts +4 -4
  73. package/lib/listbox/index.d.ts +4 -0
  74. package/lib/listbox/listbox.d.ts +9 -0
  75. package/lib/listbox/listbox.template.d.ts +4 -0
  76. package/lib/listbox-option/index.d.ts +4 -0
  77. package/lib/listbox-option/listbox-option.d.ts +9 -0
  78. package/lib/listbox-option/listbox-option.template.d.ts +4 -0
  79. package/lib/menu/index.d.ts +12 -0
  80. package/lib/menu/menu.d.ts +10 -0
  81. package/lib/menu/menu.template.d.ts +3 -0
  82. package/lib/menu-item/index.d.ts +3 -0
  83. package/lib/menu-item/menu-item.d.ts +7 -0
  84. package/lib/menu-item/menu-item.template.d.ts +5 -0
  85. package/lib/nav/index.d.ts +2 -0
  86. package/lib/nav/nav.d.ts +3 -0
  87. package/lib/nav/nav.template.d.ts +4 -0
  88. package/lib/nav-disclosure/index.d.ts +4 -0
  89. package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
  90. package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
  91. package/lib/nav-item/index.d.ts +4 -0
  92. package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
  93. package/lib/nav-item/nav-item.template.d.ts +4 -0
  94. package/lib/{text → note}/index.d.ts +1 -1
  95. package/lib/note/note.d.ts +10 -0
  96. package/lib/note/note.template.d.ts +5 -0
  97. package/lib/number-field/index.d.ts +4 -0
  98. package/lib/number-field/number-field.d.ts +14 -0
  99. package/lib/number-field/number-field.template.d.ts +4 -0
  100. package/lib/popup/index.d.ts +1 -1
  101. package/lib/popup/popup.d.ts +2 -1
  102. package/lib/progress/progress.d.ts +1 -1
  103. package/lib/progress-ring/progress-ring.d.ts +2 -1
  104. package/lib/radio/index.d.ts +3 -0
  105. package/lib/radio/radio.d.ts +4 -0
  106. package/lib/radio/radio.template.d.ts +4 -0
  107. package/lib/radio-group/index.d.ts +10 -0
  108. package/lib/radio-group/radio-group.d.ts +4 -0
  109. package/lib/radio-group/radio-group.template.d.ts +4 -0
  110. package/lib/side-drawer/index.d.ts +1 -1
  111. package/lib/side-drawer/side-drawer.d.ts +3 -2
  112. package/lib/slider/index.d.ts +3 -0
  113. package/lib/slider/slider.d.ts +4 -0
  114. package/lib/slider/slider.template.d.ts +4 -0
  115. package/lib/switch/index.d.ts +4 -0
  116. package/lib/switch/switch.d.ts +7 -0
  117. package/lib/switch/switch.template.d.ts +4 -0
  118. package/lib/text-anchor/text-anchor.d.ts +1 -1
  119. package/lib/text-area/index.d.ts +4 -0
  120. package/lib/text-area/text-area.d.ts +9 -0
  121. package/lib/text-area/text-area.template.d.ts +4 -0
  122. package/lib/text-field/index.d.ts +4 -0
  123. package/lib/text-field/text-field.d.ts +14 -0
  124. package/lib/text-field/text-field.template.d.ts +5 -0
  125. package/lib/tooltip/tooltip.d.ts +2 -2
  126. package/listbox/index.js +1090 -0
  127. package/listbox-option/index.js +22 -0
  128. package/menu/index.js +371 -0
  129. package/menu-item/index.js +21 -0
  130. package/nav/index.js +17 -0
  131. package/nav-disclosure/index.js +82 -0
  132. package/nav-item/index.js +46 -0
  133. package/note/index.js +59 -0
  134. package/number-field/index.js +461 -0
  135. package/package.json +61 -10
  136. package/popup/index.js +23 -2061
  137. package/progress/index.js +35 -36
  138. package/progress-ring/index.js +11 -11
  139. package/radio/index.js +47 -0
  140. package/radio-group/index.js +435 -0
  141. package/shared/affix.js +1 -6
  142. package/shared/anchor.js +10 -2
  143. package/shared/apply-mixins.js +5 -4
  144. package/shared/aria-global.js +2 -86
  145. package/shared/aria.js +9 -0
  146. package/shared/base-progress.js +5 -0
  147. package/shared/breadcrumb-item.js +1 -1
  148. package/shared/button.js +200 -0
  149. package/shared/calendar-event.js +19 -0
  150. package/shared/dialog-polyfill.esm.js +858 -0
  151. package/shared/direction.js +20 -0
  152. package/shared/dom.js +8 -0
  153. package/shared/enums.js +70 -0
  154. package/shared/es.object.assign.js +3 -2
  155. package/shared/es.regexp.to-string.js +59 -0
  156. package/shared/export.js +1017 -0
  157. package/shared/focus.js +5 -0
  158. package/shared/focus2.js +11 -0
  159. package/shared/form-associated.js +466 -0
  160. package/shared/form-elements.js +331 -0
  161. package/shared/icon.js +532 -564
  162. package/shared/index.js +108 -79
  163. package/shared/index2.js +100 -14
  164. package/shared/index3.js +31 -0
  165. package/shared/index4.js +77 -0
  166. package/shared/index5.js +261 -0
  167. package/shared/index6.js +1525 -0
  168. package/shared/index7.js +349 -0
  169. package/shared/iterators.js +61 -0
  170. package/shared/key-codes.js +97 -0
  171. package/shared/numbers.js +25 -0
  172. package/shared/object-keys.js +13 -0
  173. package/shared/patterns/focus.d.ts +3 -0
  174. package/shared/patterns/form-elements/form-elements.d.ts +28 -0
  175. package/shared/patterns/form-elements/index.d.ts +1 -0
  176. package/shared/patterns/index.d.ts +2 -0
  177. package/shared/radio.js +127 -0
  178. package/shared/ref.js +41 -0
  179. package/shared/slotted.js +1 -1
  180. package/shared/start-end.js +50 -0
  181. package/shared/string-trim.js +40 -0
  182. package/shared/text-anchor.js +2 -13
  183. package/shared/text-anchor.template.js +6 -5
  184. package/shared/to-string.js +51 -0
  185. package/shared/web.dom-collections.iterator.js +74 -1081
  186. package/side-drawer/index.js +41 -33
  187. package/slider/index.js +596 -0
  188. package/styles/core/all.css +75 -0
  189. package/styles/core/theme.css +11 -0
  190. package/styles/core/typography.css +69 -0
  191. package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff2 +0 -0
  192. package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff2 +0 -0
  193. package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff2 +0 -0
  194. package/styles/fonts/spezia.css +9 -12
  195. package/styles/tokens/theme-dark.css +230 -0
  196. package/styles/tokens/theme-light.css +230 -0
  197. package/switch/index.js +153 -0
  198. package/text-anchor/index.js +10 -1
  199. package/text-area/index.js +289 -0
  200. package/text-field/index.js +130 -0
  201. package/tooltip/index.js +24 -24
  202. package/lib/text/text.d.ts +0 -10
  203. package/shared/style-inject.es.js +0 -28
  204. package/sidenav-item/index.js +0 -38
  205. package/styles/themes/dark.css +0 -205
  206. package/styles/themes/light.css +0 -205
  207. package/text/index.js +0 -45
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Expose ltr and rtl strings
3
+ */
4
+ var Direction;
5
+ (function (Direction) {
6
+ Direction["ltr"] = "ltr";
7
+ Direction["rtl"] = "rtl";
8
+ })(Direction || (Direction = {}));
9
+
10
+ /**
11
+ * a method to determine the current localization direction of the view
12
+ * @param rootNode - the HTMLElement to begin the query from, usually "this" when used in a component controller
13
+ * @public
14
+ */
15
+ const getDirection = (rootNode) => {
16
+ const dirNode = rootNode.closest("[dir]");
17
+ return dirNode !== null && dirNode.dir === "rtl" ? Direction.rtl : Direction.ltr;
18
+ };
19
+
20
+ export { Direction as D, getDirection as g };
package/shared/dom.js ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * A test that ensures that all arguments are HTML Elements
3
+ */
4
+ function isHTMLElement(...args) {
5
+ return args.every((arg) => arg instanceof HTMLElement);
6
+ }
7
+
8
+ export { isHTMLElement as i };
@@ -0,0 +1,70 @@
1
+ var Connotation;
2
+ (function (Connotation) {
3
+ Connotation["Accent"] = "accent";
4
+ Connotation["CTA"] = "cta";
5
+ Connotation["Success"] = "success";
6
+ Connotation["Alert"] = "alert";
7
+ Connotation["Warning"] = "warning";
8
+ Connotation["Information"] = "information";
9
+ Connotation["Announcement"] = "announcement";
10
+ })(Connotation || (Connotation = {}));
11
+ var ConnotationDecorative;
12
+ (function (ConnotationDecorative) {
13
+ ConnotationDecorative["Pacific"] = "pacific";
14
+ })(ConnotationDecorative || (ConnotationDecorative = {}));
15
+ var Shape;
16
+ (function (Shape) {
17
+ Shape["Rounded"] = "rounded";
18
+ Shape["Pill"] = "pill";
19
+ Shape["Circled"] = "circled";
20
+ Shape["Sharp"] = "sharp";
21
+ })(Shape || (Shape = {}));
22
+ var Appearance;
23
+ (function (Appearance) {
24
+ Appearance["Filled"] = "filled";
25
+ Appearance["Outlined"] = "outlined";
26
+ Appearance["Duotone"] = "duotone";
27
+ Appearance["Fieldset"] = "fieldset";
28
+ Appearance["Subtle"] = "subtle";
29
+ Appearance["Ghost"] = "ghost";
30
+ })(Appearance || (Appearance = {}));
31
+ var Size;
32
+ (function (Size) {
33
+ Size["UltraCondensed"] = "ultraCondensed";
34
+ Size["SuperCondensed"] = "superCondensed";
35
+ Size["ExtraCondensed"] = "extraCondensed";
36
+ Size["SemiCondensed"] = "semiCondensed";
37
+ Size["Condensed"] = "condensed";
38
+ Size["Normal"] = "normal";
39
+ Size["SemiExpanded"] = "semiExpanded";
40
+ Size["Expanded"] = "expanded";
41
+ Size["ExtraExpanded"] = "extraExpanded";
42
+ Size["SuperExpanded"] = "superExpanded";
43
+ Size["UltraExpanded"] = "ultraExpanded";
44
+ })(Size || (Size = {}));
45
+ var LayoutSize;
46
+ (function (LayoutSize) {
47
+ LayoutSize["Small"] = "small";
48
+ LayoutSize["Medium"] = "medium";
49
+ LayoutSize["Large"] = "large";
50
+ })(LayoutSize || (LayoutSize = {}));
51
+ var Position;
52
+ (function (Position) {
53
+ Position["Top"] = "TOP";
54
+ Position["Bottom"] = "BOTTOM";
55
+ Position["Start"] = "START";
56
+ Position["Center"] = "CENTER";
57
+ Position["End"] = "END";
58
+ })(Position || (Position = {}));
59
+ var Role;
60
+ (function (Role) {
61
+ Role["Status"] = "status";
62
+ Role["Alert"] = "alert";
63
+ })(Role || (Role = {}));
64
+ var AriaLive;
65
+ (function (AriaLive) {
66
+ AriaLive["Polite"] = "polite";
67
+ AriaLive["Assertive"] = "assertive";
68
+ })(AriaLive || (AriaLive = {}));
69
+
70
+ export { Connotation as C, Shape as S };
@@ -1,4 +1,5 @@
1
- import { d as descriptors, f as functionUncurryThis, l as functionCall, p as fails$1, H as objectKeys$1, I as toObject$1, J as indexedObject, K as objectGetOwnPropertySymbols, L as objectPropertyIsEnumerable, _ as _export } from './web.dom-collections.iterator.js';
1
+ import { d as descriptors, f as functionUncurryThis, x as functionCall, e as fails$1, I as toObject$1, N as indexedObject, O as objectGetOwnPropertySymbols, P as objectPropertyIsEnumerable, _ as _export } from './export.js';
2
+ import { o as objectKeys$1 } from './object-keys.js';
2
3
 
3
4
  var DESCRIPTORS = descriptors;
4
5
  var uncurryThis = functionUncurryThis;
@@ -63,6 +64,6 @@ var assign = objectAssign;
63
64
  // `Object.assign` method
64
65
  // https://tc39.es/ecma262/#sec-object.assign
65
66
  // eslint-disable-next-line es/no-object-assign -- required for testing
66
- $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
67
+ $({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
67
68
  assign: assign
68
69
  });
@@ -0,0 +1,59 @@
1
+ import { j as anObject$2, x as functionCall, q as hasOwnProperty_1, b as objectIsPrototypeOf, C as functionName, v as defineBuiltIn$1, e as fails$1 } from './export.js';
2
+ import { t as toString } from './to-string.js';
3
+
4
+ var anObject$1 = anObject$2;
5
+
6
+ // `RegExp.prototype.flags` getter implementation
7
+ // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
8
+ var regexpFlags = function () {
9
+ var that = anObject$1(this);
10
+ var result = '';
11
+ if (that.hasIndices) result += 'd';
12
+ if (that.global) result += 'g';
13
+ if (that.ignoreCase) result += 'i';
14
+ if (that.multiline) result += 'm';
15
+ if (that.dotAll) result += 's';
16
+ if (that.unicode) result += 'u';
17
+ if (that.unicodeSets) result += 'v';
18
+ if (that.sticky) result += 'y';
19
+ return result;
20
+ };
21
+
22
+ var call = functionCall;
23
+ var hasOwn = hasOwnProperty_1;
24
+ var isPrototypeOf = objectIsPrototypeOf;
25
+ var regExpFlags = regexpFlags;
26
+
27
+ var RegExpPrototype$1 = RegExp.prototype;
28
+
29
+ var regexpGetFlags = function (R) {
30
+ var flags = R.flags;
31
+ return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
32
+ ? call(regExpFlags, R) : flags;
33
+ };
34
+
35
+ var PROPER_FUNCTION_NAME = functionName.PROPER;
36
+ var defineBuiltIn = defineBuiltIn$1;
37
+ var anObject = anObject$2;
38
+ var $toString = toString;
39
+ var fails = fails$1;
40
+ var getRegExpFlags = regexpGetFlags;
41
+
42
+ var TO_STRING = 'toString';
43
+ var RegExpPrototype = RegExp.prototype;
44
+ var nativeToString = RegExpPrototype[TO_STRING];
45
+
46
+ var NOT_GENERIC = fails(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
47
+ // FF44- RegExp#toString has a wrong name
48
+ var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name != TO_STRING;
49
+
50
+ // `RegExp.prototype.toString` method
51
+ // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
52
+ if (NOT_GENERIC || INCORRECT_NAME) {
53
+ defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {
54
+ var R = anObject(this);
55
+ var pattern = $toString(R.source);
56
+ var flags = $toString(getRegExpFlags(R));
57
+ return '/' + pattern + '/' + flags;
58
+ }, { unsafe: true });
59
+ }