@primer/components 0.0.0-2021113204024 → 0.0.0-2021113205954

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 (277) hide show
  1. package/dist/browser.esm.js +2 -2227
  2. package/dist/browser.esm.js.map +1 -1
  3. package/dist/browser.umd.js +2 -2227
  4. package/dist/browser.umd.js.map +1 -1
  5. package/lib/ActionList/Header.js +1 -1
  6. package/lib/ActionList/Item.js +10 -10
  7. package/lib/ActionList/List.js +1 -1
  8. package/lib/ActionList2/Divider.d.ts +3 -2
  9. package/lib/ActionList2/Divider.js +10 -5
  10. package/lib/ActionList2/Item.js +22 -6
  11. package/lib/ActionList2/List.js +12 -2
  12. package/lib/ActionList2/MenuContext.d.ts +10 -0
  13. package/lib/{_InputField/InputFieldValidation.js → ActionList2/MenuContext.js} +4 -6
  14. package/lib/ActionList2/Selection.js +11 -0
  15. package/lib/ActionList2/index.d.ts +1 -2
  16. package/lib/ActionMenu2.d.ts +313 -0
  17. package/lib/ActionMenu2.js +91 -0
  18. package/lib/Autocomplete/Autocomplete.d.ts +2 -1
  19. package/lib/Autocomplete/AutocompleteInput.d.ts +2 -1
  20. package/lib/Autocomplete/AutocompleteMenu.js +13 -6
  21. package/lib/Avatar.d.ts +1 -2
  22. package/lib/Avatar.js +1 -1
  23. package/lib/BaseStyles.js +2 -20
  24. package/lib/BorderBox.js +1 -1
  25. package/lib/Box.js +1 -1
  26. package/lib/BranchName.d.ts +1 -2
  27. package/lib/BranchName.js +1 -1
  28. package/lib/Breadcrumbs.js +3 -3
  29. package/lib/Button/Button.d.ts +2 -2
  30. package/lib/Button/Button.js +1 -1
  31. package/lib/Button/ButtonClose.d.ts +2 -2
  32. package/lib/Button/ButtonDanger.d.ts +2 -2
  33. package/lib/Button/ButtonGroup.js +1 -1
  34. package/lib/Button/ButtonInvisible.d.ts +2 -2
  35. package/lib/Button/ButtonOutline.d.ts +2 -2
  36. package/lib/Button/ButtonPrimary.d.ts +2 -2
  37. package/lib/Checkbox.d.ts +1 -1
  38. package/lib/Checkbox.js +1 -1
  39. package/lib/CircleOcticon.d.ts +35 -35
  40. package/lib/Details.d.ts +1 -2
  41. package/lib/Details.js +2 -4
  42. package/lib/Dialog.d.ts +37 -37
  43. package/lib/Dropdown.d.ts +8 -72
  44. package/lib/DropdownMenu/DropdownButton.d.ts +6 -3
  45. package/lib/FilterList.d.ts +1 -1
  46. package/lib/FilteredActionList/FilteredActionList.js +1 -1
  47. package/lib/Flex.js +1 -1
  48. package/lib/Heading.d.ts +1 -2
  49. package/lib/Heading.js +1 -6
  50. package/lib/LabelGroup.js +1 -1
  51. package/lib/Overlay.js +1 -1
  52. package/lib/Pagination/Pagination.js +2 -2
  53. package/lib/Position.d.ts +4 -4
  54. package/lib/Position.js +1 -1
  55. package/lib/ProgressBar.d.ts +16 -11
  56. package/lib/ProgressBar.js +6 -10
  57. package/lib/SelectMenu/SelectMenu.d.ts +11 -10
  58. package/lib/SelectMenu/SelectMenu.js +1 -1
  59. package/lib/SelectMenu/SelectMenuFilter.js +1 -1
  60. package/lib/SelectMenu/SelectMenuFooter.js +1 -1
  61. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  62. package/lib/SelectMenu/SelectMenuItem.js +1 -1
  63. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  64. package/lib/SelectMenu/SelectMenuTab.js +1 -1
  65. package/lib/SelectMenu/SelectMenuTabPanel.js +1 -1
  66. package/lib/SelectMenu/SelectMenuTabs.js +1 -1
  67. package/lib/Spinner.d.ts +1 -2
  68. package/lib/Spinner.js +1 -3
  69. package/lib/StateLabel.js +1 -1
  70. package/lib/StyledOcticon.js +1 -1
  71. package/lib/SubNav.js +3 -3
  72. package/lib/TextInputWithTokens.d.ts +2 -1
  73. package/lib/ThemeProvider.d.ts +1 -0
  74. package/lib/ThemeProvider.js +17 -4
  75. package/lib/Timeline.js +4 -4
  76. package/lib/Token/AvatarToken.d.ts +1 -1
  77. package/lib/Token/AvatarToken.js +1 -1
  78. package/lib/Token/IssueLabelToken.d.ts +1 -1
  79. package/lib/Token/Token.d.ts +1 -1
  80. package/lib/Token/TokenBase.js +1 -1
  81. package/lib/Tooltip.js +1 -1
  82. package/lib/UnderlineNav.js +2 -2
  83. package/lib/drafts.d.ts +1 -0
  84. package/lib/drafts.js +13 -0
  85. package/lib/index.d.ts +0 -4
  86. package/lib/index.js +0 -38
  87. package/lib-esm/ActionList/Header.js +1 -1
  88. package/lib-esm/ActionList/Item.js +10 -10
  89. package/lib-esm/ActionList/List.js +1 -1
  90. package/lib-esm/ActionList2/Divider.d.ts +3 -2
  91. package/lib-esm/ActionList2/Divider.js +8 -5
  92. package/lib-esm/ActionList2/Item.js +20 -6
  93. package/lib-esm/ActionList2/List.js +10 -2
  94. package/lib-esm/ActionList2/MenuContext.d.ts +10 -0
  95. package/lib-esm/ActionList2/MenuContext.js +3 -0
  96. package/lib-esm/ActionList2/Selection.js +9 -0
  97. package/lib-esm/ActionList2/index.d.ts +1 -2
  98. package/lib-esm/ActionMenu2.d.ts +313 -0
  99. package/lib-esm/ActionMenu2.js +67 -0
  100. package/lib-esm/Autocomplete/Autocomplete.d.ts +2 -1
  101. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +2 -1
  102. package/lib-esm/Autocomplete/AutocompleteMenu.js +13 -3
  103. package/lib-esm/Avatar.d.ts +1 -2
  104. package/lib-esm/Avatar.js +2 -2
  105. package/lib-esm/BaseStyles.js +2 -20
  106. package/lib-esm/BorderBox.js +1 -1
  107. package/lib-esm/Box.js +1 -1
  108. package/lib-esm/BranchName.d.ts +1 -2
  109. package/lib-esm/BranchName.js +2 -2
  110. package/lib-esm/Breadcrumbs.js +3 -3
  111. package/lib-esm/Button/Button.d.ts +2 -2
  112. package/lib-esm/Button/Button.js +1 -1
  113. package/lib-esm/Button/ButtonClose.d.ts +2 -2
  114. package/lib-esm/Button/ButtonDanger.d.ts +2 -2
  115. package/lib-esm/Button/ButtonGroup.js +1 -1
  116. package/lib-esm/Button/ButtonInvisible.d.ts +2 -2
  117. package/lib-esm/Button/ButtonOutline.d.ts +2 -2
  118. package/lib-esm/Button/ButtonPrimary.d.ts +2 -2
  119. package/lib-esm/Checkbox.d.ts +1 -1
  120. package/lib-esm/Checkbox.js +1 -1
  121. package/lib-esm/CircleOcticon.d.ts +35 -35
  122. package/lib-esm/Details.d.ts +1 -2
  123. package/lib-esm/Details.js +2 -3
  124. package/lib-esm/Dialog.d.ts +37 -37
  125. package/lib-esm/Dropdown.d.ts +8 -72
  126. package/lib-esm/DropdownMenu/DropdownButton.d.ts +6 -3
  127. package/lib-esm/FilterList.d.ts +1 -1
  128. package/lib-esm/FilteredActionList/FilteredActionList.js +1 -1
  129. package/lib-esm/Flex.js +1 -1
  130. package/lib-esm/Heading.d.ts +1 -2
  131. package/lib-esm/Heading.js +2 -6
  132. package/lib-esm/LabelGroup.js +1 -1
  133. package/lib-esm/Overlay.js +1 -1
  134. package/lib-esm/Pagination/Pagination.js +2 -2
  135. package/lib-esm/Position.d.ts +4 -4
  136. package/lib-esm/Position.js +1 -1
  137. package/lib-esm/ProgressBar.d.ts +16 -11
  138. package/lib-esm/ProgressBar.js +7 -11
  139. package/lib-esm/SelectMenu/SelectMenu.d.ts +11 -10
  140. package/lib-esm/SelectMenu/SelectMenu.js +1 -1
  141. package/lib-esm/SelectMenu/SelectMenuFilter.js +1 -1
  142. package/lib-esm/SelectMenu/SelectMenuFooter.js +1 -1
  143. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  144. package/lib-esm/SelectMenu/SelectMenuItem.js +1 -1
  145. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  146. package/lib-esm/SelectMenu/SelectMenuTab.js +1 -1
  147. package/lib-esm/SelectMenu/SelectMenuTabPanel.js +1 -1
  148. package/lib-esm/SelectMenu/SelectMenuTabs.js +1 -1
  149. package/lib-esm/Spinner.d.ts +1 -2
  150. package/lib-esm/Spinner.js +1 -2
  151. package/lib-esm/StateLabel.js +1 -1
  152. package/lib-esm/StyledOcticon.js +1 -1
  153. package/lib-esm/SubNav.js +3 -3
  154. package/lib-esm/TextInputWithTokens.d.ts +2 -1
  155. package/lib-esm/ThemeProvider.d.ts +1 -0
  156. package/lib-esm/ThemeProvider.js +17 -4
  157. package/lib-esm/Timeline.js +4 -4
  158. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  159. package/lib-esm/Token/AvatarToken.js +1 -1
  160. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  161. package/lib-esm/Token/Token.d.ts +1 -1
  162. package/lib-esm/Token/TokenBase.js +1 -1
  163. package/lib-esm/Tooltip.js +1 -1
  164. package/lib-esm/UnderlineNav.js +2 -2
  165. package/lib-esm/drafts.d.ts +1 -0
  166. package/lib-esm/drafts.js +2 -1
  167. package/lib-esm/index.d.ts +0 -4
  168. package/lib-esm/index.js +0 -4
  169. package/package.json +15 -9
  170. package/CHANGELOG.md +0 -986
  171. package/lib/CheckboxInputField.d.ts +0 -11
  172. package/lib/CheckboxInputField.js +0 -73
  173. package/lib/ChoiceFieldset/ChoiceFieldCaption.d.ts +0 -3
  174. package/lib/ChoiceFieldset/ChoiceFieldCaption.js +0 -35
  175. package/lib/ChoiceFieldset/ChoiceFieldLabel.d.ts +0 -3
  176. package/lib/ChoiceFieldset/ChoiceFieldLabel.js +0 -35
  177. package/lib/ChoiceFieldset/ChoiceFieldset.d.ts +0 -65
  178. package/lib/ChoiceFieldset/ChoiceFieldset.js +0 -95
  179. package/lib/ChoiceFieldset/ChoiceFieldsetDescription.d.ts +0 -3
  180. package/lib/ChoiceFieldset/ChoiceFieldsetDescription.js +0 -29
  181. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +0 -9
  182. package/lib/ChoiceFieldset/ChoiceFieldsetLegend.js +0 -44
  183. package/lib/ChoiceFieldset/ChoiceFieldsetList.d.ts +0 -9
  184. package/lib/ChoiceFieldset/ChoiceFieldsetList.js +0 -80
  185. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +0 -19
  186. package/lib/ChoiceFieldset/ChoiceFieldsetListContext.js +0 -15
  187. package/lib/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +0 -25
  188. package/lib/ChoiceFieldset/ChoiceFieldsetListItem.js +0 -75
  189. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +0 -6
  190. package/lib/ChoiceFieldset/ChoiceFieldsetValidation.js +0 -17
  191. package/lib/ChoiceFieldset/index.d.ts +0 -3
  192. package/lib/ChoiceFieldset/index.js +0 -23
  193. package/lib/RadioInputField.d.ts +0 -9
  194. package/lib/RadioInputField.js +0 -82
  195. package/lib/TextInputField.d.ts +0 -581
  196. package/lib/TextInputField.js +0 -66
  197. package/lib/_InputCaption.d.ts +0 -13
  198. package/lib/_InputCaption.js +0 -27
  199. package/lib/_InputField/InputField.d.ts +0 -39
  200. package/lib/_InputField/InputField.js +0 -90
  201. package/lib/_InputField/InputFieldCaption.d.ts +0 -3
  202. package/lib/_InputField/InputFieldCaption.js +0 -30
  203. package/lib/_InputField/InputFieldLabel.d.ts +0 -9
  204. package/lib/_InputField/InputFieldLabel.js +0 -34
  205. package/lib/_InputField/InputFieldValidation.d.ts +0 -6
  206. package/lib/_InputField/ToggleInputField.d.ts +0 -13
  207. package/lib/_InputField/ToggleInputField.js +0 -71
  208. package/lib/_InputField/ToggleInputLeadingVisual.d.ts +0 -3
  209. package/lib/_InputField/ToggleInputLeadingVisual.js +0 -22
  210. package/lib/_InputField/ValidationAnimationContainer.d.ts +0 -6
  211. package/lib/_InputField/ValidationAnimationContainer.js +0 -48
  212. package/lib/_InputField/index.d.ts +0 -1
  213. package/lib/_InputField/index.js +0 -15
  214. package/lib/_InputField/slots.d.ts +0 -13
  215. package/lib/_InputField/slots.js +0 -17
  216. package/lib/_InputLabel.d.ts +0 -8
  217. package/lib/_InputLabel.js +0 -44
  218. package/lib/_InputValidation.d.ts +0 -8
  219. package/lib/_InputValidation.js +0 -56
  220. package/lib/_VisuallyHidden.d.ts +0 -6
  221. package/lib/_VisuallyHidden.js +0 -39
  222. package/lib/utils/types/FormValidationStatus.d.ts +0 -1
  223. package/lib/utils/types/FormValidationStatus.js +0 -1
  224. package/lib-esm/CheckboxInputField.d.ts +0 -11
  225. package/lib-esm/CheckboxInputField.js +0 -56
  226. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.d.ts +0 -3
  227. package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.js +0 -20
  228. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.d.ts +0 -3
  229. package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.js +0 -20
  230. package/lib-esm/ChoiceFieldset/ChoiceFieldset.d.ts +0 -65
  231. package/lib-esm/ChoiceFieldset/ChoiceFieldset.js +0 -72
  232. package/lib-esm/ChoiceFieldset/ChoiceFieldsetDescription.d.ts +0 -3
  233. package/lib-esm/ChoiceFieldset/ChoiceFieldsetDescription.js +0 -17
  234. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +0 -9
  235. package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.js +0 -31
  236. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.d.ts +0 -9
  237. package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.js +0 -63
  238. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +0 -19
  239. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.js +0 -5
  240. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +0 -25
  241. package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.js +0 -51
  242. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +0 -6
  243. package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.js +0 -7
  244. package/lib-esm/ChoiceFieldset/index.d.ts +0 -3
  245. package/lib-esm/ChoiceFieldset/index.js +0 -2
  246. package/lib-esm/RadioInputField.d.ts +0 -9
  247. package/lib-esm/RadioInputField.js +0 -65
  248. package/lib-esm/TextInputField.d.ts +0 -581
  249. package/lib-esm/TextInputField.js +0 -50
  250. package/lib-esm/_InputCaption.d.ts +0 -13
  251. package/lib-esm/_InputCaption.js +0 -16
  252. package/lib-esm/_InputField/InputField.d.ts +0 -39
  253. package/lib-esm/_InputField/InputField.js +0 -70
  254. package/lib-esm/_InputField/InputFieldCaption.d.ts +0 -3
  255. package/lib-esm/_InputField/InputFieldCaption.js +0 -18
  256. package/lib-esm/_InputField/InputFieldLabel.d.ts +0 -9
  257. package/lib-esm/_InputField/InputFieldLabel.js +0 -22
  258. package/lib-esm/_InputField/InputFieldValidation.d.ts +0 -6
  259. package/lib-esm/_InputField/InputFieldValidation.js +0 -7
  260. package/lib-esm/_InputField/ToggleInputField.d.ts +0 -13
  261. package/lib-esm/_InputField/ToggleInputField.js +0 -54
  262. package/lib-esm/_InputField/ToggleInputLeadingVisual.d.ts +0 -3
  263. package/lib-esm/_InputField/ToggleInputLeadingVisual.js +0 -11
  264. package/lib-esm/_InputField/ValidationAnimationContainer.d.ts +0 -6
  265. package/lib-esm/_InputField/ValidationAnimationContainer.js +0 -33
  266. package/lib-esm/_InputField/index.d.ts +0 -1
  267. package/lib-esm/_InputField/index.js +0 -1
  268. package/lib-esm/_InputField/slots.d.ts +0 -13
  269. package/lib-esm/_InputField/slots.js +0 -5
  270. package/lib-esm/_InputLabel.d.ts +0 -8
  271. package/lib-esm/_InputLabel.js +0 -32
  272. package/lib-esm/_InputValidation.d.ts +0 -8
  273. package/lib-esm/_InputValidation.js +0 -43
  274. package/lib-esm/_VisuallyHidden.d.ts +0 -6
  275. package/lib-esm/_VisuallyHidden.js +0 -26
  276. package/lib-esm/utils/types/FormValidationStatus.d.ts +0 -1
  277. package/lib-esm/utils/types/FormValidationStatus.js +0 -1
