@veracity/vui 2.9.0 → 2.10.0-beta.1

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/dist/cjs/accordion/accordionItem.d.ts.map +1 -1
  2. package/dist/cjs/avatar/theme.js +1 -1
  3. package/dist/cjs/button/button.js +1 -1
  4. package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map +1 -1
  5. package/dist/cjs/core/vuiProvider/globalStyle.js +6 -1
  6. package/dist/cjs/header/headerAccount.d.ts.map +1 -1
  7. package/dist/cjs/header/headerAccount.js +1 -1
  8. package/dist/cjs/header/headerAccountUserInfo.js +1 -1
  9. package/dist/cjs/header/headerMobileToggle.d.ts.map +1 -1
  10. package/dist/cjs/header/headerMobileToggle.js +1 -1
  11. package/dist/cjs/header/headerNotifications.d.ts.map +1 -1
  12. package/dist/cjs/header/headerNotifications.js +1 -1
  13. package/dist/cjs/header/headerServices.d.ts.map +1 -1
  14. package/dist/cjs/header/headerServices.js +1 -1
  15. package/dist/cjs/input/autoCompletePopover.d.ts +7 -0
  16. package/dist/cjs/input/autoCompletePopover.d.ts.map +1 -0
  17. package/dist/cjs/input/autoCompletePopover.js +31 -0
  18. package/dist/cjs/input/helpText.d.ts +1 -1
  19. package/dist/cjs/input/helpText.js +1 -1
  20. package/dist/cjs/input/input.d.ts +0 -1
  21. package/dist/cjs/input/input.d.ts.map +1 -1
  22. package/dist/cjs/input/input.js +32 -39
  23. package/dist/cjs/input/input.types.d.ts +11 -0
  24. package/dist/cjs/input/input.types.d.ts.map +1 -1
  25. package/dist/cjs/list/list.types.d.ts +2 -0
  26. package/dist/cjs/list/list.types.d.ts.map +1 -1
  27. package/dist/cjs/list/theme.d.ts +20 -0
  28. package/dist/cjs/list/theme.d.ts.map +1 -1
  29. package/dist/cjs/list/theme.js +21 -1
  30. package/dist/cjs/popover/popover.d.ts.map +1 -1
  31. package/dist/cjs/popover/popover.js +2 -2
  32. package/dist/cjs/popover/popover.types.d.ts +3 -0
  33. package/dist/cjs/popover/popover.types.d.ts.map +1 -1
  34. package/dist/cjs/popover/usePopover.d.ts.map +1 -1
  35. package/dist/cjs/popover/usePopover.js +2 -2
  36. package/dist/cjs/progressCircular/progressCircular.d.ts.map +1 -1
  37. package/dist/cjs/progressCircular/progressCircular.js +1 -1
  38. package/dist/cjs/radio/radio.d.ts.map +1 -1
  39. package/dist/cjs/radio/radio.js +2 -1
  40. package/dist/cjs/select/select.d.ts.map +1 -1
  41. package/dist/cjs/select/select.js +2 -2
  42. package/dist/cjs/select/useSelect.types.d.ts +3 -0
  43. package/dist/cjs/select/useSelect.types.d.ts.map +1 -1
  44. package/dist/cjs/sidemenu/consts.d.ts +0 -1
  45. package/dist/cjs/sidemenu/consts.d.ts.map +1 -1
  46. package/dist/cjs/sidemenu/consts.js +1 -2
  47. package/dist/cjs/sidemenu/sidemenu.d.ts +1 -1
  48. package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
  49. package/dist/cjs/sidemenu/sidemenu.js +7 -6
  50. package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
  51. package/dist/cjs/sidemenu/sidemenuItem.js +5 -3
  52. package/dist/cjs/sidemenu/sidemenuTop.d.ts.map +1 -1
  53. package/dist/cjs/sidemenu/sidemenuTop.js +2 -2
  54. package/dist/cjs/sidemenu/theme.d.ts +42 -3
  55. package/dist/cjs/sidemenu/theme.d.ts.map +1 -1
  56. package/dist/cjs/sidemenu/theme.js +43 -3
  57. package/dist/cjs/switch/consts.d.ts +2 -0
  58. package/dist/cjs/switch/consts.d.ts.map +1 -1
  59. package/dist/cjs/switch/consts.js +2 -0
  60. package/dist/cjs/switch/switchButton.d.ts.map +1 -1
  61. package/dist/cjs/switch/switchButton.js +1 -2
  62. package/dist/cjs/table/tableSortIcon.js +1 -1
  63. package/dist/cjs/table/useTable.d.ts.map +1 -1
  64. package/dist/cjs/table/useTable.js +9 -3
  65. package/dist/cjs/theme/components.d.ts +62 -3
  66. package/dist/cjs/theme/components.d.ts.map +1 -1
  67. package/dist/cjs/theme/defaultTheme.d.ts +63 -3
  68. package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
  69. package/dist/cjs/theme/foundations/colors.d.ts +2 -0
  70. package/dist/cjs/theme/foundations/colors.d.ts.map +1 -1
  71. package/dist/cjs/theme/foundations/colors.js +1 -0
  72. package/dist/cjs/theme/foundations/index.d.ts +1 -0
  73. package/dist/cjs/theme/foundations/index.d.ts.map +1 -1
  74. package/dist/cjs/tree/tree.js +1 -1
  75. package/dist/cjs/tree/treeItem.d.ts.map +1 -1
  76. package/dist/cjs/tree/treeItem.js +6 -2
  77. package/dist/cjs/tutorial/tutorial.types.d.ts +3 -3
  78. package/dist/cjs/tutorial/tutorial.types.d.ts.map +1 -1
  79. package/dist/cjs/tutorial/tutorialCard.d.ts.map +1 -1
  80. package/dist/cjs/tutorial/tutorialCard.js +1 -4
  81. package/dist/cjs/utils/array.d.ts.map +1 -1
  82. package/dist/cjs/utils/array.js +2 -0
  83. package/dist/cjs/utils/types.d.ts +2 -1
  84. package/dist/cjs/utils/types.d.ts.map +1 -1
  85. package/dist/esm/accordion/accordionItem.d.ts.map +1 -1
  86. package/dist/esm/avatar/theme.js +1 -1
  87. package/dist/esm/button/button.js +1 -1
  88. package/dist/esm/core/vuiProvider/globalStyle.d.ts.map +1 -1
  89. package/dist/esm/core/vuiProvider/globalStyle.js +6 -1
  90. package/dist/esm/header/headerAccount.d.ts.map +1 -1
  91. package/dist/esm/header/headerAccount.js +1 -1
  92. package/dist/esm/header/headerAccountUserInfo.js +1 -1
  93. package/dist/esm/header/headerMobileToggle.d.ts.map +1 -1
  94. package/dist/esm/header/headerMobileToggle.js +1 -1
  95. package/dist/esm/header/headerNotifications.d.ts.map +1 -1
  96. package/dist/esm/header/headerNotifications.js +1 -1
  97. package/dist/esm/header/headerServices.d.ts.map +1 -1
  98. package/dist/esm/header/headerServices.js +1 -1
  99. package/dist/esm/input/autoCompletePopover.d.ts +7 -0
  100. package/dist/esm/input/autoCompletePopover.d.ts.map +1 -0
  101. package/dist/esm/input/autoCompletePopover.js +23 -0
  102. package/dist/esm/input/helpText.d.ts +1 -1
  103. package/dist/esm/input/helpText.js +1 -1
  104. package/dist/esm/input/input.d.ts +0 -1
  105. package/dist/esm/input/input.d.ts.map +1 -1
  106. package/dist/esm/input/input.js +31 -38
  107. package/dist/esm/input/input.types.d.ts +11 -0
  108. package/dist/esm/input/input.types.d.ts.map +1 -1
  109. package/dist/esm/list/list.types.d.ts +2 -0
  110. package/dist/esm/list/list.types.d.ts.map +1 -1
  111. package/dist/esm/list/theme.d.ts +20 -0
  112. package/dist/esm/list/theme.d.ts.map +1 -1
  113. package/dist/esm/list/theme.js +21 -1
  114. package/dist/esm/popover/popover.d.ts.map +1 -1
  115. package/dist/esm/popover/popover.js +2 -2
  116. package/dist/esm/popover/popover.types.d.ts +3 -0
  117. package/dist/esm/popover/popover.types.d.ts.map +1 -1
  118. package/dist/esm/popover/usePopover.d.ts.map +1 -1
  119. package/dist/esm/popover/usePopover.js +2 -1
  120. package/dist/esm/progressCircular/progressCircular.d.ts.map +1 -1
  121. package/dist/esm/progressCircular/progressCircular.js +1 -1
  122. package/dist/esm/radio/radio.d.ts.map +1 -1
  123. package/dist/esm/radio/radio.js +2 -1
  124. package/dist/esm/select/select.d.ts.map +1 -1
  125. package/dist/esm/select/select.js +2 -2
  126. package/dist/esm/select/useSelect.types.d.ts +3 -0
  127. package/dist/esm/select/useSelect.types.d.ts.map +1 -1
  128. package/dist/esm/sidemenu/consts.d.ts +0 -1
  129. package/dist/esm/sidemenu/consts.d.ts.map +1 -1
  130. package/dist/esm/sidemenu/consts.js +0 -1
  131. package/dist/esm/sidemenu/sidemenu.d.ts +1 -1
  132. package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
  133. package/dist/esm/sidemenu/sidemenu.js +8 -7
  134. package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
  135. package/dist/esm/sidemenu/sidemenuItem.js +6 -4
  136. package/dist/esm/sidemenu/sidemenuTop.d.ts.map +1 -1
  137. package/dist/esm/sidemenu/sidemenuTop.js +3 -3
  138. package/dist/esm/sidemenu/theme.d.ts +42 -3
  139. package/dist/esm/sidemenu/theme.d.ts.map +1 -1
  140. package/dist/esm/sidemenu/theme.js +43 -3
  141. package/dist/esm/switch/consts.d.ts +2 -0
  142. package/dist/esm/switch/consts.d.ts.map +1 -1
  143. package/dist/esm/switch/consts.js +2 -0
  144. package/dist/esm/switch/switchButton.d.ts.map +1 -1
  145. package/dist/esm/switch/switchButton.js +1 -2
  146. package/dist/esm/table/tableSortIcon.js +1 -1
  147. package/dist/esm/table/useTable.d.ts.map +1 -1
  148. package/dist/esm/table/useTable.js +9 -3
  149. package/dist/esm/theme/components.d.ts +62 -3
  150. package/dist/esm/theme/components.d.ts.map +1 -1
  151. package/dist/esm/theme/defaultTheme.d.ts +63 -3
  152. package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
  153. package/dist/esm/theme/foundations/colors.d.ts +2 -0
  154. package/dist/esm/theme/foundations/colors.d.ts.map +1 -1
  155. package/dist/esm/theme/foundations/colors.js +1 -0
  156. package/dist/esm/theme/foundations/index.d.ts +1 -0
  157. package/dist/esm/theme/foundations/index.d.ts.map +1 -1
  158. package/dist/esm/tree/tree.js +1 -1
  159. package/dist/esm/tree/treeItem.d.ts.map +1 -1
  160. package/dist/esm/tree/treeItem.js +7 -3
  161. package/dist/esm/tutorial/tutorial.types.d.ts +3 -3
  162. package/dist/esm/tutorial/tutorial.types.d.ts.map +1 -1
  163. package/dist/esm/tutorial/tutorialCard.d.ts.map +1 -1
  164. package/dist/esm/tutorial/tutorialCard.js +1 -4
  165. package/dist/esm/utils/array.d.ts.map +1 -1
  166. package/dist/esm/utils/array.js +2 -0
  167. package/dist/esm/utils/types.d.ts +2 -1
  168. package/dist/esm/utils/types.d.ts.map +1 -1
  169. package/package.json +1 -1
  170. package/src/accordion/accordionItem.tsx +0 -1
  171. package/src/avatar/theme.ts +1 -1
  172. package/src/button/button.tsx +2 -2
  173. package/src/core/vuiProvider/globalStyle.tsx +6 -1
  174. package/src/header/headerAccount.tsx +1 -0
  175. package/src/header/headerAccountUserInfo.tsx +1 -1
  176. package/src/header/headerMobileToggle.tsx +1 -0
  177. package/src/header/headerNotifications.tsx +1 -2
  178. package/src/header/headerServices.tsx +1 -0
  179. package/src/input/autoCompletePopover.tsx +49 -0
  180. package/src/input/helpText.tsx +1 -1
  181. package/src/input/input.tsx +54 -67
  182. package/src/input/input.types.ts +12 -0
  183. package/src/list/list.types.ts +2 -0
  184. package/src/list/theme.ts +21 -1
  185. package/src/popover/popover.tsx +2 -3
  186. package/src/popover/popover.types.ts +4 -0
  187. package/src/popover/usePopover.ts +2 -0
  188. package/src/progressCircular/progressCircular.tsx +1 -0
  189. package/src/radio/radio.tsx +25 -9
  190. package/src/select/select.tsx +3 -1
  191. package/src/select/useSelect.types.ts +3 -0
  192. package/src/sidemenu/consts.ts +0 -2
  193. package/src/sidemenu/sidemenu.tsx +26 -7
  194. package/src/sidemenu/sidemenuItem.tsx +10 -8
  195. package/src/sidemenu/sidemenuTop.tsx +3 -4
  196. package/src/sidemenu/theme.ts +43 -3
  197. package/src/switch/consts.ts +3 -1
  198. package/src/switch/switchButton.tsx +1 -2
  199. package/src/table/tableSortIcon.tsx +1 -1
  200. package/src/table/useTable.ts +12 -4
  201. package/src/theme/foundations/colors.ts +1 -0
  202. package/src/tree/tree.tsx +1 -1
  203. package/src/tree/treeItem.tsx +8 -2
  204. package/src/tutorial/tutorial.types.ts +3 -3
  205. package/src/tutorial/tutorialCard.tsx +1 -4
  206. package/src/utils/array.ts +1 -0
  207. package/src/utils/types.ts +3 -1