@@ -0,0 +1,313 @@
1
+ import { ButtonProps } from './Button';
2
+ import React from 'react';
3
+ import { OverlayProps } from './Overlay';
4
+ import { AnchoredOverlayWrapperAnchorProps } from './AnchoredOverlay/AnchoredOverlay';
5
+ declare type ActionMenuBaseProps = {
6
+ /**
7
+ * Recommended: `ActionMenu.Button` or `ActionMenu.Anchor` with ActionList`
8
+ */
9
+ children: React.ReactElement[] | React.ReactElement;
10
+ /**
11
+ * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `onOpenChange`.
12
+ */
13
+ open?: boolean;
14
+ /**
15
+ * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.
16
+ */
17
+ onOpenChange?: (s: boolean) => void;
18
+ /**
19
+ * Props to be spread on the internal `Overlay` component.
20
+ */
21
+ overlayProps?: Partial<OverlayProps>;
22
+ };
23
+ export declare type ActionMenuProps = ActionMenuBaseProps & AnchoredOverlayWrapperAnchorProps;
24
+ export declare type MenuAnchorProps = {
25
+ children: React.ReactElement;
26
+ };
27
+ /** this component is syntactical sugar 🍭 */
28
+ export declare type MenuButtonProps = ButtonProps;
29
+ export declare const ActionMenu: React.FC<ActionMenuProps> & {
30
+ Button: React.ForwardRefExoticComponent<Pick<{
31
+ color?: string | undefined;
32
+ property?: string | undefined;
33
+ translate?: "yes" | "no" | undefined;
34
+ hidden?: boolean | undefined;
35
+ children?: React.ReactNode;
36
+ value?: string | number | readonly string[] | undefined;
37
+ ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
38
+ form?: string | undefined;
39
+ slot?: string | undefined;
40
+ style?: React.CSSProperties | undefined;
41
+ title?: string | undefined;
42
+ variant?: "small" | "medium" | "large" | undefined;
43
+ role?: React.AriaRole | undefined;
44
+ sx?: import("./sx").BetterSystemStyleObject | undefined;
45
+ type?: "button" | "reset" | "submit" | undefined;
46
+ name?: string | undefined;
47
+ key?: React.Key | null | undefined;
48
+ defaultChecked?: boolean | undefined;
49
+ defaultValue?: string | number | readonly string[] | undefined;
50
+ suppressContentEditableWarning?: boolean | undefined;
51
+ suppressHydrationWarning?: boolean | undefined;
52
+ accessKey?: string | undefined;
53
+ className?: string | undefined;
54
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
55
+ contextMenu?: string | undefined;
56
+ dir?: string | undefined;
57
+ draggable?: (boolean | "false" | "true") | undefined;
58
+ id?: string | undefined;
59
+ lang?: string | undefined;
60
+ placeholder?: string | undefined;
61
+ spellCheck?: (boolean | "false" | "true") | undefined;
62
+ tabIndex?: number | undefined;
63
+ radioGroup?: string | undefined;
64
+ about?: string | undefined;
65
+ datatype?: string | undefined;
66
+ inlist?: any;
67
+ prefix?: string | undefined;
68
+ resource?: string | undefined;
69
+ typeof?: string | undefined;
70
+ vocab?: string | undefined;
71
+ autoCapitalize?: string | undefined;
72
+ autoCorrect?: string | undefined;
73
+ autoSave?: string | undefined;
74
+ itemProp?: string | undefined;
75
+ itemScope?: boolean | undefined;
76
+ itemType?: string | undefined;
77
+ itemID?: string | undefined;
78
+ itemRef?: string | undefined;
79
+ results?: number | undefined;
80
+ security?: string | undefined;
81
+ unselectable?: "on" | "off" | undefined;
82
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
83
+ is?: string | undefined;
84
+ 'aria-activedescendant'?: string | undefined;
85
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
86
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
87
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
88
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
89
+ 'aria-colcount'?: number | undefined;
90
+ 'aria-colindex'?: number | undefined;
91
+ 'aria-colspan'?: number | undefined;
92
+ 'aria-controls'?: string | undefined;
93
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
94
+ 'aria-describedby'?: string | undefined;
95
+ 'aria-details'?: string | undefined;
96
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
97
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
98
+ 'aria-errormessage'?: string | undefined;
99
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
100
+ 'aria-flowto'?: string | undefined;
101
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
102
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
103
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
104
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
105
+ 'aria-keyshortcuts'?: string | undefined;
106
+ 'aria-label'?: string | undefined;
107
+ 'aria-labelledby'?: string | undefined;
108
+ 'aria-level'?: number | undefined;
109
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
110
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
111
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
112
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
113
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
114
+ 'aria-owns'?: string | undefined;
115
+ 'aria-placeholder'?: string | undefined;
116
+ 'aria-posinset'?: number | undefined;
117
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
118
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
119
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
120
+ 'aria-required'?: boolean | "false" | "true" | undefined;
121
+ 'aria-roledescription'?: string | undefined;
122
+ 'aria-rowcount'?: number | undefined;
123
+ 'aria-rowindex'?: number | undefined;
124
+ 'aria-rowspan'?: number | undefined;
125
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
126
+ 'aria-setsize'?: number | undefined;
127
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
128
+ 'aria-valuemax'?: number | undefined;
129
+ 'aria-valuemin'?: number | undefined;
130
+ 'aria-valuenow'?: number | undefined;
131
+ 'aria-valuetext'?: string | undefined;
132
+ dangerouslySetInnerHTML?: {
133
+ __html: string;
134
+ } | undefined;
135
+ onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
136
+ onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
137
+ onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
138
+ onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
139
+ onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
140
+ onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
141
+ onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
142
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
143
+ onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
144
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
145
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
146
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
147
+ onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
148
+ onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
149
+ onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
150
+ onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
151
+ onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
152
+ onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
153
+ onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
154
+ onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
155
+ onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
156
+ onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
157
+ onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
158
+ onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
159
+ onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
160
+ onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
161
+ onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
162
+ onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
163
+ onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
164
+ onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
165
+ onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
166
+ onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
167
+ onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
168
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
169
+ onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
170
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
171
+ onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
172
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
173
+ onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
174
+ onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
175
+ onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
176
+ onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
177
+ onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
178
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
179
+ onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
180
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
181
+ onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
182
+ onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
183
+ onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
184
+ onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
185
+ onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
186
+ onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
187
+ onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
188
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
189
+ onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
190
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
191
+ onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
192
+ onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
193
+ onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
194
+ onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
195
+ onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
196
+ onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
197
+ onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
198
+ onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
199
+ onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
200
+ onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
201
+ onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
202
+ onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
203
+ onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
204
+ onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
205
+ onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
206
+ onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
207
+ onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
208
+ onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
209
+ onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
210
+ onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
211
+ onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
212
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
213
+ onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
214
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
215
+ onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
216
+ onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
217
+ onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
218
+ onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
219
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
220
+ onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
221
+ onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
222
+ onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
223
+ onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
224
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
225
+ onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
226
+ onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
227
+ onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
228
+ onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
229
+ onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
230
+ onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
231
+ onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
232
+ onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
233
+ onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
234
+ onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
235
+ onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
236
+ onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
237
+ onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
238
+ onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
239
+ onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
240
+ onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
241
+ onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
242
+ onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
243
+ onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
244
+ onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
245
+ onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
246
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
247
+ onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
248
+ onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
249
+ onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
250
+ onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
251
+ onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
252
+ onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
253
+ onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
254
+ onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
255
+ onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
256
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
257
+ onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
258
+ onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
259
+ onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
260
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
261
+ onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
262
+ onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
263
+ onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
264
+ onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
265
+ onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
266
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
267
+ onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
268
+ onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
269
+ onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
270
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
271
+ onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
272
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
273
+ onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
274
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
275
+ onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
276
+ onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
277
+ onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
278
+ onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
279
+ onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
280
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
281
+ onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
282
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
283
+ onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
284
+ onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
285
+ onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
286
+ onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
287
+ onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
288
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
289
+ onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
290
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
291
+ onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
292
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
293
+ onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
294
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
295
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
296
+ disabled?: boolean | undefined;
297
+ as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
298
+ autoFocus?: boolean | undefined;
299
+ formAction?: string | undefined;
300
+ formEncType?: string | undefined;
301
+ formMethod?: string | undefined;
302
+ formNoValidate?: boolean | undefined;
303
+ formTarget?: string | undefined;
304
+ } & {
305
+ theme?: any;
306
+ }, "theme" | "sx" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | keyof {
307
+ as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
308
+ variant?: "small" | "medium" | "large" | undefined;
309
+ }> & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
310
+ Anchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
311
+ Divider: React.FC<import("./sx").SxProp>;
312
+ };
313
+ export {};
@@ -0,0 +1,91 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ActionMenu = void 0;
7
+
8
+ var _Button = _interopRequireDefault(require("./Button"));
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _AnchoredOverlay = require("./AnchoredOverlay");
13
+
14
+ var _useProvidedStateOrCreate = require("./hooks/useProvidedStateOrCreate");
15
+
16
+ var _hooks = require("./hooks");
17
+
18
+ var _Divider = require("./ActionList2/Divider");
19
+
20
+ var _MenuContext = require("./ActionList2/MenuContext");
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
+
24
+ const ActionMenuBase = ({
25
+ anchorRef: externalAnchorRef,
26
+ open,
27
+ onOpenChange,
28
+ overlayProps,
29
+ children
30
+ }) => {
31
+ const [combinedOpenState, setCombinedOpenState] = (0, _useProvidedStateOrCreate.useProvidedStateOrCreate)(open, onOpenChange, false);
32
+ const anchorRef = (0, _hooks.useProvidedRefOrCreate)(externalAnchorRef);
33
+
34
+ const onOpen = _react.default.useCallback(() => setCombinedOpenState(true), [setCombinedOpenState]);
35
+
36
+ const onClose = _react.default.useCallback(() => setCombinedOpenState(false), [setCombinedOpenState]);
37
+
38
+ let renderAnchor = null;
39
+ const contents = [];
40
+
41
+ _react.default.Children.map(children, child => {
42
+ if (child.type === MenuButton || child.type === Anchor) {
43
+ renderAnchor = anchorProps => /*#__PURE__*/_react.default.cloneElement(child, anchorProps);
44
+ } else {
45
+ contents.push(child);
46
+ }
47
+ });
48
+
49
+ return /*#__PURE__*/_react.default.createElement(_AnchoredOverlay.AnchoredOverlay, {
50
+ renderAnchor: renderAnchor,
51
+ anchorRef: anchorRef,
52
+ open: combinedOpenState,
53
+ onOpen: onOpen,
54
+ onClose: onClose,
55
+ overlayProps: overlayProps
56
+ }, /*#__PURE__*/_react.default.createElement(_MenuContext.MenuContext.Provider, {
57
+ value: {
58
+ parent: 'ActionMenu',
59
+ listRole: 'menu',
60
+ itemRole: 'menuitem',
61
+ afterSelect: onClose
62
+ }
63
+ }, contents));
64
+ };
65
+
66
+ ActionMenuBase.displayName = "ActionMenuBase";
67
+
68
+ const Anchor = /*#__PURE__*/_react.default.forwardRef(({
69
+ children,
70
+ ...anchorProps
71
+ }, anchorRef) => {
72
+ return /*#__PURE__*/_react.default.cloneElement(children, { ...anchorProps,
73
+ ref: anchorRef
74
+ });
75
+ });
76
+ /** this component is syntactical sugar 🍭 */
77
+
78
+
79
+ const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, anchorRef) => {
80
+ return /*#__PURE__*/_react.default.createElement(Anchor, {
81
+ ref: anchorRef
82
+ }, /*#__PURE__*/_react.default.createElement(_Button.default, props));
83
+ });
84
+
85
+ ActionMenuBase.displayName = 'ActionMenu';
86
+ const ActionMenu = Object.assign(ActionMenuBase, {
87
+ Button: MenuButton,
88
+ Anchor,
89
+ Divider: _Divider.Divider
90
+ });
91
+ exports.ActionMenu = ActionMenu;
@@ -15,6 +15,7 @@ declare const _default: React.FC<{
15
15
  Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
16
16
  [x: string]: any;
17
17
  [x: number]: any;
18
+ [x: symbol]: any;
18
19
  } & {
19
20
  theme?: any;
20
21
  } & {
@@ -27,6 +28,7 @@ declare const _default: React.FC<{
27
28
  }> | undefined;
28
29
  } & Pick<{
29
30
  color?: string | undefined;
31
+ property?: string | undefined;
30
32
  maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
31
33
  minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
32
34
  translate?: "yes" | "no" | undefined;
@@ -62,7 +64,6 @@ declare const _default: React.FC<{
62
64
  datatype?: string | undefined;
63
65
  inlist?: any;
64
66
  prefix?: string | undefined;
65
- property?: string | undefined;
66
67
  resource?: string | undefined;
67
68
  typeof?: string | undefined;
68
69
  vocab?: string | undefined;
@@ -7,6 +7,7 @@ declare type InternalAutocompleteInputProps = {
7
7
  declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
8
8
  [x: string]: any;
9
9
  [x: number]: any;
10
+ [x: symbol]: any;
10
11
  } & {
11
12
  theme?: any;
12
13
  } & {
@@ -19,6 +20,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
19
20
  }> | undefined;
20
21
  } & Pick<{
21
22
  color?: string | undefined;
23
+ property?: string | undefined;
22
24
  maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
23
25
  minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
26
  translate?: "yes" | "no" | undefined;
@@ -54,7 +56,6 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
54
56
  datatype?: string | undefined;
55
57
  inlist?: any;
56
58
  prefix?: string | undefined;
57
- property?: string | undefined;
58
59
  resource?: string | undefined;
59
60
  typeof?: string | undefined;
60
61
  vocab?: string | undefined;
@@ -21,10 +21,6 @@ var _uniqueId = require("../utils/uniqueId");
21
21
 
22
22
  var _scrollIntoViewingArea = require("../behaviors/scrollIntoViewingArea");
23
23
 
24
- var _VisuallyHidden = _interopRequireDefault(require("../_VisuallyHidden"));
25
-
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
25
 
30
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -186,8 +182,19 @@ function AutocompleteMenu(props) {
186
182
  setSelectedItemLength(selectedItemIds.length);
187
183
  }
188
184
  }, [selectedItemIds, setSelectedItemLength]);
189
- return /*#__PURE__*/_react.default.createElement(_VisuallyHidden.default, {
190
- isVisible: showMenu
185
+ return /*#__PURE__*/_react.default.createElement(_.Box, {
186
+ sx: !showMenu ? {
187
+ // visually hides this label for sighted users
188
+ position: 'absolute',
189
+ width: '1px',
190
+ height: '1px',
191
+ padding: '0',
192
+ margin: '-1px',
193
+ overflow: 'hidden',
194
+ clip: 'rect(0, 0, 0, 0)',
195
+ whiteSpace: 'nowrap',
196
+ borderWidth: '0'
197
+ } : {}
191
198
  }, loading ? /*#__PURE__*/_react.default.createElement(_.Box, {
192
199
  p: 3,
193
200
  display: "flex",
package/lib/Avatar.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { SystemCommonProps } from './constants';
2
1
  import { SxProp } from './sx';
3
2
  import { ComponentProps } from './utils/types';
4
3
  declare const Avatar: import("styled-components").StyledComponent<"img", any, {
@@ -10,6 +9,6 @@ declare const Avatar: import("styled-components").StyledComponent<"img", any, {
10
9
  src: string;
11
10
  /** Provide alt text when the Avatar is used without the user's name next to it. */
12
11
  alt?: string | undefined;
13
- } & SystemCommonProps & SxProp, never>;
12
+ } & SxProp, never>;
14
13
  export declare type AvatarProps = ComponentProps<typeof Avatar>;
15
14
  export default Avatar;
package/lib/Avatar.js CHANGED
@@ -30,7 +30,7 @@ const Avatar = _styledComponents.default.img.attrs(props => ({
30
30
  })).withConfig({
31
31
  displayName: "Avatar",
32
32
  componentId: "sc-1waaaky-0"
33
- })(["display:inline-block;overflow:hidden;line-height:", ";vertical-align:middle;border-radius:", ";", ";", ""], (0, _constants.get)('lineHeights.condensedUltra'), props => getBorderRadius(props), _constants.COMMON, _sx.default);
33
+ })(["display:inline-block;overflow:hidden;line-height:", ";vertical-align:middle;border-radius:", ";", ""], (0, _constants.get)('lineHeights.condensedUltra'), props => getBorderRadius(props), _sx.default);
34
34
 
35
35
  Avatar.defaultProps = {
36
36
  size: 20,
package/lib/BaseStyles.js CHANGED
@@ -19,29 +19,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
19
19
 
20
20
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
21
 
22
- const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
23
- * { box-sizing: border-box; }
24
- body { margin: 0; }
25
- table { border-collapse: collapse; }
26
-
27
- [role="button"]:focus:not(:focus-visible):not(.focus-visible),
28
- [role="tabpanel"][tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),
29
- button:focus:not(:focus-visible):not(.focus-visible),
30
- summary:focus:not(:focus-visible):not(.focus-visible),
31
- a:focus:not(:focus-visible):not(.focus-visible) {
32
- outline: none;
33
- box-shadow: none;
34
- }
35
-
36
- [tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),
37
- details-dialog:focus:not(:focus-visible):not(.focus-visible) {
38
- outline: none;
39
- }
40
- `;
22
+ const GlobalStyle = (0, _styledComponents.createGlobalStyle)(["*{box-sizing:border-box;}body{margin:0;}table{border-collapse:collapse;}[role=\"button\"]:focus:not(:focus-visible):not(.focus-visible),[role=\"tabpanel\"][tabindex=\"0\"]:focus:not(:focus-visible):not(.focus-visible),button:focus:not(:focus-visible):not(.focus-visible),summary:focus:not(:focus-visible):not(.focus-visible),a:focus:not(:focus-visible):not(.focus-visible){outline:none;box-shadow:none;}[tabindex=\"0\"]:focus:not(:focus-visible):not(.focus-visible),details-dialog:focus:not(:focus-visible):not(.focus-visible){outline:none;}"]);
41
23
 
42
24
  const Base = _styledComponents.default.div.withConfig({
43
25
  displayName: "BaseStyles__Base",
44
- componentId: "qvuaww-0"
26
+ componentId: "sc-qvuaww-0"
45
27
  })(["", ";", ";"], _constants.TYPOGRAPHY, _constants.COMMON);
46
28
 
47
29
  function BaseStyles(props) {
package/lib/BorderBox.js CHANGED
@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
16
16
  */
17
17
  const BorderBox = (0, _styledComponents.default)(_Box.default).withConfig({
18
18
  displayName: "BorderBox",
19
- componentId: "oreju5-0"
19
+ componentId: "sc-oreju5-0"
20
20
  })([""]);
21
21
  BorderBox.defaultProps = {
22
22
  borderWidth: '1px',
package/lib/Box.js CHANGED
@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
15
15
 
16
16
  const Box = _styledComponents.default.div.withConfig({
17
17
  displayName: "Box",
18
- componentId: "nv15kw-0"
18
+ componentId: "sc-nv15kw-0"
19
19
  })(_styledSystem.space, _styledSystem.color, _styledSystem.typography, _styledSystem.layout, _styledSystem.flexbox, _styledSystem.grid, _styledSystem.background, _styledSystem.border, _styledSystem.position, _styledSystem.shadow, _sx.default);
20
20
 
21
21
  var _default = Box;
@@ -1,6 +1,5 @@
1
- import { SystemCommonProps } from './constants';
2
1
  import { SxProp } from './sx';
3
2
  import { ComponentProps } from './utils/types';
4
- declare const BranchName: import("styled-components").StyledComponent<"a", any, SystemCommonProps & SxProp, never>;
3
+ declare const BranchName: import("styled-components").StyledComponent<"a", any, SxProp, never>;
5
4
  export declare type BranchNameProps = ComponentProps<typeof BranchName>;
6
5
  export default BranchName;
package/lib/BranchName.js CHANGED
@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
16
16
  const BranchName = _styledComponents.default.a.withConfig({
17
17
  displayName: "BranchName",
18
18
  componentId: "sc-167ouzm-0"
19
- })(["display:inline-block;padding:2px 6px;font-size:", ";font-family:", ";color:", ";background-color:", ";border-radius:", ";", ";", ";"], (0, _constants.get)('fontSizes.0'), (0, _constants.get)('fonts.mono'), (0, _constants.get)('colors.fg.muted'), (0, _constants.get)('colors.accent.subtle'), (0, _constants.get)('radii.2'), _constants.COMMON, _sx.default);
19
+ })(["display:inline-block;padding:2px 6px;font-size:", ";font-family:", ";color:", ";background-color:", ";border-radius:", ";", ";"], (0, _constants.get)('fontSizes.0'), (0, _constants.get)('fonts.mono'), (0, _constants.get)('colors.fg.muted'), (0, _constants.get)('colors.accent.subtle'), (0, _constants.get)('radii.2'), _sx.default);
20
20
 
21
21
  var _default = BranchName;
22
22
  exports.default = _default;
@@ -23,12 +23,12 @@ const SELECTED_CLASS = 'selected';
23
23
 
24
24
  const Wrapper = _styledComponents.default.li.withConfig({
25
25
  displayName: "Breadcrumbs__Wrapper",
26
- componentId: "hwwoo0-0"
26
+ componentId: "sc-hwwoo0-0"
27
27
  })(["display:inline-block;white-space:nowrap;list-style:none;&::after{padding-right:0.5em;padding-left:0.5em;color:", ";font-size:", ";content:'/';}&:first-child{margin-left:0;}&:last-child{&::after{content:none;}}"], (0, _constants.get)('colors.fg.muted'), (0, _constants.get)('fontSizes.1'));
28
28
 
29
29
  const BreadcrumbsBase = _styledComponents.default.nav.withConfig({
30
30
  displayName: "Breadcrumbs__BreadcrumbsBase",
31
- componentId: "hwwoo0-1"
31
+ componentId: "sc-hwwoo0-1"
32
32
  })(["display:flex;justify-content:space-between;", ";"], _sx.default);
33
33
 
34
34
  function Breadcrumbs({
@@ -57,7 +57,7 @@ const BreadcrumbsItem = _styledComponents.default.a.attrs(props => ({
57
57
  'aria-current': props.selected ? 'page' : null
58
58
  })).withConfig({
59
59
  displayName: "Breadcrumbs__BreadcrumbsItem",
60
- componentId: "hwwoo0-2"
60
+ componentId: "sc-hwwoo0-2"
61
61
  })(["color:", ";display:inline-block;font-size:", ";text-decoration:none;&:hover{text-decoration:underline;}&.selected{color:", ";pointer-events:none;}", ";"], (0, _constants.get)('colors.accent.fg'), (0, _constants.get)('fontSizes.1'), (0, _constants.get)('colors.fg.default'), _sx.default);
62
62
 
63
63
  Breadcrumbs.displayName = 'Breadcrumbs';
@@ -6,6 +6,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
6
6
  variant?: "small" | "medium" | "large" | undefined;
7
7
  } & {
8
8
  color?: string | undefined;
9
+ property?: string | undefined;
9
10
  translate?: "yes" | "no" | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  children?: import("react").ReactNode;
@@ -40,7 +41,6 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
40
41
  datatype?: string | undefined;
41
42
  inlist?: any;
42
43
  prefix?: string | undefined;
43
- property?: string | undefined;
44
44
  resource?: string | undefined;
45
45
  typeof?: string | undefined;
46
46
  vocab?: string | undefined;
@@ -269,8 +269,8 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
271
  css?: import("@emotion/core").InterpolationWithTheme<any>;
272
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
272
  disabled?: boolean | undefined;
273
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
274
274
  autoFocus?: boolean | undefined;
275
275
  formAction?: string | undefined;
276
276
  formEncType?: string | undefined;