@@ -17,11 +17,11 @@ export type TutorialProps = {
17
17
  className?: string;
18
18
  /** An id for further handling with localStorage */
19
19
  id: string;
20
- /** Invoked once the action button clicked. */
20
+ /** Invoked once the action button is clicked. */
21
21
  onAction?: () => void;
22
- /** Invoked once the dismiss button clicked. */
22
+ /** Invoked once the dismiss button is clicked. */
23
23
  onDismiss?: () => void;
24
- /** Invoked once the finish button clicked. */
24
+ /** Invoked once the finish button is clicked. */
25
25
  onFinish?: () => void;
26
26
  /** Popover placement */
27
27
  placement?: Placement;
@@ -1 +1 @@
1
- {"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}
1
+ {"version":3,"file":"tutorial.types.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAuHnB"}
1
+ {"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,WAAsB,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAoHnB"}
@@ -59,9 +59,6 @@ function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink,
59
59
  (showSkipButton || isFinalStep || !!onAction) && (react_1.default.createElement(index_1.Box, { alignItems: "center", justifyContent: "space-between" },
60
60
  showSkipButton && !isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight" }, "Skip")),
61
61
  isFinalStep && (react_1.default.createElement(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight" }, "Finish")),
62
- !!onAction && (react_1.default.createElement(index_1.Button, { mr: 6, onClick: onAction, variant: "primaryLight" },
63
- react_1.default.createElement(react_1.default.Fragment, null,
64
- actionLabel,
65
- onAction))))))));
62
+ !!onAction && (react_1.default.createElement(index_1.Button, { mr: 6, onClick: onAction, variant: "primaryLight" }, actionLabel)))))));
66
63
  }
67
64
  exports.TutorialCard = TutorialCard;
@@ -1 +1 @@
1
- {"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGlF,CAAC,SAAS,CAAC,YAW3B;AAGD,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAEtD"}
1
+ {"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/utils/array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,IAAI,CAAC,OAAO,CAAS,WAGlF,CAAC,SAAS,CAAC,YAY3B;AAGD,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAEtD"}
@@ -6,6 +6,8 @@ exports.toggleItem = exports.compareBy = void 0;
6
6
  function compareBy(key, order = 'asc') {
7
7
  const ord = order === 'asc' ? 1 : -1;
8
8
  return (item1, item2) => {
9
+ if (order === null)
10
+ return 0;
9
11
  const a = item1[key];
10
12
  const b = item2[key];
11
13
  if (typeof a === 'string' && typeof b === 'string') {
@@ -43,8 +43,9 @@ export type RefPropsOf<C extends ElementType, Props = {}> = RightJoinProps<Compo
43
43
  export type RenderProps<P> = React.ReactNode | ((props: P) => React.ReactNode);
44
44
  /** Merges props definitions, overriding source keys */
45
45
  export type RightJoinProps<SourceProps, OverrideProps> = Omit<SourceProps, keyof OverrideProps> & OverrideProps;
46
+ export type SortOrder = 'asc' | 'desc' | null;
46
47
  export type Sort<T = string> = {
47
48
  key: T;
48
- order: 'asc' | 'desc';
49
+ order: SortOrder;
49
50
  };
50
51
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAoFtD,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"accordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordionItem.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAItD,yBAAyB;AACzB,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAmFtD,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -139,7 +139,7 @@ const variants = {
139
139
  activeBg: 'hsl(178, 80%, 42%)'
140
140
  },
141
141
  solidTerracotta: {
142
- bg: 'hsl(34, 100%, 35%)',
142
+ bg: 'hsl(34, 100%, 30%)',
143
143
  hoverBg: 'hsl(34, 100%, 40%)',
144
144
  borderColor: 'hsl(34, 100%, 35%)',
145
145
  color: 'white',
@@ -105,7 +105,7 @@ export const Button = vui((props, ref) => {
105
105
  w: isFullWidth ? '100%' : undefined
106
106
  });
107
107
  return (React.createElement(ButtonProvider, { value: context },
108
- React.createElement(ButtonBase, { "aria-label": ariaLabel, borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
108
+ React.createElement(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
109
109
  hasState && (React.createElement(StateWrapper, { onClick: (e) => e.stopPropagation(), ...stateProps },
110
110
  React.createElement(ButtonIcon, { m: "auto", ...stateIconProps }))),
111
111
  React.createElement(Content, null,
@@ -1 +1 @@
1
- {"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA+EC"}
1
+ {"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAoFC"}
@@ -12,7 +12,6 @@ import fontFaces from './fontFaces';
12
12
  */
13
13
  export default createGlobalStyle `
14
14
  ${fontFaces}
15
-
16
15
  :root {
17
16
  ${generateCSSVariables}
18
17
  }
@@ -24,18 +23,23 @@ export default createGlobalStyle `
24
23
  }
25
24
 
26
25
  button,
26
+ .vui-avatar,
27
+ .vui-tag,
27
28
  .vui-switchTrack {
28
29
  --x-ring-color: transparent;
29
30
  }
30
31
 
31
32
  button:focus-visible,
32
33
  li:focus-visible,
34
+ .vui-avatar:focus-visible,
35
+ .vui-tag:focus-visible,
33
36
  .vui-switchTrack:focus-visible {
34
37
  --x-ring-color: var(--vui-colors-focusColor);
35
38
  outline: var(--vui-colors-focusColor) solid 3px;
36
39
  z-index: 1;
37
40
  }
38
41
 
42
+ //@formatter:off
39
43
  ${p => p.globalStyle &&
40
44
  css `
41
45
  body {
@@ -53,6 +57,7 @@ export default createGlobalStyle `
53
57
  }
54
58
  `}
55
59
 
60
+ //@formatter:on
56
61
  @keyframes vui-bounce {
57
62
  ${bounce}
58
63
  }
@@ -1 +1 @@
1
- {"version":3,"file":"headerAccount.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccount.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAA;AAGrF,+CAA+C;AAE/C,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAqDtD;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"headerAccount.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccount.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAA;AAGrF,+CAA+C;AAE/C,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAsDtD;AAED,eAAe,aAAa,CAAA"}
@@ -16,7 +16,7 @@ export function HeaderAccount(props) {
16
16
  const variant = styles?.trigger?.variant ?? 'solidDarkBlue';
17
17
  const offsetX = isMobile ? 64 : 39;
18
18
  return (React.createElement(Popover, { isLazy: false, offset: [offsetX, 16], placement: "bottom-end", ...rest },
19
- React.createElement(Popover.Trigger, { as: Avatar, className: "vui-headerAccountTrigger", isInteractive: true, ml: 1, name: name, size: "lg", title: "Account", variant: variant, ...styles.trigger, ...triggerProps }),
19
+ React.createElement(Popover.Trigger, { as: Avatar, className: "vui-headerAccountTrigger", isInteractive: true, ml: 1, name: name, role: "button", size: "lg", title: "Account", variant: variant, ...styles.trigger, ...triggerProps }),
20
20
  React.createElement(Popover.Content, { borderRadius: 0, className: "vui-headerAccountContent", column: true, ...styles.content, w: isMobile ? 280 : 320, ...contentProps },
21
21
  isJsx(userInfo) ? userInfo : userInfo && React.createElement(HeaderAccountUserInfo, { ...userInfo }),
22
22
  isJsx(sections)
@@ -14,6 +14,6 @@ export const HeaderAccountUserInfo = vui((props, ref) => {
14
14
  React.createElement(Box, { column: true, rowGap: role ? 0 : 0.5 },
15
15
  displayName && (React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit', weight: "demi" }, displayName)),
16
16
  companyName && React.createElement(T, { fontSize: isApplication ? '12px' : 'inherit' }, companyName),
17
- role && (React.createElement(T, { color: "sandstone.55", fontSize: isApplication ? '12px' : 'inherit' }, role)))))));
17
+ role && (React.createElement(T, { color: "sandstone.45", fontSize: isApplication ? '12px' : 'inherit' }, role)))))));
18
18
  });
19
19
  export default HeaderAccountUserInfo;
@@ -1 +1 @@
1
- {"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAmB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
1
+ {"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAoB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
@@ -10,6 +10,6 @@ export const HeaderMobileToggle = vui((props, ref) => {
10
10
  const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {};
11
11
  const styles = useStyleConfig('Header', useHeaderContext());
12
12
  const iconName = isMobileOpen ? 'falTimes' : 'falBars';
13
- return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName }), ml: 1, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), ...styles.mobileToggle, ...rest }));
13
+ return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName }), ml: 1, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), title: "mobileToggleButton", ...styles.mobileToggle, ...rest }));
14
14
  });
15
15
  export default HeaderMobileToggle;
@@ -1 +1 @@
1
- {"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DA8B9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
1
+ {"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DA6B9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
@@ -25,7 +25,7 @@ export const HeaderNotifications = vui((props, ref) => {
25
25
  const { children, className, count = 0, url, ...rest } = props;
26
26
  const { links } = useHeaderContext() ?? {};
27
27
  const styles = useStyleConfig('Header', useHeaderContext()).notifications;
28
- return (React.createElement(Button, { as: "a", className: cs('vui-headerNotifications', className), href: url ?? links.notifications, minW: 0, ml: 1, position: "relative", px: "7px", ref: ref, size: "lg", title: "Notifications", variant: "tertiaryDark", ...styles.container, ...rest }, children ?? (React.createElement(React.Fragment, null,
28
+ return (React.createElement(Button, { as: "a", className: cs('vui-headerNotifications', className), href: url ?? links.notifications, minW: 0, position: "relative", px: "9px", ref: ref, size: "lg", title: "Notifications", variant: "tertiaryDark", ...styles.container, ...rest }, children ?? (React.createElement(React.Fragment, null,
29
29
  React.createElement(Button.Icon, { name: "falBell" }),
30
30
  count > 0 && React.createElement(Badge, null, count < 100 ? count : '99+')))));
31
31
  });
@@ -1 +1 @@
1
- {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqCxD;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAsCxD;AAED,eAAe,cAAc,CAAA"}
@@ -17,7 +17,7 @@ export function HeaderServices(props) {
17
17
  return (React.createElement(React.Fragment, null,
18
18
  React.createElement(RenderOnScreen, { minWidth: "lg" },
19
19
  React.createElement(Menu, { isLazy: false, offset: [offsetX, 20], placement: "bottom-end", size: "lg", ...rest },
20
- React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", title: "My services", ...styles.button, ...buttonProps }),
20
+ React.createElement(Menu.Button, { className: "vui-services-trigger", icon: "falTh", size: "lg", title: "My services", ...styles.button, ...buttonProps }),
21
21
  React.createElement(Menu.List, { heading: "My Services", maxH: 400, right: 0, w: 320, ...styles.list },
22
22
  React.createElement(ListContent, { links: links })))),
23
23
  React.createElement(RenderOnScreen, { maxWidth: "lg" },
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { AutoCompletePopoverProps } from './input.types';
3
+ /** Wrapper for the autocomplete popover. */
4
+ export declare const AutoCompletePopover: ({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }: AutoCompletePopoverProps) => JSX.Element;
5
+ declare const _default: React.MemoExoticComponent<({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }: AutoCompletePopoverProps) => JSX.Element>;
6
+ export default _default;
7
+ //# sourceMappingURL=autoCompletePopover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"autoCompletePopover.d.ts","sourceRoot":"","sources":["../../../src/input/autoCompletePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AAYxD,4CAA4C;AAC5C,eAAO,MAAM,mBAAmB,8GAM7B,wBAAwB,gBAqB1B,CAAA;;AAED,wBAA8C"}
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { styled } from '../core';
3
+ import { List } from '../list';
4
+ import { Popover } from '../popover';
5
+ import { cs } from '../utils';
6
+ const InputContainer = styled.divBox `
7
+ width: 100%;
8
+ `;
9
+ const options = {
10
+ aria: {
11
+ expanded: false
12
+ }
13
+ };
14
+ /** Wrapper for the autocomplete popover. */
15
+ export const AutoCompletePopover = ({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }) => {
16
+ if (!autoCompleteOptions?.length)
17
+ return children;
18
+ return (React.createElement(Popover, { options: options, placement: "bottom-start" },
19
+ React.createElement(Popover.Trigger, { as: InputContainer, className: cs('vui-input-popoverTrigger') }, children),
20
+ !!autoCompleteOptions && (React.createElement(Popover.Content, null,
21
+ React.createElement(List, { maxH: autoCompleteMaxHeight }, autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i) => (React.createElement(List.Item, { cursor: "pointer", hoverBg: "skyBlue.hover", key: i, onClick: () => onAutoCompleteSelect(i) }, i))))))));
22
+ };
23
+ export default React.memo(AutoCompletePopover);
@@ -1,5 +1,5 @@
1
1
  import { HelpTextProps } from './input.types';
2
- /** Displaying help text bellow an input.. */
2
+ /** Displaying help text bellow the input. */
3
3
  export declare const HelpText: import("../core").VuiComponent<"div", HelpTextProps>;
4
4
  export default HelpText;
5
5
  //# sourceMappingURL=helpText.d.ts.map
@@ -5,7 +5,7 @@ import P from '../p';
5
5
  import { cs } from '../utils';
6
6
  import { inputColors } from './consts';
7
7
  import { useInputContext } from './context';
8
- /** Displaying help text bellow an input.. */
8
+ /** Displaying help text bellow the input. */
9
9
  export const HelpText = vui((props, ref) => {
10
10
  const { className, children, isError, ...rest } = props;
11
11
  const inputProps = useInputContext();
@@ -3,7 +3,6 @@ import HelpText from './helpText';
3
3
  import { InputProps } from './input.types';
4
4
  import InputIcon from './inputIcon';
5
5
  import InputInput from './inputInput';
6
- export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
7
6
  export declare const InputBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
8
7
  /**
9
8
  * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAQnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,cAAc,+HAE1B,CAAA;AAED,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAgJV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAgBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UAwIV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAMD,eAAe,KAAK,CAAA"}
@@ -1,18 +1,14 @@
1
1
  import React, { useEffect, useMemo, useState } from 'react';
2
2
  import { styled, useStyleConfig, vui } from '../core';
3
- import { List } from '../list';
4
- import { Popover } from '../popover';
5
3
  import { T } from '../t';
6
4
  import { cs, filterUndefined, isString } from '../utils';
5
+ import AutoCompletePopover from './autoCompletePopover';
7
6
  import { inputColors, inputStateMapping } from './consts';
8
7
  import { InputProvider } from './context';
9
8
  import { getInitialCount } from './helpers';
10
9
  import HelpText from './helpText';
11
10
  import InputIcon from './inputIcon';
12
11
  import InputInput from './inputInput';
13
- export const InputContainer = styled.divBox `
14
- width: 100%;
15
- `;
16
12
  export const InputBase = styled.divBox `
17
13
  align-items: center;
18
14
  background-color: white;
@@ -63,39 +59,36 @@ export const Input = vui((props, ref) => {
63
59
  }, [value]);
64
60
  const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
65
61
  return (React.createElement(InputProvider, { value: context },
66
- React.createElement(Popover, { placement: "bottom-start" },
67
- React.createElement(Popover.Trigger, { as: InputContainer },
68
- React.createElement(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest },
69
- itemLeft,
70
- isString(iconLeft) ? React.createElement(InputIcon, { ml: 1, name: iconLeft }) : iconLeft,
71
- children ?? input ?? (React.createElement(InputInput, { ref: inputRef, ...{
72
- autoFocus,
73
- defaultValue,
74
- disabled,
75
- id,
76
- max,
77
- maxLength,
78
- min,
79
- name,
80
- onBlur,
81
- onChange,
82
- onFocus,
83
- pattern,
84
- placeholder,
85
- readOnly,
86
- required,
87
- step,
88
- type
89
- }, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })),
90
- isString(iconRight) ? React.createElement(InputIcon, { mr: 1, name: iconRight }) : iconRight,
91
- itemRight,
92
- state && React.createElement(InputIcon, { mr: 1, ...states[state]?.iconProps }),
93
- showCount && (React.createElement(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
94
- count,
95
- " ",
96
- maxLength ? `/ ${maxLength}` : null)))),
97
- !!autoCompleteOptions && (React.createElement(Popover.Content, null,
98
- React.createElement(List, { maxH: autoCompleteMaxHeight }, autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i) => (React.createElement(List.Item, { cursor: "pointer", hoverBg: "skyBlue.hover", key: i, onClick: () => onAutoCompleteSelect(i) }, i))))))),
62
+ React.createElement(AutoCompletePopover, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect },
63
+ React.createElement(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest },
64
+ itemLeft,
65
+ isString(iconLeft) ? React.createElement(InputIcon, { ml: 1, name: iconLeft }) : iconLeft,
66
+ children ?? input ?? (React.createElement(InputInput, { ref: inputRef, ...{
67
+ autoFocus,
68
+ defaultValue,
69
+ disabled,
70
+ id,
71
+ max,
72
+ maxLength,
73
+ min,
74
+ name,
75
+ onBlur,
76
+ onChange,
77
+ onFocus,
78
+ pattern,
79
+ placeholder,
80
+ readOnly,
81
+ required,
82
+ step,
83
+ type
84
+ }, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })),
85
+ isString(iconRight) ? React.createElement(InputIcon, { mr: 1, name: iconRight }) : iconRight,
86
+ itemRight,
87
+ state && React.createElement(InputIcon, { mr: 1, ...states[state]?.iconProps }),
88
+ showCount && (React.createElement(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)" },
89
+ count,
90
+ " ",
91
+ maxLength ? `/ ${maxLength}` : null)))),
99
92
  !!helpText && React.createElement(HelpText, null, helpText),
100
93
  !!errorText && React.createElement(HelpText, { isError: true }, errorText)));
101
94
  });
@@ -75,6 +75,17 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
75
75
  /** Passed to the inner input. */
76
76
  value?: number | string;
77
77
  };
78
+ export type AutoCompletePopoverProps = {
79
+ /** List of autocomplete options. */
80
+ autoCompleteOptions?: string[];
81
+ /** Maximum autoComplete container height in px. */
82
+ autoCompleteMaxHeight?: number;
83
+ /** The input children. */
84
+ children: JSX.Element;
85
+ /** Filter helper function. */
86
+ filterAutoCompleteOptions: (value: string, index: number, array: string[]) => boolean;
87
+ onAutoCompleteSelect: (value: string) => void;
88
+ };
78
89
  export type HelpTextProps = PProps & {
79
90
  isError?: boolean;
80
91
  };
@@ -1 +1 @@
1
- {"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
@@ -13,6 +13,8 @@ export type ListProps = SystemProps & ThemingProps<'List'> & {
13
13
  isInteractive?: boolean;
14
14
  /** Socket displaying a list of items. */
15
15
  items?: PropsOf<'li', ListItemProps>[] | JSX.Element;
16
+ /** Socket for the variant. The 'blue' variant is internal, used in the header. */
17
+ variant?: 'default' | 'ordered' | 'unordered' | 'blue';
16
18
  };
17
19
  export type ListItemLinkProps = PropsOf<'a', LinkProps> | object;
18
20
  export type ListItemProps = SystemProps & ThemingProps<'List'> & {
@@ -1 +1 @@
1
- {"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;CACrD,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;CAC/B,CAAA"}
1
+ {"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,kFAAkF;IAClF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;CACvD,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,MAAM,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;CAC/B,CAAA"}
@@ -80,6 +80,26 @@ declare const _default: {
80
80
  };
81
81
  variants: {
82
82
  default: {};
83
+ ordered: {
84
+ container: {
85
+ as: string;
86
+ listStyleType: string;
87
+ pl: number;
88
+ };
89
+ item: {
90
+ display: string;
91
+ };
92
+ };
93
+ unordered: {
94
+ container: {
95
+ as: string;
96
+ listStyleType: string;
97
+ pl: number;
98
+ };
99
+ item: {
100
+ display: string;
101
+ };
102
+ };
83
103
  blue: {
84
104
  heading: {
85
105
  color: string;
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA,wBAMC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,wBAMC"}
@@ -79,7 +79,27 @@ const sizes = {
79
79
  };
80
80
  const variants = {
81
81
  default: {},
82
- // variant *blue* was introduced for the *header* component
82
+ ordered: {
83
+ container: {
84
+ as: 'ol',
85
+ listStyleType: 'decimal',
86
+ pl: 3
87
+ },
88
+ item: {
89
+ display: 'list-item'
90
+ }
91
+ },
92
+ unordered: {
93
+ container: {
94
+ as: 'ul',
95
+ listStyleType: 'disc',
96
+ pl: 3
97
+ },
98
+ item: {
99
+ display: 'list-item'
100
+ }
101
+ },
102
+ // internal; variant *blue* was introduced for the *header* component
83
103
  blue: {
84
104
  heading: {
85
105
  color: 'darkBlue.main'
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,eAQlD;kBARuB,OAAO;;;;eAAP,OAAO"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,eAOlD;kBAPuB,OAAO;;;;eAAP,OAAO"}
@@ -9,8 +9,8 @@ import usePopover from './usePopover';
9
9
  * By default, renders provided content only when popover is opened (lazy).
10
10
  */
11
11
  export default function Popover(props) {
12
- const { children, isLazy = true, ...rest } = props;
13
- const popoverProps = usePopover(rest);
12
+ const { children, isLazy = true, options, ...rest } = props;
13
+ const popoverProps = usePopover({ options, ...rest });
14
14
  const { close, isOpen, open } = popoverProps;
15
15
  const context = filterUndefined({ isLazy, ...popoverProps });
16
16
  return React.createElement(PopoverProvider, { value: context }, runIfFn(children, { close, isOpen, open }));
@@ -1,3 +1,4 @@
1
+ import { TippyProps } from '@tippyjs/react';
1
2
  import { BoxProps } from '../box';
2
3
  import { SystemProps } from '../system';
3
4
  import { RenderProps } from '../utils';
@@ -9,6 +10,8 @@ export type PopoverProps = UsePopoverProps & {
9
10
  children?: PopoverRenderProps;
10
11
  /** Mounts provided content only when popover is opened for performance. @default true */
11
12
  isLazy?: boolean;
13
+ /** Object with any Tippy props. */
14
+ options?: Partial<TippyProps>;
12
15
  };
13
16
  export type PopoverRenderProps = RenderProps<{
14
17
  close: UsePopoverType['close'];
@@ -1 +1 @@
1
- {"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC7B,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA"}
1
+ {"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC3C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC7B,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;EA+G7D;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}
1
+ {"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;EAiH7D;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}
@@ -19,8 +19,9 @@ export default function usePopover(props = {}) {
19
19
  const open = useCallback(() => instance?.show(), [instance]);
20
20
  const isControlled = isOpenProp !== undefined;
21
21
  const tippyOptions = useMemo(() => {
22
- const { offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
22
+ const { aria, offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
23
23
  return {
24
+ aria,
24
25
  arrow: false,
25
26
  duration: [200, 150],
26
27
  hideOnClick: !isControlled ? closeOnBlur : false,
@@ -1 +1 @@
1
- {"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DA6D3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAWD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DA8D3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
@@ -33,7 +33,7 @@ export const ProgressCircular = vui((props, ref) => {
33
33
  const angle = radius * 2 * Math.PI;
34
34
  const offset = angle - (progress / maxValue) * angle;
35
35
  return (React.createElement(ProgressCircularBase, { className: cs('vui-progress-circular', className), ref: ref, w: styles.width, ...rest },
36
- React.createElement("svg", { "aria-valuemax": maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
36
+ React.createElement("svg", { "aria-valuemax": maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, role: "meter", version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
37
37
  React.createElement(MainCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.main, strokeWidth: styles.strokeWidth }),
38
38
  React.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, stroke: styles.stroke.progress, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
39
39
  React.createElement(Box, { ...absCenterStyles, top: styles.top }, children ? (children) : showPercentage ? (React.createElement(T, { color: styles.color, fontSize: styles.fontSize },
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4FhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4GhB,CAAA;AAEF,eAAe,KAAK,CAAA"}